深度测评次世代打包工具Vite 随着我们项目代码模块越来越多,打包和启动调试服务器所需要的时间也呈指数级增长,Vite是尤大大在推出Vue3时顺带推出升级的一个web构建工具,旨在解决构建慢的问题,那我们就来看一下,它构建有多快以及是如何构建的。 2021-06-10 编程 前端 打包工具
全面总结Vue3.0的新特性 Vue3.0从20年九月发布第一个One Piece版本,到现在一直在更新优化;除了服务端渲染的工作,其他工作已经大部分完成了,中文版的官方文档也已经放出;那么作为终端用户的我们来看下Vue3新增了哪些功能和特性。 2021-05-10 编程 前端 Vue
一文彻底读懂ESLint 在日常项目开发中,ESLint常常扮演者可有可无的角色,我们想让它来帮助我们检查代码,同时又害怕它带来的报错无法处理;本文带你深入的了解ESLint的配置以及原理。 2021-04-25 编程 前端
前端抢饭碗系列之Vue项目中如何做单元测试 关于单元测试,最常见的问题应该就是“前端单元测试有必要吗?”,通过这篇文章,你将会了解单元测试的必要性,以及在Vue项目中如何能够全面可靠的测试我们写的组件。 2021-04-14 编程 前端 Vue 测试
金三银四面试季,防抖节流要牢记 最近是金三银四面试季,相信不少公司面试题都会涉及到防抖节流的问题,有的面试题甚至是手写实现,今天我们就来看下防抖节流的应用场景以及它内部实现的逻辑。 2021-04-10 编程 前端 面试
JS设计模式之观察者模式 在翻阅设计模式的文章中,很多文章都是将观察者模式等同于发布订阅模式,虽然两者在本质一样,但在设计思想上还是存在一些差异的;今天我们来看一下两者有什么异同,以及在Vue源码中是如何利用发布订阅模式来实现数据响应式的。 2021-03-10 编程 源码 设计模式 Vue
跟着Element源码学组件化 ElementUI作为当前最流行的Vue组件库,以其丰富多样的组件和可配置化程度高吸引着众多的开发者;今天我们就深入它的源码,看一下它内部众多组件究竟是如何来实现的,以便我们在今后的开发中写出通用化程度更高的组件,同时也加深对其组件用法的理解。 2021-02-23 编程 前端 源码 Vue 组件化
深入对比Webpack、Parcel、Rollup打包工具的不同 我们在之前用了两篇文章来介绍了Webpack的配置和优化,那么为什么这篇文章还要来对比Parcel和Rollup呢?配置过Webpack的童鞋可能会发现了,虽然它具有很高的可配置性和扩展性,以及丰富的插件系统,但是这些无一不给我们的上手带来限制,有很高的上手门槛。相信大多童鞋在配置时遇到都会遇到莫名其妙的报错和各种查资料的烦恼,那么今天就来看一下Parcel和Rollup能给我们的打包带来哪些 2021-01-28 编程 前端 打包工具
深入学习CommonJS和ES6模块化规范 前端模块化是前端工程化的第一步也是重要的一步;不管你是使用React,还是Vue,亦或是Nodejs,都离不开模块化。模块化的规范有很多,而现在用的最多的就是CommonJS和ES6规范,因此我们来深入了解这两个规范以及两者之间的区别。 2021-01-08 编程 前端 面试 模块化
深入学习Object.defineProperty和Proxy 在最新发布的Vue3.0中,尤大大果断放弃了Object.defineProperty,加入了Proxy来实现数据劫持,那么这两个函数有什么区别呢?本文深入的剖析一下两者的用法以及优缺点,相信看文本文你也会理解为什么Vue会选择Proxy。 2020-12-16 编程 前端