前端：为什么我看不懂你的代码（上）

图1

世界上漂亮的脸蛋很多，有趣的灵魂很少。不是我们默契不行而是你的代码真他妈太乱，看不懂啊。

1、单兵作战还是协作开发

随着市场对于软件的需求越来越高，软件工程变得越来越重要。以前的单兵作战明显已经跟不上市场的需求。但凡是成熟的软件产品必定的是一个团队协作开发的成果。

2、前后端分离

你如果说全栈工程师一个人就可以完成全部的工作，那只能说你有可能项目经验还不够丰富。“全栈”这个概念怎么说呢挺模糊的，圈子里的人都知道PHP程序员什么都能写，招一个PHP的可以让他干三个人的活，这样就算是全栈了吗？从开发的角度来说PHP可以写页面也可以写后端，软件开发基本没有上下游这样大大减少了项目沟通的成本，开发时间上来说会比较省事省力。

上述的开发模式开发网站什么的确实很棒，快速高效。但是开发web应用角度来说这样有很大的不足，一、性能瓶颈；二、业务逻辑耦合；三、学习成本高（又要会前端又要回后端）。前后端分离后端负责数据和接口，前端负责界面展示和操作场景。前后端只通过 JSON 来交流，组件化、工程化不需要依赖后端去实现。这样后端就有更多的时间去从全局考虑问题，优化数据等。这是后端要学的（饿了吗后端技术栈）

个人观点：你什么都能做，但什么都做不好不如专精一块，把它做到完美才是价值的体现。程序员又不是服务员啥都做，我只写前端。对就这么屌。

3、如何协作开发

在没有统一标准的前提下，说前端协作开发那就是放屁，站在说话不腰疼。一个人写代码其实是很痛苦的，面对成片成片的业务逻辑和接口，真的是心疼自己啊，累到没有性生活。

3.1总体框架的统一

这边的’总体框架‘我做一下详细解释：总体框架分为技术框架和UI框架

1、技术选型类框架项目Vue、React、Angular、backbone等

2、UI框架 bootstrap、ElementUI、iview、zui等

这块统一了后至少我们的html和Template都能看得懂会用

3.2 CSS样式统一、样式模块化

3.3JS书写规范

4、开发规范

4.1HTML开发规范

链接地址

4.2CSS开发规范