原创 JavaScript事件委託機制
概念 事件委託是依靠事件冒泡，只需要指定一個事件處理程序，綁定一次就可以處理一類的事件。舉個例子：假如有一個旅遊團，其組成有旅遊團公司 導遊 旅行者。旅遊團公司想徵求下旅行者是否願意更改路線，這裏就有兩種方式了。第一種：旅遊團公司直接和每個
2019-07-30 20:29:51
原创 css3中的nth-child(n)和nth-of-type(n)的區別
這裏記錄一下看着相似，用法也相似，平時會用但是有可能又用錯了的這兩個css3選擇器。還有幾個類似的，如：first-of-type, first-child, last-child等。 解釋 div:nth-child(n) 這個寫法選
2019-07-09 21:57:03
原创 JavaScript函數防抖和節流
概述 函數防抖是指將多次觸發合併成一次執行，一般情況下都是合併到最後一次觸發執行。函數節流是指在一段時間內執行一次，有可能觸發在開始位置，也有可能在這段時間結束位置。其目的都是減少系統消耗，縮減執行頻率，提升系統整體執行效率。 瀏覽器兼容事
2019-07-09 21:57:03
原创 JavaScript正則表達式基本使用記錄
概述 正則表達式是用於匹配字符串中字符組合的模式，一般情況下會比循環查詢匹配效率要高，代碼也更加簡潔。能使用正則的方法總結如下。 方法總結 String 1、search 2、match 3、matchAll 4、replace 5、spl
2019-07-09 21:57:03
原创 less基礎學習記錄總結
目錄 變量 混合 帶參數混合 嵌套規則 運算 Color函數 命名空間 作用域 Importing 變量 less中可以定義變量，用於後文使用。 //使用@符號開始 @redColor: red; //這樣使用 .header {
2019-07-09 21:57:03
原创 JavaScript實現一個簡易的Promise
概念 這個主要是用於解決異步回調代碼的噩夢，在ES6新增了Promise對象，可以直接使用。因爲當多層異步代碼存在時，可能會造成代碼嵌套多層難以維護。比如： todo(function () { todo(function () {
2019-07-09 21:57:02
原创 實現一個基於Vue的Button小組件
概述 原生HTML的button只能保證功能存在，樣式都不怎麼好看。當然也可以通過編寫css樣式來改變原生HTML中的button顯示，但是現在各個UI框架都很流行，也很方便，很多時候都是直接引入框架就能獲得非常好看、好用的樣式組件。那麼此
2019-07-09 21:57:02
原创 （7）JavaScript單例模式
概述 單例模式，顧名思義就是整個上下文中只存在一個實例。要實現這種模式，需要用到JavaScript閉包、私有變量相關知識。單例模式可以節省內存空間，減小開銷。 實現 var Singleton = (function () { var
2019-07-09 21:57:02
原创 （6）JavaScript訂閱發佈者模式
概述 訂閱發佈者模式如果不進行細膩度的劃分也有稱之爲消息通信模式、中介模式或者觀察者模式。故名思意需要有訂閱和發佈，當訂閱了某一個事件後，通過發佈操作可以通知到所有的訂閱者執行相關操作。 實現 要完成訂閱發佈者模式，首先需要一箇中介或者說叫
2019-07-09 21:57:02