前端模块化
模块化是前端工程化中一个很重要的概念,模块化到底是什么以及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
Node调试之Inspect
开发中避免不了调试,调试不仅能快速确定问题所在,更能从中优化更多的细节,达到更好的实现效果。简单记录关于Node的调试之一inspect。
Vue
简单的Web应用,从数据的获取到页面的展示
通过Node基本的数据抓取
Vue
高阶函数
高阶函数源自于函数式编程,是函数式编程的基本技术。
Vue
前端对缓存的使用
HTTP缓存、离线缓存,缓存应用。
Vue
缓存
React
Vue
高性能滚动与页面优化
React
Vue
JacaScript的六种迭代器
React
Vue
10种最常见的排序
React