原创 第十五章、過濾器的奧祕

過濾器的奧祕 首先我們回顧一下過濾器的使用: <!-- 在雙花括號中使用 --> {{message | capitalize}} <!-- 在v-bind中使用 --> <div v-bind:id="rawId | form

原创 3、react DOM操作

DOM操作 1、findDOMNode() 當組件加載到頁面上之後(mounted),可以通過 react-dom 提供的 findDOMNode() 方法拿到組件對應的 DOM 元素。 findDOMNode() 不能用在

原创 7、redux 的基礎概念

redux 的基礎概念 1、三個基本原則 整個應用只有唯一一個可信數據源,也就是隻有一個 Store State 只能通過觸發 Action 來更改 State 的更改必須寫成純函數,也就是每次更改總是返回一個新的 State,

原创 4、react 組件通信

組件間通信 1、父子組件通信 就是通過 props 屬性傳遞,在父組件給子組件設置 props,然後子組件就可以通過 props 訪問到父組件的數據/方法,這樣就搭建起了父子組件間通信的橋樑。 父組件訪問子組件用 refs 2

原创 第十六章、最佳實踐

Vue的向關內部原理我們已經講解的差不多了,這一章我們來講解在我們的日常開發使用中,Vue相關的注意事項和一些必要的寫法。 1、使用v-for時設置屬性key 在虛擬DOM更新子節點時,需要從舊虛擬節點列表中查找與新虛擬節點相同的

原创 Typescript入門之旅(2)

1、接口相關 /** * 1、接口對類的約束 */ //接口定義 interface Iprinter{ printing(msg:string):string; } interface Imessage{ getM

原创 第十二章、實例方法與全局API的實現原理(4)

全局API的實現原理 全局API和實例方法不同:實例方法是在Vue.prototype上掛載方法;全局API是直接在Vue上掛載方法。 1、Vue.extend(options) 參數:{Object} options 用法:使用

原创 5、Data Flow

Data Flow Data Flow 只是一種應用架構的方式,比如數據如何存放,如何更改數據,如何通知數據更改等等,所以它不是 React 提供的額外的什麼新功能,可以看成是使用 React 構建大型應用的一種最佳實踐。 兩種最

原创 第十三章、生命週期(4)

初始化computed 在講解初始化computed的原理之前,我們先來看一看它的用法: var vm = new Vue({ data:{ a:1 }, computed:{ // 用法1:僅讀取,即getter

原创 優秀的Express中間件

Express中間件 1、全局中間件 const express = require("express") const app = express() // 此處便是一個全局中間件,任何請求都會被攔截在此處 // 如果不執行ne

原创 6、Flux

Flux 一個 Flux 應用主要包含四個部分: dispatcher:處理動作分發,維護 Store 之間的依賴關係 stores:數據和邏輯部分 views:React 組件,這一層可以看作 controller-views

原创 2、react事件相關

react事件相關 1、React 裏面綁定事件的方式和在 HTML 中綁定事件類似 注意要顯式調用 bind(this) 將事件函數上下文綁定要組件實例上 <p onClick={this.handleClick.bind(

原创 webpack構建原理(實現一個簡易的webpack構建器)

webpack構建原理(實現一個簡易的webpack構建器)webpack的構建原理:實現代碼:執行```node bundle.js```的結果 webpack的構建原理: webpack的構建原理所在的核心文件:./lib/

原创 nodeJS實現小爬蟲

nodeJS實現小爬蟲 // nodeJs實現批量下載網站圖片 /** * 思路: * 1、使用http模塊發起請求,獲取相應數據 * 2、分析HTML數據,提取所有圖片地址 * 3、根據圖片地址發起請求,獲取圖片保存在硬