目前 webpack 已经更新到 3.x 版本，但是还有很多公司由于历史原因，不能够去升级 webpack 版本，猜测可能原因包括太多项目都使用 1.x 版本，同时构建端也统一都是 1.x 版本，如果需要升级更新就需要投入一定的人力资源去测试，最近刚好在整理 webpack 1.x 配置文件内容，借此记录下整理出来的版本内容。
| Home | Archives | Categories | Tags | About |
|
目前 webpack 已经更新到 3.x 版本，但是还有很多公司由于历史原因，不能够去升级 webpack 版本，猜测可能原因包括太多项目都使用 1.x 版本，同时构建端也统一都是 1.x 版本，如果需要升级更新就需要投入一定的人力资源去测试，最近刚好在整理 webpack 1.x 配置文件内容，借此记录下整理出来的版本内容。
确切的说 2017-11-04 是我加入新公司的第 45 天，也就是试用期的刚刚好一半时间。我为什么要写这篇文章呢？这也跟我入职新公司的习惯有关系，在前四十天，我基本每十天会做一个大的总结，同时也算纪念。刚好现在试用期时间已过半，再次以文章的形势整体总结下这段时间的融入、认识、收获。以下都是自身的浅薄认识，望赐教。
在进行网页开发的时候，一般会忽略到页面渲染给浏览器带来的性能问题；在实际情况中，浏览器进行页面渲染会进行大量的计算，来确定每个可见元素在屏幕上的精确位置、大小，还需要将每个确定好的像素绘制到屏幕上，这些操作都需要消耗大量的资源；如果反复的进行这些操作，对用户设备性能损耗不容乐观，因此希望通过这篇文章加深大家对浏览器渲染过程的理解，并希望大家能够重视渲染过程带来的性能问题。
相信很多前端er都使用过 line-height 来设置行高布局。下面看看官方定义：On block level elements, the line-height property specifies the minimum height of line boxes within the element.On non-replaced inline elements, line-height specifies the height that is used to calculate line box height.
春节快到了，假期也快到了，空闲之余刷个微博，看见 @ruanyf 提出了一个问题与 TDZ 有关，但是貌似阮大当时还没有意识到这个问题，多亏一些其他业内同仁提出了与 TDZ 相关；当然，以阮大的能力这都不是事。由于当时我本身也还不知道 TDZ 这一回事没有看懂，所以就花了一些时间去搞清楚什么是 TDZ 及TDZ会带来一些什么问题，本文主要是用于介绍我对 TDZ 的一些理解，如有问题，多谢指出。
今年双十一也过去一段时间，在双十一的大潮中，产生了很多匪夷所思的大数据。天猫的 1207 亿元成交额。在这些大数据的背后，有多少团队在为之付出，又有多少人为之倾尽全力。双十一过后的几周，我不断在订阅号里看见双十一带来的连锁反应，各种技术文章，看了让人心动。但是我又因此思考，如何在这场战争后继续保持一个团队的稳定及继续勇往向前冲的态度。那就是”打造一支精良的团队”。
最近闲来无事，开始摸索前端单元测试。一是不备之需，二是确实在实际项目中能够用到单元测试。这样可以提高开发效率，提升代码质量，完全可以单独对 JS 进行测试，无需页面，不依赖其他第三方。
最近项目慢慢走上正轨，需求趋于平稳，这才想起需要对整站进行性能优化。经过一段时间的学习，结合现在项目的实际性能情况，发现确实有许多地方可以进行优化。于是就开始了我的前端性能优化之旅。以下内容仅为个人理解，如果本内容大家觉得哪里写的不对，望大家指出，供一起讨论。
曾经有伟人说过，对于一件新鲜事物，如果需要搞明白他，就会有以下三个步骤：What、How、Why（学习、思维三部曲 或 叫做学习黄金圈）；而对于很多人，在学习一门技术时，都停留在 What 阶段，到使用时就不知道如何使用，就算使用了也不知道为什么要用。