前端的開發規範其實不需要定的太細，掌握好原則即可，依據這些原則，再去根據專案制定具體的要求，就可形成相關文件。比如，定好主題顏色後即可根據主題確定具體的顏色、字型、邊框、邊距、圖示等。
根據之前做過的專案，我總結了20條原則，作為後期前端開發規範，無法面面俱到，僅供參考。
1、必須使用構建工具，堅持前後端分離。
2、縮排規範，排版清楚。
3、注釋詳細。
4、發布的**中沒有debugger
5、圖示採用webfont，盡可能不隨意引入
6、檔案結構合理，分類清楚。
7、盡可能採用絕對路徑，以免路由或**引起的路徑錯誤。
8、所有頁面主題風格一致，用色和諧，不特立獨行。
9、js**採用嚴格模式，「use strict」;html採用xhtml格式。
10、注意變數前加var/let/const，每個語句後加;，不能省，可使用eslint做檢查。
11、**中不要保留大段的注釋(廢棄不用的**)和大量的空行。
12、變數定義盡量放到檔案或函式的前面。
13、css盡量放在單獨的檔案中，注釋樣式的順序，避免多餘的重繪和重排。
14、避免使用乙個小功能引入乙個大框架，物盡其用。
15、公共方法、元件提取封裝，以便復用。
16、優先使用es6及以上的新特性，相容chrome,safari,firefox以及其他webkit核心瀏覽器。
17、變數命名要有意義。
18、注意安全性，做好水印、埋點。
19、對頁面載入進行優化，**邏輯清楚，邏輯呼叫有備註指引，需求變更需要註明。
20、樣式與模板分離、模板與資料分離。
前端開發 axios在專案中的應用
用到的模組 vue axios vant 可參考文章 前端開發 axios在vue中的使用 前端開發 vant在vue中的使用 server contactapi.js 統一介面管理 包裝請求方法的容器 請求 instance.interceptors.request.use config retu...
前端開發專案中 常用到的 方法（整理）
1.獲取url引數 function geturlparam name 2.設定cookie function setcookie cname,cvalue,path,options,domain d.settime d.gettime exdays 24 60 60 1000 var expire...
前端vue開發專案中的技術框架 簡單推薦
技術選用 vue element ui 選擇理由 概述 前端主流mvvm框架,vue相對react寫起來更方便，vue比react更容易上手，vue文件完善，社群繁榮，適用於做單頁面應用，如 管理後台。1 輕量級框架，體積小 2 採用虛擬dom,執行效率高 3 雙向資料繫結，使用簡便 4 生態豐富，...