文章
前端模块化
模块化是前端工程化中一个很重要的概念,模块化到底是什么以及JS模块化具体有哪些解决方案。以CJS与ESM这两种模块规范为重点分享对象。
JavaScript
Git 的那些事
代码提交记录是一个很好的代码修改日志。规范的代码提交记录,不管在平时代码开发维护过程中,还是在定位 bug 或者回退版本来说都是极为重要。如何利用第三方工具来做这些琐事呢?
Webpack
Git
EventLoop 和浏览器渲染
很多关于浏览器事件循环机制中会详述宏任务、微任务,而浏览器中的动画渲染正与此有关,每一次事件执行都会带来页面的渲染吗?而requestAnimationFrame又是在什么时候执行的,是在微任务之前还是之后?
JavaScript
webpack的打包原理与优化
记录webpack最基本的原理,了解其运作方式机制后才能知道如何去优化其运行、编译速度,还能为自身开发业务上定制专属的编译插件转译等等,还能够较好地提高开发速度。
Webpack
JavaScript
Node
Immutable是啥
js在创建变量、赋值后是可变的。除了基本类型,其他的引用类型,通过变量地址来共享。Immutable改变这种局面的一种方法,就是在创建变量、赋值后便不可更改,若对其有任何变更,就会回传一个新值。
React
JavaScript
Redux
装饰器的那些事
通过webpack与babel与其插件来搭建web开发环境,支持使用装饰器语法。
Webpack
Node
小程序搭配Redux
原生小程序中通过实现扩展生命周期的方法统一处理redux,类似于wepy中的中间件wepy-redux的原理。
Redux
高阶组件(HOC概念)
高阶组件是React 中一个很重要且比较复杂的概念,高阶组件在很多第三方库(如Redux)中都被经常使用。在项目中用好高阶组件,可以提高代码的复用性,显著提高代码质量。
React
Vuex的动态注入
vuex一般在全局定义好模块后直接使用就好了,但随着项目的逐渐庞大,为了减少不必要的加载,推荐使用vuex动态注册的方式将不必要使用的状态流禁止加载,分割文件优化加载速度。
Vue
test
是专门测试用的
React
Vue