写在前面： 使用 vue-cli 可以快速创建 vue 项目，vue-cli很好用，但是在最初搭建环境安装vue-cli及相关内容的时候，对一些人来说是很头疼的一件事情，本人在搭建vue-cli的项目环境的时候也是踩了相当多的坑，特此写了一篇搭建环境的教程，每一步尽量详细解析。需…

wepback作为前端最热门的打包管理工具之一，学习一下是很有必要的，关于webpack的学习教程很多，并且官方也有对应的中文文档，所以本篇文章不再讲解如何使用webpack，而是重点讲解学习webpack前需要了解的一些概念。 什么是webpack 关于什么是webpack，…

接到《京保养》项目需求，了解到是移动端项目，运用于微信公众号及京东 APP 。通过与后端研发沟通，后端将提供所有的数据展示接口，这样最终商定使用前后端分离技术，而作为前端这边就非常适合选择基于 webpack + Vue 的单页面应用来实现。 前期组内也有基于单页面应用的项目总…

动效这两年崛起非常之迅猛，几乎是网页设计领域最强大的设计趋势之一。无论是在设计师群体还是在用户当中，它的受欢迎程度都非常之高，大家都对它津津乐道。 从微妙的转场动效到覆盖整个页面的大范围动效，它几乎无处不在。动效的运用让网页中的元素逻辑变化关系清晰地表述出来，还将影视化的体验引…

本文是笔者在使用 Webpack 的过程中总结的一系列建议与技巧，不过需要注意的是这些小技巧都是关于 Webpack 1 的。Webpack 2 与 Webpack 1 相比其 API 发生了较大变化，本文提及的不少技巧可能在 Webpack 2 并不能起作用。如果你想了解从 Webpack 1 迁移到 Webpack 2 的详细教程，可以参考这里，另外可以参考笔者的基于 Webpack 2 的模板 Webpack2-React-Redux-Boilerplate。

前端体系建设从前端开始专职发展就慢慢开始演进了。过去，我们习惯描绘一些技术细节作为前端体系所需要的，而没有看到其背后的连接，所谓建设之道，即是建立向前向后的连接。前端在项目研发中的上流是交互视觉，下流是后端研发。这两个角色之间的连接对我们来说至关重要。

webpack2.x 正式版本发布！随之而来，webpack 官方给中文开发者送了一份新春大礼： webpack 官方中文社区正式成立！ 迷茫与行动 我使用 webpack 已经有一年多了。这些日子里，许许多多身边的同事，还有开发者，开始加入 webpack 的使用大潮之中。一方面，同事们对…