前言 最近要做UI，有時(shí)候需要在代碼中調(diào)整改變UI控件的屬性，比如位置、大小等，然而在NGUI里面，控制UI控件的位置等屬性的是RectTransform這個(gè)組件，這個(gè)組件繼...
01 618電商大促的第二天，和同事交流購物心得，我說我買了四百多塊錢的書。她們面露詫異之情：我一年都沒買過四百塊錢的書啊! 因?yàn)楹芏鄷r(shí)候書籍也是同事代收，我才意識到和她們衣...
是
052|JavaScript getter&setter我們知道，一個(gè)對象可以擁有屬性。在過去，我們只要有了對象的引用，就可以隨意的操作屬性。如： 為了讓對象屬性擁有封裝性，不讓外部隨意改動(dòng)屬性，我們可以通過提供函數(shù)來操作屬性。通...
在React中，可以添加對props類型的檢察。如： 覺見的ProtoTypes： React中還可以通過defaultTypes來設(shè)置默認(rèn)參數(shù)： 因?yàn)楹瘮?shù)式組件不支持sta...
假設(shè)有層級 A->B->C->D，如果A需要傳遞一個(gè)參數(shù)給D，根據(jù)前文的知識，只能通過props參數(shù)一層一層傳遞。 有沒有更便捷的方法呢？React提供了context機(jī)制來...
在前面的課程中，我們介紹了在React中如何處理表單。通過截獲控件onChange方法，從而將value控制于組件中的模式叫做Controlled Component。 Co...
ref是React組件中的一個(gè)特殊特性（attribute），它指向一個(gè)函數(shù)，暫叫ref函數(shù)。 當(dāng)組件mount或unmount時(shí)ref函數(shù)會被調(diào)用，基參數(shù)是原始的DOM對象...
使用import導(dǎo)入其它文件中的component： 可以使用dot-notation來引用component： 自定義組件首字母必須大寫： 可以通過變量引用組件： prop...
在HTML中，一個(gè)經(jīng)典表單如下： 在React中，表單存在于一個(gè)組件中。為了更好的控制，通知組件會將控件的賦值操作給截獲，獲取新值，然后再設(shè)置于控制。這樣可以保證表單與組件中...
我們可以生成一個(gè)包含多個(gè)標(biāo)簽的JSX元素： 通過以下代理來引用： 會輸出以下結(jié)果： 我們可以將上述邏輯封閉成一個(gè)組件，通過組件的props來控制 的數(shù)量 ： keys 上例中...
JSX表達(dá)式中可以使用&&來達(dá)到if語句的效果： 若要在JSX中達(dá)到if...else效果，可以使用if三元表達(dá)式 又如： 為了阻止一個(gè)組件繪制，直接返回null即可。 Re...
在React的事件處理和HTML事件處理非常相似，我們像如下這樣處理一個(gè)Button的點(diǎn)擊事件： 在HTML中我們通過return false來拒絕默認(rèn)行為，而React中需...
在JSX中，每一個(gè)組件除了props屬性外，還有一個(gè)state屬性。注意state全部為小寫。 例如，下面的代碼中，在constructor中初始化state，然后在rend...
元素 在每一個(gè)React制作的頁面中，必須有一個(gè)根div，如： 當(dāng)React代碼執(zhí)行時(shí)，通過ReactDOM.render()將React元素或React組件添加進(jìn)div中，...
下面的代碼即不是HTML，也不是JavaScript，而是JSX： JSX語言允許在常規(guī)JavaScript語句中直接插入HTML的語言。JSX語言中的HTML代碼段叫做JS...