将军肚

和SMACSS非常类似，主要用来如何给项目命名。如选项卡导航是一个块Block，块里的元素是Element，而当前选项卡是一个修饰状态Modifier 考虑如何设计一个系统的接口。原子Atoms是创建一个区块的最基本的特质，如表单按钮。分子Molecules是很多原子Atoms…

如果在 transform 的转化属性中使用百分比，那这个百分比的参照物就是当前盒子的宽度或高度,这样通过向上移动盒子自身高度的 50%，就可以把盒子的中心移到 top 值设定的地方。这样无论模态框窗口有多高，都可以保证窗口的中心距页面上边缘 45% 的需求。 linear-g…

stretch（默认），元素进行抻拉来填满，如果盒子有指定大小，那么以指定的大小为准。 center，元素会布局在容器侧轴的中间位置。 flex-start，元素位于容器的开头。 flex-end，元素位于容器的结尾。 baseline，元素位于第一行文本的基准线位置，这里要注…

如元素使用了定位或固定定位absolute和fixed，那么这个元素会脱离文档流，后面的块元素会忽略它的存在。而这个元素会按指定位置重新定位，如无指定值，则按脱离之前的位置定位。 如使用了浮动属性float，也会脱离文档流，后面的块元素会忽略它的存在。但在文本排布中占有位置。 …

当render tree中的一部分（或全部）因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow) 当render tree中的一些元素需要更新属性，而这些属性只影响元素外观，风格，而不影响布局的，比如background-color。则称为重绘 **…

在 中使用cross-env来区分环境。 不经常变动的框架和库代码拆分完之后，剩下的是业务代码，业务代码可以根据不同的页面之间公共代码拆分到一起，这样可以保证访问一个页面就可以将框架代码和公共代码缓存到浏览器中，再访问第二个页面就不会增加框架代码和公共代码页面请求了。 动静分离…

build后，发现dist目录中large-number.js和large-number.min都被压缩了。 npm run dev后提示 Compiled successfully.

软件工程领域经验 —— 不要过早优化，会增加复杂度，优化效果也不理想。 一般是当项目发展到一定规模后，性能问题随之而来，这时再去分析然后对症下药，才可能达到理想的优化效果。 在打包工程中有一项非常耗时的工作，就是使用loader将各种资源进行转译处理。比如babel-loade…

实现高性能应用其中重要的一点就是尽可能地让用户每次只加载必要的资源，优先级不太高的资源则延迟加载，这样可保证首屏加载速度。 代码分片可有效降低首屏加载资源的大小，但同时也会带来新的问题，比如应该对哪些模块进行分片、分片后的资源如何管理等。 为了尽可能减小资源的体积，每个页面都只…