阿银

顾名思义：**过度**的意思，只包含两个状态<u>初始状态</u>与<u>结束状态</u>，不存在中间状态，只能完成一个状态向另一个状态的改变，<u>触发过程中**只能执行一次**</u>

flex: 项目（子元素） * flex-grow 意思就是比如三个子元素，每个设置为1，那么三个子元素均分，有一个设置的为2，那么它瓜分剩余空间的权重....

详细认识下flex布局父元素身上的属性｜8月更文挑战 上一节简单介绍了下flex的作用以及关于flex的两个小案例，来 超链接自适应布局之初识flex（一），接着上章节的进度，我继续去描述....

自适应布局之初识flex（一）说起自适应、flex算一哥么？下面将结合一些例子我们一起来简单认识下flex吧。

编写可读代码 - 注释 首先我们要清楚我们为什么要写注释，当然是为了记录当下的思想、日后能够更好的去理解，节省维护成本对吧！ 当我们重新读已写过的代码时，阅读注释代码比阅读真实代码耗费的时间可能要更多

编写可读代码 - 变量命名 相对来说给变量命名是最简单也是最复杂的事情，好的命名其实也是注释，尽管长度不长，但承载的信息却很多，很有利于后期维护。 通常命名遵循以下 5 个原则......

webpack4.x打包输出目录分文件夹 优化前 优化后 解决方案...通过优化前后对比，明显发现优化后的输出结构更加清晰；并且当我更新一个应用时，可以只发送对应的打包文件夹以及入口文件

ES6（一） let\const let\const 命名变量和常量 let 与 var区别在于let有块级作用域，var申明的变量会有变量提升效果，const与let区别 是 const定义的是常量

前端模块化 传统模块化 CommonJS 导出 导入 AMD 省略号。。。没用过 CMD 省略号。。。没用过 ES6的Modules script标签模块化 采用script标签导入ES6模块化时，必