网站前端架构的的一些原理和终结

2019独角兽企业重金招聘Python工程师标准>>>

应该考虑到的几个原则：

1. 高性能
2. 可扩展
3. 可维护

可扩展

MVC的分层，小内核，模块化

小内核

每个模块可以独立存在，每个模块可以并存而不互相依赖和影响（低耦合），模块可以复用，模块可以直接通信调用。

PS:由于前端特性，考虑到加载文件的大小和数量，一般需要权衡是否使用第三方类库。

可维护

协同开发需要有统一的规范，以便于不同人方便沟通与交流，建立HTML,CSS,JS的code Style Guide.

保持HTML,CSS,JS的相互独立，可配置，保持配置文件或者变量与工程独立

使用自动化工具：测试，构建，压缩，部署的自动化。

高性能

1. 对于js文件的加载，一般放在body的末尾。或者通过异步的形式加载文件。
2. 对于页面的加载，一般需要控制在100ms内，但最好能够控制在50ms内。

转载于:https://my.oschina.net/bosscheng/blog/153554