網站前端架構的的一些原理和終結

應該考慮到的幾個原則：

1. 高性能
2. 可擴展
3. 可維護

可擴展

MVC的分層，小內核，模塊化

小內核

每一個模塊能夠獨立存在，每一個模塊能夠並存而不互相依賴和影響（低耦合），模塊能夠複用，模塊能夠直接通訊調用。

PS:因爲前端特性，考慮到加載文件的大小和數量，通常須要權衡是否使用第三方類庫。

可維護

協同開發須要有統一的規範，以便於不一樣人方便溝通與交流，創建HTML,CSS,JS的code Style Guide.

保持HTML,CSS,JS的相互獨立，可配置，保持配置文件或者變量與工程獨立

使用自動化工具：測試，構建，壓縮，部署的自動化。

高性能

1. 對於js文件的加載，通常放在body的末尾。或者經過異步的形式加載文件。
2. 對於頁面的加載，通常須要控制在100ms內，但最好可以控制在50ms內。