1：封裝、封裝、封裝

封裝事件綁定

封裝組件調用

Utils方法的封裝

校驗的封裝

網絡請求的封裝（必須封裝，一個入口）

總之：能封裝的盡量封裝，因為前端js調用本身就很隨意，通過封裝去規范所有人的代碼、盡量減少錯誤的出現幾率；開發人員都去調用封裝好的代碼，不要去自己寫；

2：單入口

單入口是說針對項目、功能、封裝的模塊等等始終保持一個入口點或者一個變量，保持代碼及功能的邏輯線始終是一棵樹，只有一個主干。

3：代碼書寫的邏輯關系

這個可以通過寫demo來控制，所有人都按照的demo的書寫規范去寫，不能隨意書寫。

4：代碼文件的統一規劃

這個主要是對文件及文件夾的規劃，做到方便查找，不能隨意新建文件和隨意存放。

例如，可以將所有校驗放一個文件，所有工具方法放一個文件，所有請求接口放一個文件等等

轉載于:https://www.cnblogs.com/yrcn/p/5778607.html

總結

以上是生活随笔為你收集整理的前端开发代码架构相关想法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。