随笔小录

自画像围观哈哈哈.png

Flex（Flexible Box）

div 类的块级元素设置 display: flex 或给span 类的行级元素设置display:inline-flex

• flex : 保持块级元素特性，宽度默认100%，不和行级元素一行展示；

• inline-flex: 容器为行内inline的特性，可以和图片文字在一行展示；

Webpack优化（打包、热更新）

• cache-loader 在rules 中给加载速度久的文件，如js 文件加上之后，因为这个loader 本身开启也需要花费时间，所以只能让打包速度有所提升。

• 持久化缓存 把webpack 中的cache 的type 类型换成filesystem 并指定路径。

  眼神中透露着盲目的活力.gif