減少http請求次數或者減少請求資料的大小
頁面中每傳送一次http請求，都需要完成請求+響應這個完整的http事務，會消耗一些時間，也可能會導致http鏈結通道的堵塞，為了提高頁面載入速度和執行的效能，我們應該減少http的請求次數和減少請求內容的大小(請求的內容越大，消耗的時間越長)
1、採用css雪碧圖(css sprit / css 精靈)技術，把一些小圖合併在一張大圖上，使用的時候通過背景定位，定位到具體的某一張小圖上
.pubbg (選擇器是從右向左查詢的)
5、避免使用css表示式
/*css表示式*/.box
6、減少頁面中的冗餘**，盡可能提高方法的重複使用率：「低耦合高內聚」
7、最好css放在head中，js放在body尾部，讓頁面載入的時候，先載入css，在載入js(先呈現頁面，在給使用者提供操作)
8、js中避免使用eval
1)效能消耗大
2)**壓縮後，容易出現**執行錯亂問題
9、js中儘量減少閉包的使用
1)閉包會形成乙個不銷毀的棧記憶體，過多的棧記憶體累積會影響頁面的效能
2)還會容易導致記憶體的洩漏
閉包也有自己的優勢：儲存和保護，我們只能儘量減少，但是無可避免
10、在做dom事件繫結的時候，盡量避免乙個個的事件繫結，而是採用效能更高的事件委託來實現
事件委託(事件**)
把事件繫結給外層容器，當裡面的後代元素相關行為被觸發，外層容器繫結的方法也會被觸發執行(冒泡傳播機制導致)，通過事件源是誰，我們做不同的操作即可
11、盡量使用css3動畫代替js動畫，因為css3的動畫或者變形都開啟了硬體加速，效能比js動畫好
12、編寫js**的時候盡可能使用設計模式來構建體系，方便後期的維護，也提高了擴充性等
13、css中減少對濾鏡的使用，頁面中也減少對於flash的使用
關於頁面的seo優化技巧
1、頁面中杜絕出現死鏈結(404頁面)，而且對於使用者輸入乙個錯誤頁面，我們要引導到404提示頁面中(伺服器處理的)
2、避免瀏覽器中異常錯誤的丟擲
盡可能避免**出錯
使用try catch做異常資訊捕獲
WEB前端開發優化技巧
從seo優化和網頁載入速度兩方面講解下web前端開發需要注意的事項。1 網頁載入速度相關的優化技巧 a 減少 http請求。將多個合併到一張，然後使用css的background position來顯示，將多個css檔案和js檔案合併成乙個。這樣就大大減少了頁面中http請求。b 減少請求時內容的傳...
Web前端面試常用技巧
有技巧面試可以幫助大家更好的準備面試，提高面試成功率，走向高薪。找工作的第乙個重要問題就是寫簡歷了，簡歷就是乙個人的門面。簡歷寫的不好，用人方也沒有多大興趣再深入了解你，畢竟行業人太多了。所以簡歷應該是經常去更新的，隔幾個月去更新一次簡歷，了解自己這幾個月以來的成長在 結果是什麼。當我們準備投遞簡歷...
web開發 web前端開發常用技術總結歸納
技術選型規範規範 vue版本 2.x 前端路由 vue route 非同步請求 axios 全域性狀態管理 vuex css預處理器 sass less h5專案移動端適配規則 使用rem單位 rem px換算規則統一 小程式 使用小程式自帶rpx單位,適配規則參考小程式文件 公用元件庫 ui元件庫...