摘要:在日常開發中有很多場景我們都需要用到節流函數和防抖函數,比如:實現輸入框的模糊查詢因為需要輪詢ajax,影響瀏覽器性能,所以需要用到節流函數;實現手機號、姓名之類的的驗證,往往我們只需要驗證一次,這個時候我們就需要用到防抖函數;但是網上的很多資料都是不夠具體和便于理解。今天自己翻閱了一些資料之后,來 閱讀全文
posted @ 2019-08-30 17:34 有夢想的咸魚前端 閱讀 (247) 評論 (6) 編輯
摘要:我們在很多UI框架中看到帶箭頭的提示框,感覺挺漂亮,但是之前一直不知道其原理,今天網上找了些資料算是弄清楚原理了; 先上效果圖: 原理分析: 上面的箭頭有沒有覺得很像一個三角形,是的,它就是三角形;只不過它這個尖角是通過兩個三角形來實現的; 首先新建一個div,畫出提示框的輪廓 給定樣式: 這樣,我 閱讀全文
posted @ 2019-10-14 16:13 有夢想的咸魚前端 閱讀 (1202) 評論 (10) 編輯
摘要:原型模式: 原型模式是指原型實例指向創建對象的種類,并通過拷貝這些原型創建新的對象,是一種用來創建對象的模式,也就是創建一個對象作為另一個對象的prototype屬性; prototype警告:學習了解原型模式前需先學習原型、原型鏈、prototype、__proto__、constructor等知 閱讀全文
posted @ 2019-10-14 15:44 有夢想的咸魚前端 閱讀 (41) 評論 (0) 編輯
摘要:建造者模式是相對比較簡單的一種設計模式,屬于創建型模式的一種; 定義:將一個復雜的對象分解成多個簡單的對象來進行構建,將復雜的構建層與表現層分離,使相同的構建過程可以創建不同的表示模式; 優點: 模式作用: 注意事項: 白話解釋: 某土豪想建一個房子,某土豪只需要找包工頭,包工頭再去找施工團隊來建造 閱讀全文
posted @ 2019-10-12 14:09 有夢想的咸魚前端 閱讀 (215) 評論 (0) 編輯
摘要:單例模式也稱為單體模式,規定一個類只有一個實例,并且提供可全局訪問點; 在讀這篇文章之前,也許你對單例模式的概念感到模糊或者不清楚,但是其實在日常的開發中你肯定用到過單例模式; JavaScript中沒有類的定義,單例模式的特點是”唯一“和”全局訪問“,那么我們可以聯想到JavaScript中的全局 閱讀全文
posted @ 2019-10-11 11:22 有夢想的咸魚前端 閱讀 (215) 評論 (0) 編輯
摘要:在介紹工廠模式之前,首先我們要理解一下什么是設計模式?什么是設計原則? 設計模式: 通常在我們解決問題的時候,很多時候不是只有一種方式,我們通常有多種方式來解決;但是肯定會有一種通用且高效的解決方案,這種解決方案在軟件開發中我們稱它為設計模式; 設計模式并不是一種固定的公式,而是一種思想,是一種解決 閱讀全文
posted @ 2019-10-10 14:03 有夢想的咸魚前端 閱讀 (222) 評論 (2) 編輯
摘要:Vue.nextTick是Vue官方給我們提供的一個API(方法),作用是在下次DOM更新循環結束之后執行延遲回調。在修改數據之后立即使用這個方法,獲取更新后的DOM; 那么我們的理解是:當數據發生變化之后,DOM視圖并不會立即更新,如果我們在發生變化之后立馬去獲取某個節點或者某個節點的值,很有可能 閱讀全文
posted @ 2019-10-07 15:24 有夢想的咸魚前端 閱讀 (150) 評論 (0) 編輯
摘要:路由元信息?(黑人問號臉???)是不是這么官方的解釋很多人都會一臉懵?那么我們說meta,是不是很多人恍然大悟,因為在項目中用到或者看到過呢? 是的,路由元信息就是我們定義路由時配置的meta字段;那么這個meta的作用是什么呢? 首先看一個場景: 通常我們在開發網站或者移動應用的時候,我們通常會有 閱讀全文
posted @ 2019-09-29 11:41 有夢想的咸魚前端 閱讀 (148) 評論 (0) 編輯
摘要:在項目開發的時候,我們通常會將程序分為開發環境和生產環境(或者叫線上環境),開發環境通常指的是我們正在開發的這個階段所需要的一些環境配置,也就是方便我們開發人員調試開發的一種環境;生產環境通常指的是我們將程序開發完成經過測試之后無明顯異常準備發布上線的環境,也可以理解為用戶可以正常使用的就是生產環境 閱讀全文
posted @ 2019-09-27 15:53 有夢想的咸魚前端 閱讀 (163) 評論 (0) 編輯
摘要:關于Vue.mixin在vue官方文檔中是這么解釋的: 混入 (mixin) 提供了一種非常靈活的方式,來分發 Vue 組件中的可復用功能。一個混入對象可以包含任意組件選項。當組件使用混入對象時,所有混入對象的選項將被“混合”進入該組件本身的選項。 我們的理解:Vue.mixin給我們提供了一種混入 閱讀全文
posted @ 2019-09-26 11:54 有夢想的咸魚前端 閱讀 (256) 評論 (0) 編輯
摘要:話不多說,先看效果圖: ??? 炫酷嗎?你想實現這種動態視頻作為背景的首頁嗎?來,一起來學習,本文將帶你一起實現H5動態視頻背景; 首先網上找一段清晰的視頻下載下來,最好是MP4格式的; 下載好了之后我們新建一個html文件來寫代碼: html代碼: 一個video標簽包裹著,source代表來源文 閱讀全文
posted @ 2019-09-25 15:16 有夢想的咸魚前端 閱讀 (154) 評論 (0) 編輯