技術選型規範規範
• vue版本:2.x
• 前端路由:vue-route
• 非同步請求:axios
• 全域性狀態管理:vuex
• css預處理器:sass/less
• h5專案移動端適配規則:使用rem單位/rem=>px換算規則統一
• 小程式:使用小程式自帶rpx單位,適配規則參考小程式文件
公用元件庫
• ui元件庫:vant_ui(有讚ui)
• 輪播庫:vue-awesome (支援多種形式的輪播和相簿展
示,適合活動頁使用)
• css動畫-animate.css (輪播庫自帶動畫,缺點不支援多個動
畫)• 備註:現在新的專案使用的都是vue技術棧,使用的外掛程式需要
時基於vue的,避免引入基於jquery的外掛程式
• 可使用小程式原生開發
小程式相關
• 可使用mpvue框架開發(vue小程式開發框架)
• 小程式提交有大小限制(最大2m),所以靜態資源盡量放 在oss伺服器上,另外小程式官方api改動頻繁,開發時需要留意 開發者社群官方公告
效能優化規範
• vue-route路由懶載入---解決vue專案首次載入慢,減少白屏等 待時間,參考教 程:
• v-if與v-show根據業務場景選用,兩者區別參考官方文件
• data裡初始化資料的結構盡量詳細,命名清晰,簡單易懂,避
免無用的變數
• 頁面內全域性狀態過多難管理的時候按需引入vuex,狀態分模
塊管理• 打包優化,打包 vender 時不打包 vue、vuex、vue-
router、axios 等,換用國內的 bootcdn 直接引入到根目錄的
index.html 中,需要配置webpack,忽略不需要打包的庫。
**編寫規範
• 用簡短有意義的英文或者拼音(不能出現中文命名)來命 名資料夾和檔案,不能起有歧義的命名並統一小寫;(後 期可以整理乙份常用的詞彙表,減少為命名而浪費太多時 間)
● 編碼規範
• 目前我們的所有檔案編碼以及**編碼都統一為utf- 8,所以出現很多詭異問題首先看看是不是編碼不一 致導致的
● 注釋規範
• 給**加上適當的注釋,便於協作以及後期維護(css以及 js檔案頭注釋,以及**塊注釋等等)
• vue:
相關技術文件
• vue-route:
• vuex:
• axios:
• vant-ui:
• vue-awesome:
• animate.css:
• clipboard:
• 小程式開發文 檔:
• 小程式框架mpvue文件: • 參考前端開發規範文
開發web前端 web前端 開發筆記
我是孟噠噠一名web前端開發工程師，今天給大家分享一下web前端是的一些筆記應用，希望對你們有幫助。物件導向是乙個開發思想，它把注意點都放到了物件上。物件導向強調的幾個概念 1 類 類是一批具備相同屬性和行為的事物的抽象，為什麼是抽象？因為不是具體的，也就是說不是實實在在存在的東西 看不見摸不著 2...
Web前端開發相關
1 優雅降級指的是 一開始就制定完美的計畫，然後先在主流的瀏覽器中測試實現功能，最後在老一點版本，不常用的版本中測試實現，如果不能完全達到我們的要求，這時我們的原則是盡量去實現，如果還是沒辦法，那就適當減少功能，在這個過程中，我們可能會用到特性檢測 特性檢測指的是測試瀏覽器是否支援某個特性或者方法 ...
WEB 前端開發何去何從
公司專案關係，前段時間招募了四五個新人。共事一段時間後，發現乙個問題，就是新人的html,js基礎普遍太差。框架頁不會呼叫，說沒有用過。js函式也是寫的痛苦不堪。問問其中一位，居然以為jsp這塊應該是美工或者專門乙個人來做的。服了。不過，這兩天我在想，是不是應該設計一套模板或者元件之類的，提高新手入...