隨手記錄

1. 隨手記


  1. Babel是一個(gè)轉(zhuǎn)碼器,可以將ES6代碼轉(zhuǎn)換為ES5代碼,從而在現(xiàn)有環(huán)境下執(zhí)行。

  2. 定位 尺寸 浮動(dòng) 布局 BFC(觸發(fā)特性)flex grid 文檔流 浮動(dòng)流 絕對(duì)定位 圣杯布局(雙飛翼布局)

  3. hybrid webapp 移動(dòng)混合式應(yīng)用 ionic+cordova+agJS

2. React筆記


  1. React是一個(gè)JavaScript庫(kù)。

  2. 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ù)就能夠更方便地交流共享了。

  3. 淺拷貝方法 .slice() ,受控組件,不可變性(方便實(shí)現(xiàn)撤銷/重做,時(shí)間旅行;記錄變化;在React中判定何時(shí)重新渲染),純組件,函數(shù)定義組件。

  4. React 元素事實(shí)上都是 JS 當(dāng)中的對(duì)象,我們可以把元素當(dāng)作參數(shù)或定義到變量中使用。

  5. 在 React 當(dāng)中渲染多個(gè)重復(fù)的項(xiàng)目時(shí),我們一般都以數(shù)組的方式傳遞 React 元素。最基本的方法是使用數(shù)組的 map 方法。

  6. 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)里保證唯一即可。

  7. 組件名稱必須以大寫(xiě)字母開(kāi)頭。組件的返回值只能有一個(gè)根元素

3. JS開(kāi)發(fā)筆記


  1. 平穩(wěn)退化,分離js,向后兼容,性能考慮(精簡(jiǎn)副本)。

4. npm命令相關(guān)


  1. 如果改了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í)際包的版本是否有新。

5. 其他


  1. LiveReload配置,安裝使用方法~~~前端頁(yè)面神助手
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ECMAScript 6 簡(jiǎn)介 原文: ECMAScript 6.0(以下簡(jiǎn)稱 ES6)是 JavaScript ...
    huilegezai閱讀 445評(píng)論 0 0
  • 用命令,可以查看你正在使用的Node環(huán)境對(duì)ES6的支持程度。 使用下面的命令,可以查看Node所有已經(jīng)實(shí)現(xiàn)的ES6...
    zcwfeng閱讀 809評(píng)論 0 2
  • Babel 入門教程 (說(shuō)明:本文選自我的新書(shū)《ES6 標(biāo)準(zhǔn)入門(第二版)》的第一章《ECMAScript 6簡(jiǎn)介...
    runner123閱讀 1,052評(píng)論 0 2
  • 轉(zhuǎn)自: Babel 入門教程 阮一峰鏈接地址:http://www.ruanyifeng.com/blog/201...
    webllw閱讀 1,313評(píng)論 0 0
  • 天文學(xué)課堂上教授和學(xué)生進(jìn)行互動(dòng) 教授先問(wèn)大家,你怎么理解黑洞 學(xué)生甲回答說(shuō):黑洞就像中國(guó)每年的春節(jié)魔力無(wú)窮,無(wú)法抗...
    海那邊2016閱讀 242評(píng)論 0 2

友情鏈接更多精彩內(nèi)容