月肃生

背景 微前端将主子模块环境隔离开，那么同时也将微前端模块代码进行了隔离，这样打包就会产生重复代码，比如 react模块代码 主应用里面也有，子应用也有，所以一般也会有几种共享代码的方式 代码共享 一、

最近手写了一个Swiper，就是那种类似跑马灯的组件，在touchmove的时候改变transform: translate来移动dom，移动超过一定距离在touchend事件就切换到下一页，听起来好像很完美，没有问题。 will-change 不多介绍了，它告诉浏览器，某个属…

不再将事件委托到document, 而是委托到react渲染的根节点, 方便升级，存在多个react版本时也不会发生冲突，不会影响老代码，比如jquery, 在老项目中引入react，e.stopPropagation并不能阻止冒泡到jquery，新版本就可以避免这种情况。 1…

react-hot-loader是一个结合webpack HotModuleReplacementPlugin插件实现的react热更新库，可以实现保留react状态的动态热更新。 的了解。

FLIP是First、Last、Invert和Play四个单词首字母的缩写first:保留变化前的状态last:记录变化后的状态invent:通过first和last计算，还原到first状态play

在fixed布局时，基本能按照设置值进行布局，而且由于布局固定，不需要像auto整个分析之后再进行布局, 渲染速度也能得到提升。

powershell.regcmd.reg

webpack的devtool用了蛮久了，但每次都是默认使用其中几个，对其他的并不了解，这节准备吧每种方式都打包一下，看看到底有啥区别。 1. eval 2. cheap-eval-source-map 3. cheap-module-eval-source-map 4. ev…