原创 Vue源碼學習---生命週期圖示註釋
這篇文章在於總結前段時間對於Vue源碼的粗略學習，大致講述一個簡單的vue實例從創建到更新再到銷燬的過程。涉及Vue從html結構到ast對象；再從render函數到virtual dom；以及vue的核心Observer + dep +
2019-03-16 23:25:01
原创 vue學習—Convert HTML string to AST，如何將html字符串轉換爲ast數組結構
獲取html字符串 首先在入口文件處，使用template屬性或者el屬性獲取到需要解析的html字符串 template 1.html字符串，如 Vue.component('alert-box', { template: `
2019-02-25 16:34:34
5
原创 vue學習筆記（慎入，內容僅供學習時查詢某些函數具體起到什麼作用）
getAndRemoveAttr 從ast模板對象中取出相應的屬性。 檢測屬性是否存在，通過對象attrsMap來檢測，提升效率 如果存在，則從attrsList中中移除 如果第三個傳參爲true，刪除attrsMap中對應的屬性 返回取
2019-01-06 20:14:48
1
原创 Vue學習筆記（未完待續）
代碼細節 緩存代理函數 export function cached<F: Function> (fn: F): F { const cache = Object.create(null) return (function cach
2018-12-13 21:54:31
原创 使用webpack + react + redux + typescript搭建腳手架
核心概念 接口 參數校驗 interface LabelledValue { label: string; } function printLabel(labelledObj: LabelledValue) { console.
2018-12-12 18:14:56
2
原创 postcss-bem插件在webpack4以上版本報錯處理 .moveTo is not a function
postcss強大的插件讓我們在編寫css的過程中獲得了極大的便利，比如，我們可以方便的使用BEM語法來命名我們的組件。 <div class="CompName"> <h3 class="CompName-contain is-a
2018-11-29 16:54:51