原创 css常用技巧整理
css控制單行或多行文本超出顯示省略號 1. 單行文本 text-overflow: clip|ellipsis|string; clip：修剪文本。 ellipsis：顯示省略符號來代表被修剪的文本。 string：使用給定的字符串來
2020-06-27 06:54:09
原创 js原型筆記
目錄 1. new 的過程 2. __proto__屬性 3. prototype屬性 4. constructor屬性 5. 原型繼承 new的過程 function Foo() {...}; let f1 = new Foo()
2020-06-27 06:54:09
原创 階段總結之—代碼風格
最近接手了公司一個新的項目，在大概看了一遍代碼之後覺得一些地方讓我看着有點難受，而且沒有太多註釋，不利於理解，所以就對自己看到的一些可以更合理的地方進行了改動。再結合之前自己寫過的一些不和規範的代碼，一起來做個總結。 1. 命名相關 不論
2020-06-27 06:54:09
原创 Vue源碼學習筆記之實現雙向數據綁定（三）--- 總結
我們上一篇瞭解了vue源碼對雙向數據綁定的實現，這一篇做一下總結。 >Observer 角色：觀察者 作用：利用 Object.defineProperty 給每個值都添加getter和setter方法，使其可以對數據的所有屬性進行監聽，
2019-10-26 18:16:34
原创 lodash常用方法結合實際項目解析
_.merge(object, [sources]) 官方定義：該方法類似 _.assign， 除了它遞歸合併 sources 來源對象自身和繼承的可枚舉屬性到 object 目標對象。如果目標值存在，被解析爲undefined的so
2019-10-25 18:35:11
1
原创 css常用技巧整理（長期更新）
css控制單行或多行文本超出顯示省略號 1. 單行文本 text-overflow: clip|ellipsis|string; clip：修剪文本。 ellipsis：顯示省略符號來代表被修剪的文本。 string：使用給定的字符串來
2019-10-25 18:35:00
原创 Vue源碼學習筆記之實現雙向數據綁定（二）--- vue源碼學習
我們在上一篇瞭解了發佈-訂閱模式的實現，這一篇總結下Vue是怎麼利用發佈-訂閱模式來實現雙向數據綁定的。 1. Vue 構造函數的實現 首先我們使用vue構造函數去實例化了一個vue實例。傳入了props, data, watch
2019-10-25 18:35:00
原创 Vue源碼學習筆記之實現雙向數據綁定（一）--- 發佈訂閱模式
首先看下vue官方文檔中對於響應式原理說明的配圖： Vue.js 是採用 Object.defineProperty 的 getter 和 setter，並結合觀察者模式來實現雙向數據綁定的。當把一個普通 Js 對象傳給 Vue 實例來
2019-10-25 18:35:00
原创 js原型詳解
目錄 1. new 的過程 2. __proto__屬性 3. prototype屬性 4. constructor屬性 5. 原型繼承 new的過程 function Foo() {...}; let f1 = new Foo()
2019-09-26 17:21:50
原创 詳解構造函數模式
前言：雖然ECMAScript從技術上講是一門面向對象的語言，但是它不具備傳統的面嚮對象語言所支持的類和接口等基本結構。但在ES5中，有與類相似的引用類型。引用類型描述一類對象所具有的屬性和方法，引用類型的值（對象）是引用類型的一個實例，
2018-08-23 05:40:40
3
原创 CSS知識點總結之——display:inline-block
CSS知識點總結之——display:inline-block 如果我們想讓兩個div能夠在一行顯示，一般有下面兩種方法： 1. 爲兩個div均添加display:line-block屬性； 2. 將兩個div都設成浮動的元
2018-08-23 05:40:40
原创 JS實現五種經典排序算法
冒泡排序 實現思想： 1.比較相鄰的元素。如果第一個比第二個大，就交換他們兩個。 2.對每一對相鄰元素作同樣的工作，從開始第一對到結尾的最後一對。在這一點，最後的元素應該會是最大的數。 3.針對所有的元素重複以上的步驟，除了最後一個。 4
2018-08-23 05:40:40
2
原创 css知識點總結之——實現居中佈局
css實現居中佈局 水平居中： 塊級元素：設置寬度且設置margin:0 auto; 行內元素：設置text-align: center; 垂直居中 ： 行內元素：設置 line-height
2018-08-23 05:40:40
原创 ES6入門之let 和 const 命令
let 命令ES6 新增了let命令，用來聲明變量。它的用法類似於var，但是有以下幾個主要的區別：1. let聲明的變量，只在let命令所在的代碼塊內有效。如：{ let a = 1; var b = 2; } a // Re
2018-08-23 05:40:38