1. 隨手記
Babel是一個(gè)轉(zhuǎn)碼器,可以將ES6代碼轉(zhuǎn)換為ES5代碼,從而在現(xiàn)有環(huán)境下執(zhí)行。
定位 尺寸 浮動(dòng) 布局 BFC(觸發(fā)特性)flex grid 文檔流 浮動(dòng)流 絕對(duì)定位 圣杯布局(雙飛翼布局)
hybrid webapp 移動(dòng)混合式應(yīng)用 ionic+cordova+agJS
2. React筆記
React是一個(gè)JavaScript庫(kù)。
React,當(dāng)你遇到需要同時(shí)獲取多個(gè)子組件數(shù)據(jù),或者兩個(gè)組件之間需要相互通訊的情況時(shí),把子組件的 state 數(shù)據(jù)提升至其共同的父組件當(dāng)中保存。之后父組件可以通過(guò) props 將狀態(tài)數(shù)據(jù)傳遞到子組件當(dāng)中。這樣應(yīng)用當(dāng)中的狀態(tài)數(shù)據(jù)就能夠更方便地交流共享了。
淺拷貝方法
.slice(),受控組件,不可變性(方便實(shí)現(xiàn)撤銷/重做,時(shí)間旅行;記錄變化;在React中判定何時(shí)重新渲染),純組件,函數(shù)定義組件。React 元素事實(shí)上都是 JS 當(dāng)中的對(duì)象,我們可以把元素當(dāng)作參數(shù)或定義到變量中使用。
在 React 當(dāng)中渲染多個(gè)重復(fù)的項(xiàng)目時(shí),我們一般都以數(shù)組的方式傳遞 React 元素。最基本的方法是使用數(shù)組的 map 方法。
key 是 React 當(dāng)中使用的一種特殊的屬性(除此之外還有 ref 屬性)。當(dāng)元素被創(chuàng)建時(shí),React 會(huì)將元素的 key 值和對(duì)應(yīng)元素綁定存儲(chǔ)起來(lái)。盡管 key 看起來(lái)像是 props 的一部分,可是事實(shí)上我們無(wú)法通過(guò) this.props.key 獲取到 key 的值。React 會(huì)自動(dòng)的在判斷元素更新時(shí)使用 key ,而組件自己是無(wú)法獲取到 key 的。假如你不提供任何 key 值,React 會(huì)提示警告,并且默認(rèn)使用數(shù)組的索引作為默認(rèn)的 key 。組件的 keys 值并不需要在全局都保證唯一,只需要在當(dāng)前的節(jié)點(diǎn)里保證唯一即可。
組件名稱必須以大寫(xiě)字母開(kāi)頭。組件的返回值只能有一個(gè)根元素
3. JS開(kāi)發(fā)筆記
- 平穩(wěn)退化,分離js,向后兼容,性能考慮(精簡(jiǎn)副本)。
4. npm命令相關(guān)
- 如果改了package.json,且package.json和lock文件不同,那么執(zhí)行
npm i時(shí)npm會(huì)根據(jù)package中的版本號(hào)以及語(yǔ)義含義去下載最新的包,并更新至lock。如果兩者是同一狀態(tài),那么執(zhí)行npm i都會(huì)根據(jù)lock下載,不會(huì)理會(huì)package實(shí)際包的版本是否有新。