原创 ReactJS可複用組件

1、將通用的設計元素(按鈕,表單框,佈局組件等)拆成接口良好定義的可複用的組件,這樣下次開發界面程序時候可以寫更少的代碼,也意義着更高的開發效率,更少的Bug和更少的程序體積。 2、Prop驗證 隨着應用不斷變大,保證組件被正確使用變得非

原创 React-不可變數據的輔助工具

不可變數據的輔助工具(ImmutabilityHelpers) React讓你可以使用任何你想要的數據管理風格,包括數據可變風格。然而,如果你能夠在你應用中講究性能的部分使用不可變數據,就可以很方便地實現一個快速的shouldComp

原创 React傳遞Props

1、React裏有一個非常常用的模型就是對組件做一層抽象。組件對外公開一個簡單的屬性(Props)來實現功能,但內部細節坑內有分廠複雜的實現。可以使用JSX展開屬性來合併現有的props和其他值: return <Commponent{.

原创 ReactJS表單組件

1、像是<input>、<textarea>、<option>這樣的表單組件不同於其他組件,因爲他們可以通過用戶交互發生變化。這些組件提供的界面使響應用戶交互的表單數據處理更加容易。   2、交互屬性 表單組件支持幾個受用戶交互影響的屬性

原创 jQuery中的事件

一、jQuery中的事件 1、加載DOM   1)執行時機 常規的JavaScript中,通常使用window.onload方法,而在jQuery中,使用$(document).ready()方法,可以提高Web應用程序的響應速度。  

原创 React複合組件

1、組合實例: var Avatar =React.createClass({   render: function() {     return (       <div>         <ProfilePicusername={th

原创 jQuery中的動畫

一、show()方法和hide()方法   1、show()方法和hide()方法 show方法和hide方法是jQuery最基本的動畫方法,在HTML文檔裏,爲一個元素調用hide()方法,會將鈣元素的display樣式改爲“none”

原创 Linux中創建別名

在做項目的時候操作服務器或者常常使用命令行操作系統的開發人員肯定會很多時候經常進入同一個繁瑣的目錄或者運行固定位置的shell腳本。   爲了方便使用,Linux系統提供了一個有用的工具叫alias,可以讓我們將一些需要頻繁使用的但又過於

原创 常用的DOS命令

一、基礎命令 1 dir 無參數:查看當前所在目錄的文件和文件夾。 /s:查看當前目錄已經其所有子目錄的文件和文件夾。 /a:查看包括隱含文件的所有文件。 /ah:只顯示出隱含文件。 /w:以緊湊方式(一行顯示5個文件)顯示文

原创 React富交互性的動態用戶界面

1、例子: var LikeButton = React.createClass({   getInitialState: function() {     return {liked: false};   },   han

原创 React-JSX詳解

一、 1、JSX:即JavaScript XML——一種在React組建內部構建標籤的類XML語法。(增強React程序組件的可讀性); 2、使用動態值: JSX將兩個花括號:{}渲染成動態值,花括號指明瞭一個JavaScript上下文

原创 React—組件生命週期詳解

在組件的整個生命週期中,隨着該組件的props或者state發生改變,它的DOM表現也將有相應的改變,一個組件就是一個狀態機,對於特定的輸入,它總會返回一致的輸出。 React爲每個組件提供了生命週期鉤子函數去響應不同的時刻——創建時、

原创 jQuery中的Ajax

jQuery對Ajax操作進行了封裝,在jQuery中$.ajax()方法屬於最底層的方法,第二層是load()、$.get()和$.post()方法,第三層是$.getScript()和$.getJSON()方法。   一、load()

原创 React組件之間傳值

前言 今天羣裏面有很多都在問關於 React 組件之間是如何通信的問題,之前自己寫的時候也遇到過這類問題。下面是我看到的一篇不錯英文版的翻譯,看過我博客的人都知道,我翻譯可能不會按部就班,會儘可能用中文的意思,來將作者要講述的技術描

原创 React-約束組件及無約束組件詳解

React可以幫助管理應用中的狀態,自然也包括表單在內,現在知道React組件的核心理念就是可預知性和可測試性,在React中,表單組件有兩種類型:約束組件和無約束組件。   一、無約束組件 在HTML中表單組件與React組件的行爲方式