yoffe

在很多大型复杂的项目中，基于组件的设计方案（Component Based Design）往往都会被提上讨论日程。而本文则是作者在很多小型项目中使用 CBD 的感悟与经验总结，项目无论大小皆可适用基于组件的设计方案。

由于 bootstrap 十分庞大，因此每次编译都要耗费大部分的时间在打包 bootstrap 这一块，而换来的仅仅是配置的便利，十分不划算。 我也并非是故意卖关子，这的确是我自己开发中碰到的问题，而在撰写完该文后，我立即着手探索解决之道。终于，发现了 webpack 这一大杀器：DllPlugin&DllReferencePlugin，打包时间过长的问题得到完美解决。

如何设计一个好的表单是一个老生常谈的话题，本文的亮点是将「好表单」的设计规则通过简单的 Do or Don't 图片进行展示，使大家的阅读和理解都非常轻松有趣。 文中阐述的是一个标准的「好表单」，但现实中的场景往往是复杂的，特别是涉及到一些后台业务的表单时，我们还要考虑表单整体的可读性，不同场景下表单填写的一致性，甚至还有产品意图等问题。面对这些问题，有的时候我们不得不牺牲一些「好表单」的特性，而敢于对这种设计规范 say no，这也是我们进入整体性思考的一个重要标志吧。

DllPlugin 本质上的做法和我们手动分离这些第三方库是一样的，但是对于包极多的应用来说，自动化明显加快了生产效率。

本文介绍了前端领域比较冷门的 shadow-dom 的相关知识

本文以 v4.4.4(LTS version) 长期支持版本为例展开话题，从兼容性以及性能两方面着手分析 Node.js 对 ES6 的支持情况。

HTML5 将 WEB 开发者的战场从传统的 PC 端带到了移动端。然而移动端交互的核心在于手势和滑动，如果只是将 PC 端的点击体验简单地移植到移动端，势必让移动端体验变得了无生趣。以某 APP 收银台的支付密码输入框为例，里面的 Switch 组件只能通过点击改变状态，和原生控件的体验有着非常大的差距，不符合移动端的交互习惯。接下来，我们来尝试做出一个支持手指滑动操作的 Switch 组件，提升用户体验。

一个不错的 ES6 新特性集合