前端工程化浅谈

帮助您对前端有一个清晰的了解

我想说的

不知道你之前的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，个人认为这种想法是狭隘的，不够全面的。
今天我将试着从工程的角度系统的介绍一下我对前端，尤其是对web前端的理解。只要我们还把自己的工作看作为一项软件开发活动，那么我相信读过下面的内容你也一定会有所共鸣。

一、前端开发的概念

1、定义

从本质上讲，所有Web应用都是一种运行在网页浏览器中的软件，这些软件的图形用户界面即为前端。（Graphical User Interface，简称GUI）
例子：网易云音乐、优酷视频网页、新浪微博、W3Cschool、百度、腾讯新闻、天猫…

2、发展

• 从之前的刀耕火种=>到现在各种库/框架遍地开花。
• 从WebPage模式到为主=>为以WebApp模式为主了。
• 再也不是过去的拼接页面+几个jQuery插件为主了。

3、发展形势

如今前端可谓包罗万象，产品形态五花八门，涉猎极广，Web业务日益复杂化和多元化，更多的则是复杂的Web应用，它们功能完善，界面繁多，对前端项目人员来说是一个很大的挑战。
工程复杂了就会产生许多问题，如何进行高效的多人协作？如何保证项目的可维护性？如何提高项目的开发质量？...

4、常见区分

现如今前端可谓包罗万象，产品形态五花八门，涉猎极广，什么高大上的基础库/框架，拽炫酷的宣传页面，还有屌炸天的小游戏……不过这些一两个文件的小项目并非是前端技术的主要应用场景，更具商业价值的则是复杂的Web应用，它们功能完善，界面繁多，为用户提供了完整的产品体验，可能是新闻聚合网站，可能是在线购物平台，可能是社交网络，可能是金融信贷应用，可能是音乐互动社区，也可能是视频上传与分享平台，可能是系统应用，门户、数据可视化平台……

二、本文章的目的

1、形成一个规范化的前端工作流

避免各种错误，通过规范化的开发，尽可能规避项目中的各种开发风险

2、统一

统一项目的模块化开发和前端资源，不再使大家出现过度的差异化问题

3、 便于维护和协作

让代码的维护和互相协作更加容易更加方便，让相互之间的沟通不在困难，不会读代码如读天书

4、 最终目标

让大家能够释放生产力，提高开发效率，更好更快地完成团队开发及项目后期维护和扩展

三、构建前端工程的几个阶段

2020-3-25 23:39:26 太晚了，睡觉吧，抽空继续。