原创 初嘗React——實現簡單功能的小Demo

看React文檔一天,大致掌握了些基礎語法。迫不及待手擼了個Demo。類似於記事本的功能,可以新增、刪除、標記項目。基礎的一個數據通信更改。 一直技術棧用的是Vue,在寫Demo的時候,用的邏輯也是Vue的思想,難免很多地方繞了彎路,只能說

原创 class中this的指向

最近在學react的時候,因爲react都是用class來構建組件,對class中this的指向有一點迷惑。現在做些總結。 this的綁定優先級 this的綁定一共有四種弄方式,優先級逐級遞減。this的本質就是:this跟作用域無關的,只

原创 淺談構造函數、原型與原型鏈

原型與原型鏈 原型對象 構造函數可以通過new的方法來創建一個實例,而每一個構造函數都有一個prototype的屬性指向一個原型對象。原型對象中所有的屬性與方法都可以被該函數所創建的實例所共享。 原型鏈 每個被構造函數創建出來的實例都有一個

原创 手寫簡單Vue

原理 在創建Wvue示例的時候,將掛載在實例中的參數通過數據劫持來做一層代理。使得在訪問或者賦值時候可以進行更多的操作。通過掛載在參數中的el參數來獲取HTML,並且用compile進行分析,將具有特殊含義的,比如{{}}中的內容,@cl

原创 《CSS世界》閱讀筆記(二)——塊級元素與基本尺寸

塊級元素基本概念 塊級元素:是一個水平流上只能單獨顯示一個元素,多個塊級元素則換行顯示。 塊級元素”和“display 爲 block 的元素”不是一個概念。 每個元素都兩個盒子,外在盒子和內在盒子。外在盒子負責元素是可以一行顯示,還是隻能

原创 《CSS世界》閱讀筆記

流體佈局 流體佈局:指的是利用元素“流”的特性實現的各類佈局效果。“流體佈局” ≠ “自適應佈局”“自適應佈局”是對凡是具有自適應特性的一類佈局的統稱,“流體佈局”要狹窄得多。 table 自己的世界 表格佈局也可以設置爲 100%自適應

原创 奇技淫巧—彈窗的處理

每當界面中彈窗一多,交互略複雜的時候,自己的代碼就會處理的非常的亂。這次做的一個自用後臺項目,因爲一開始時要求不高,沒有做好數據的規劃,導致最後項目非常的難易維護。 過多的elDialg直接暴露,處理的邏輯都在一個界面中,data中是數據量