原创 在react 0.13.2中使用react的數據雙向綁定

'use strict'; import React from 'react/addons'; import reactMixin from 'react-mixin'; let { LinkedStateMixin } = Reac

原创 React深入源碼--瞭解Redux用法之Provider

在Redux中最核心的自然是組件,以及組件相關的事件與數據流方式。但是我們在Redux中並沒有採用傳統的方式在getInitialState()中去初始化數據,而是採用Provider統一處理,省去了開發者不少工作,但是Redux到

原创 React 有狀態組件及 key 屬性的應用

React 有狀態組件及 key 屬性的應用 有狀態組件 在構建 React 組件時,一種較爲常見的場景是需要通過 props 計算得到某些渲染數據,實現方式無外乎以下兩種: 方法一:在 constructor 中對 props

原创 AngularJS控制器之間的數據共享及通信詳解

AngularJS 本身已經提供了像指令 Directive 和 服務 Service 一類的方式,來實現數據和代碼的共享和複用,但在實際的項目開發中,或許是處於懶惰,亦或是爲了便利,總會想在兩個控制器之間,直接進行數據的共享通信,或

原创 x-www-form-urlencoded 與multipart/form-data差異解析

application/x-www-form-urlencoded: 窗體數據被編碼爲名稱/值對。這是標準的編碼格式。 multipart/form-data: 窗體數據被編碼爲一條消息,頁上的每個控件對應消息中的一個部分。 text/

原创 Redux 莞式教程

Redux 簡明教程 原文鏈接(保持更新):https://github.com/kenberkeley/redux-simple-tutorial 寫在前面 本教程深入淺出,配套 簡明教程、進階教程(源碼精讀)以及文檔註釋豐滿的 

原创 React Router中pushState的使用方法

帶參數頁面跳轉 [javascript] view plain copy   this.props.history.pushState({passParam: true}, "/targetURL");   第一

原创 如何有效地提高react渲染效率--深複製,淺複製,immutable原理

1. 性能意義:保持state不變這個約束引導我們使用局部更新對象的方法,這樣會可以非常有效地提高react或其他顯示框架的渲染效率。我們先來看看爲了保持數據不變性,要怎麼對state做更新,以我們的蘋果籃子state爲例: 例子:通

原创 react組件之間的通信

react推崇的是單向數據流,自上而下進行數據的傳遞,但是由下而上或者不在一條數據流上的組件之間的通信就會變的複雜。解決通信問題的方法很多,如果只是父子級關係,父級可以將一個回調函數當作屬性傳遞給子級,子級可以直接調用函數從而和父級

原创 詳解Angular的數據顯示優化處理

前面的幾篇文章中,我們通過{{}}來渲染數據,今天就來聊聊它。 ? 1 2 3 4 5 6 7 8 9 10 <div ng-controller="Aaa">  

原创 AngularJS通過$location獲取及改變當前頁面的URL

本文中獲取與修改的URL以 ‘http://172.16.0.88:8100/#/homePage?id=10&a=100' 這個路徑爲例: 一. 獲取url的相關方法(不修改URL): 1.獲取當前完整的url路徑  

原创 React腳手架的使用--5步生成React+ES6+Webpack項目

轉載自:http://blog.csdn.net/adzcsx2 一、安裝最新的node.js 原博文是這樣寫說的 npm install -g n //首先安裝n模塊  n stable //升級Node.js到最新穩

原创 angular2 髒檢查總述--zone.js 原理

angular2 髒檢查總述 這系列文章將介紹angular2的髒值檢查是如何工作的?如何比ng1更高效?帶着上述問題,讓我們一起來看看angular2這禽獸(誰讓它叫angular,又那麼生猛)幹了什麼。 什麼是髒值檢查 片面的

原创 express之中間件---body-parser解析

經過看源代碼下面的說明知道了body-parser的三種用法: 在講用法之間,我們需要弄清楚下面四個不同的處理方法:這四個處理方法分別對body的內容採用不同的處理方法;分別是處理json數據、Buffer流數據、文本數據、UTF-8

原创 redux router 組件如何按需加載

當頁面比較多時,項目就會變得越來越大,尤其對於單頁面應用來說,初次渲染的速度就會很慢,這時候就需要按需加載,只有切換到頁面的時候纔去加載對應的js文件。react配合webpack進行按需加載的方法很簡單,Route的component