原创 PC端Element-UI使用指南

本文目錄: 1.使用方法 2.全局引用 3.按需引入 4.element批量刪除功能實現 5.element提供的上傳組件解決無權限的問題 6.圖片上傳驗證 7.同一頁面存在多個表格 8.動態改變校驗規則 9.手動控制校驗狀態 Elem

原创 前端性能優化5:緩存協議

前面所講的緩存都是我們前端手動操作的緩存,但是在大規模的項目中,手動緩存顯得非常的麻煩,我們希望通過一些前後端協商好的策略 進行自動緩存 HTPP Header中控制緩存的屬性: Cache-Control 既可以存在於request

原创 前端性能優化4:PWA與Service Workers

本文目錄: 1.Cookie 2.LocalStorage 3.SessionStorage 4.IndexedDB 5.PWA 6.實戰操作 多種瀏覽器存儲方式並存,如何選擇? 1.Cookie 1993年cokkie的最初誕生就是

原创 前端常見的9種設計模式

本文目錄: 1.概念 2.設計原則 3.設計模式的類型 前端常見設計模式1:外觀模式(Facade Pattern) 前端常見設計模式2:代理模式(Proxy Pattern) 前端常見設計模式3:工廠模式(Factory Pattern

原创 前端性能優化3:重繪與迴流

本文目錄: 1.css性能是否會javascript的執行 2.觸發頁面重佈局的屬性 3.只觸發重繪的屬性 4.新建DOM的過程 5.如何將DOM元素變成新的獨立圖層 6.chrome頁面分析工具 7.實戰優化點總結 1.css性能是否

原创 前端性能優化:靜態資源加載與優化

css和js的裝載與執行-HTML 頁面加載渲染的過程 一個網站在瀏覽器端是如何進行渲染的呢? HTML渲染過程的一些特點 順序執行、併發加載(單個域名的併發數量是有限的,所以多個資源最好是分成幾個域名進行加載) 是否阻塞 依賴關係(

原创 前端性能優化:靜態資源壓縮與優化

在大前端時代的今天,前端需要做的事情絕不僅僅是實現頁面需求,完成頁面開發任務。尤其是對於大項目來說,性能優化是一個非常重要,也非常體現前端能力的一個領域,但是前端性能是一個非常嚴肅的事情,一定要對其有系統的理解,不能去盲目的優化,否則會得不

原创 一道體現JavaScript綜合能力的基礎面試題

題目如下: function Foo() { getName = function () { alert (1); }; return this; } Foo.getName = function () { alert (2

原创 原生寫一個漸隱漸顯版的輪播圖

輪播圖是項目中非常常見的一個效果,平時我們可能都會用別人寫好的插件,但是必要的時候也需要自己手寫,尤其是需要掌握下其中的實現原理。 完成後的效果圖如下: 一、需求 1.實現漸隱漸顯自動輪播效果 2.鼠標移入:顯示左右切換箭頭,停止自動輪

原创 Vue中將列表數據導出爲EXCEL表格及TXT

本文目錄: 1.安裝XLSX 2.封裝工具 3.綁定事件 項目中剛好有個需求讓前端在頁面上增加一個按鈕,用戶點擊就可以將列表中的數據導出爲Excel表格,在網上查了一下方法,大體思路都是需要安裝三個插件以及拷貝兩個文件,然後在頁面中寫入

原创 前端實現下載文件功能總結

如果只是下載個xlsx靜態模板文件,可以使用純前端形式來實現 一種是給頁面要實現點擊下載功能的元素綁定事件 let dounBtn = document.querySelector(".down") dounBtn.onclick = fu

原创 Git實戰使用技巧總結

本文目錄 1.克隆分支到本地 2.Git 分支相關問題 3.解決衝突 4.版本回退=>撤銷上一次的提交 5.git 提交到本地倉庫有問題怎麼辦 6.Git 代碼已經 push 上去發現有問題 7.Git 關於暫存的問題 1.克隆分支到本

原创 移動端調試解決方案vConsole

我們在寫webapp或者移動端網頁需要嵌入到app時候,尤其是在APP內置的webView上加載我們的頁面,想要查看手機瀏覽器信息是非常困難的事,當出現問題的時候,你又不能查看日誌,一般會連接本地測試環境,然後在alert來打印日誌(這種做