原创 AngularJS Bootstrap

你可以在你的 AngularJS 應用中加入 Twitter Bootstrap,你可以在你的 <head>元素中添加如下代碼: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.

原创 AngularJS展示數據的ng-bind指令和{{}} 區別

在AngularJS中顯示模型中的數據有兩種方式: 一種是使用花括號插值的方式: 1 <p>{{text}}</p> 另一種是使用基於屬性的指令,叫做ng-bind: 1 <p ng-bind="text"></p>

原创 js創建對象思維導圖

js創建對象思維導圖

原创 ajax原理

創建一個learnDemo首先 先開啓一個小型服務器node.js環境下執行:http-server創建:ajax.html.   <!DOCTYPE html> <html> <head> <title>ajax</title> <

原创 構建第一個react應用

基本的環境準備 我們開發的是web APP應用,所以我們至少需要個Http服務器。首先nodejs環境下 執行  http.server 這樣,一個小型http服務器就可以啓動了,我們可以通過瀏覽器, 訪問該目錄下所有文件,我們的代碼將存

原创 組合繼承第6.3.3講爲什麼修復構造函數指向

function SuperType(name){ this.name = name; this.colors = ["red", "blue", "green"]; } SuperType.prototype.sayNa

原创 組建的狀態機制

應用程序必須運用在一個“活”的情景中,由於組件是程序的基本組成單位,它必須得主動應對不斷變化的場景。它必須能夠和用戶互動,對用戶的輸入做出響應。所以我們需要一種能夠給組件注入“生命”的機制,讓組件靈活應對具體場景中的不同變化,由此我們需要

原创 React 界面樣式設計

當我們完成程序的基本功能後,不對程序界面進行打磨妝點,那麼過於素顏的界面,對用戶是產生不了吸引力的。對於網頁應用而言,用來美化界面的技術,一直都是CSS,CSS是一種好技術,它能將界面的美化和程序的功能邏輯

原创 構造複合型組件

上篇文章中,已使用組件技術,實現了一個“五彩冰粉”的網頁控件。 從中可以體會到,組件其實就是把html, javascript, 和css 以有機的方式結合在一起,形成一個高度可重用的獨立單元本篇文章中,將研究組件的另一特性,就是它的組合

原创 數據邏輯與UI的結合

應用程序等於用戶界面加底層數據,一個有用的軟件,它的本質是 數據處理要探討底層數據與UI的結合,開發一個完整的程序,還得應對很多數據結構,例如jSON對象,數組等,通過一個具體事例,看看在React框架下,數據是如何 與用戶界面耦合起來的

原创 javaScript繼承模式 導圖

思維導圖地址預覽如圖:參考:JavaScript高級程序設計   原型鏈繼承模式借用構造函數繼承模式組合繼承模式原型式繼承模式寄生繼承模式寄生組合繼承模式

原创 JSX深入詳解

JSX是一種類似於html標籤組合的語法對象,JSX實例如下:var Card = React.createClass({ render: function() { return ( <

原创 react開發基本概念

1, 老式的多頁網絡應用今日,各種豐富精巧的網絡應用層出不窮,甚至把各種功能和界面異常複雜的桌面應用都套到了了Web里,像微軟現金奶牛的Office套件,是多麼複雜的一種桌面應用程序,它的代碼量量跟wind

原创 react響應和處理事件

React 使用最多的,是設計應用的設計UI,而用戶界面一個最重要的目的是以有效的方式響應用戶輸入。用戶輸入多種多樣,有鼠標點擊,有鍵盤按鍵,有窗口大小的更改,如果運行在手機上的話,還得響應拖拽等手勢操作。應對這些複雜的情形的辦法是抽象,

原创 git保存用戶名密碼的方法

方法一: 編輯本地 .git/config 增加 [credential]        helper = store 保存,第一次需要輸入用戶名密碼,輸入一次密碼後第二次就會記住密碼了不會再提示輸入用