跟着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 编程 前端
一文彻底读懂Babel 在我们平时写代码的过程中可能没有感觉Babel的存在,但其实只要我们写JS代码,Babel已经无处不在、无时不刻的在影响着我们的代码;在Webpack基础篇中,我们简单的介绍Babel的安装,也知道了它能够将高版本的ES6转为低版本的ES5代码,这篇文章我们就对Babel的配置以及使用做一个深入的学习和总结。 2020-11-18 编程 前端 面试 打包工具
Webpack手写loader和plugin 我们在Webpack基础篇介绍了多种loader和plugin以及每种的用途;那么他们两者在webpack内部是如何进行工作的呢?让我们手写一个loader和plugin来看看它内部的原理,以便加深对webpack的理解。 2020-10-12 编程 前端 打包工具
四种实现浏览器标签页数据通信方式 浏览器可以打开多个不同的标签页,有时候需要在这多个标签页共享同一份数据,那如何在多个标签页中进行数据的通信呢?让我们来看一下四种在标签页中通信的方式。 2020-09-12 编程 前端
Webpack配置全解析(优化篇) 在上一篇文章Webpack配置全解析介绍了Webpack中loader和plugins的一些基本用法,当loader和plugins使用较多后项目也会越来越耗时,因此这次我们继续学习如何优化webpack的配置来让我们的项目运行的更快耗时更短。 2020-07-30 编程 前端 打包工具 Webpack
深入学习Axios源码(构建配置) axios是我们日常代码中常用的一个http库,它可以用来在浏览器或者node.js中发起http请求;它强大的功能和简单易用的API受到了广大前端童鞋们的青睐;那么它内部是如何来实现的呢,让我们走进它的源码世界一探究竟。 2020-07-18 编程 前端 源码
深入理解linear-gradient linear-gradient是CSS3的一个新特性;在以前实现渐变、阴影等一些酷炫效果都是通过图片来实现的,但是通过linear-gradient我们可以实现同样丰富多样的效果。 2020-07-10 编程 前端 CSS