原创 react學習筆記
組件的生命週期 Mounting：已插入真實 DOM Updating：正在被重新渲染 Unmounting：已移出真實 DOM React 爲每個狀態都提供了兩種處理函數,will 函數在進入狀態之前調用,did 函數在進入
2020-02-20 20:25:09
原创 iscroll.js--滾動加載實例
滾動加載是個好東西，可以解決一次加載過多的尷尬，其實就是變相的分頁，總結下這個輪子的用法，挺簡單的。 首先是html結構： <div class=" saleRecord panelList clear" style="position
2020-02-20 20:25:09
原创 phonegap（cordova）移動支付寶接口調用
最近用phonegap（cordova）做了移動app的支付寶支付功能，至於爲什麼要用phonegap（cordova）做原生app呢，自然是因爲原生基礎不好，但是又碰到了需求，所以只能退而求其次了，整體感覺用phonegap（c
2020-02-20 20:25:09
原创 vue2.x響應式原理，vue與react響應式簡單對比
配合ppt食用更佳ppt 實現的最終目標 const demo = new Vue({ data: { text: "before", }, // 對應的template 爲 <div><span>{{text}}</
2018-09-03 02:19:41
原创 你不知道的JS-讀書筆記（五）--原型[Prototype]
[[Prototype]] 鏈 function Foo () { this.tmp = 'b' } var a = new Foo() Object.getPrototypeOf(a) === Foo.prototype // tr
2018-09-03 02:19:40
原创 flexbox 深入理解
配合flexbox工具食用更佳 flexbox 支持情況 整體印象 flex: 0 ( flex-grow ) 1 ( flex-shrink ) auto ( flex-basis ); 默認值-( 屬性 ) flex-basis
2018-09-03 02:19:40
原创 inline-block 的兼容性 與 空白間距解決方案
inline-block inline-block 兼容性 兼容 IE > 7，兼容（IE < 8）寫法: .father{ display:inline-block; /* 現代瀏覽器 +IE6、7 inline 元素 */ z
2018-09-03 02:19:40
原创 你不知道的JS-讀書筆記（三）--this和對象原型
this 綁定規則 默認綁定 嚴格模式下綁定到undefined，否則綁定到全局對象 function foo () { console.log(this.a); } var a = 2; foo(); // 2 隱式綁定 由上下文對
2018-09-03 02:19:40
原创 ES6學習筆記（五）--函數與對象
函數 參數的默認值 基本用法 function log(x, y = 'World') { console.log(x, y); } log('Hello') // Hello World log('Hello', 'China')
2018-09-03 02:19:40
原创 ES6學習筆記（二）--解構賦值
解構賦值 數組的解構賦值 let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3 let [ , , third] = ["foo", "bar", "ba
2018-09-03 02:19:40
原创 redux學習筆記
redux流程 view直接觸發dispatch 將action發送到reducer中後，根節點上會更新props，改變全局view redux概念理解 store相關 redux中的store是通過createStore方法創建的
2018-09-03 02:19:39
原创 你不知道的JS-讀書筆記（二）--閉包，模塊
閉包的效果 function foo () { var a = 2; function bar () { console.log(a); } return bar; } var baz = foo() ba
2018-09-03 02:19:39
原创 你不知道的JS-讀書筆記（四）--混合對象類
寄生繼承 //“傳統的 JavaScript 類” Vehicle function Vehicle() { this.ehgines = 1; } Vehicle.prototype.ignition = function() {
2018-09-03 02:19:39
原创 ubuntu安裝及配置
分區 邏輯分區，200M，起始，Ext4日誌文件系統，/boot；（引導分區200M足夠） 邏輯分區，4000M，起始，交換空間，無掛載點；（交換分區swap，一般不大於物理內存） 邏輯分區，15000M，起始，Ext4日誌文件系統，/
2018-09-03 02:19:39
原创 ES6學習筆記（四）--數值與數組
數值的擴展 Number.isFinite(), Number.isNaN() 與傳統的全局方法isFinite()和isNaN()的區別在於，傳統方法先調用Number()將非數值的值轉爲數值，再進行判斷，而這兩個新方法只對數值有效，非
2018-09-03 02:19:39