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

应该考虑到的几个原则：

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

可扩展

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

小内核

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

PS:因为前端特性，考虑到加载文件的大小和数量，通常须要权衡是否使用第三方类库。

可维护

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

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

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

高性能

1. 对于js文件的加载，通常放在body的末尾。或者经过异步的形式加载文件。
2. 对于页面的加载，通常须要控制在100ms内，但最好可以控制在50ms内。