react筆記01

前端分為三大框架

angular? react vue

原生js本身操作dom很消耗性能,,,,,,庫和框架是一個意思么?

庫? ? ?封裝了js 思想還是在js上,高度的封裝了原生js? ?例子jquery/zepto

框架? ?本質(zhì)上修改了思想 -解決了一些終端程序上的問題

angular react vue

angular 1.x mvc

2.x mvvm

我都給你限制了

$http -> ajax

vue2 mvvm框架

不限制

推薦

vue-resource

axios

xmlhttp

react? 更專注于view層

react

優(yōu)勢:

1.虛擬dom

2.性能性很高

3.解決一些終端的問題(pc稼锅、移動端問題)

劣勢:

1.學習成本很高、學習曲線很陡

2.react本身能做的事并不多,想做大東西必須得用react插件(全家桶)

vue2.x的迭代的時候

虛擬dom

react

上手難度高傅联,學習曲線陡,理解作者思想疚察,接受它的世界觀蒸走,接受它的中二設定

自定義語法 - jsx

js - string

let a = '<div>hello react!</div>'

jsx

let a = <div>hello react!</div>

1.書寫格式 :

1.1個標簽的書寫格式

let a = <div>hello react!</div>

2.多個標簽的書寫格式 - 外面必須包一層根元素

*vue2.x 組件 根元素

let a = <div><div>sadasd</div><span>asdasd</span></div>

3.可以自由縮進

let a = <div>

<div>sadasd</div>

<span>asdasd</span>

</div>

允許加括號

let a = (<div>

<div>sadasd</div>

<span>asdasd</span>

</div>)

4.單標簽規(guī)則 - 必須閉合

<img/>

<input/>

<br/>

<div></div>

5.class - className

<div className='aaa'></div>

6.jsx里面使用js代碼{}

var a = 'hello react!';

let b = <div>{a}</div>

react 開發(fā)模式

1.直接引入 - 簡單(初學者喜歡的模式)

<script src='react.js'></script>

2.腳手架模式(基于webpack)

中二設定

react.js - 核心js

react-dom.js - 虛擬dom

babel ? jsx

react.js

bower - js所有的框架庫包管理器

bower - 依賴于node.js

安裝bower npm install bower -g

bower info(信息)

? install(下載)

react 2011-10-26T17:46:22.746Z? ? facebook

vue 2013-12-07T06:09:48.297Z? ? ? 中國的大神

angular 2012-03-28T11:40:22.074Z? Google

bower install react -》 默認下載最高版本

指定某個版本

#15.6.1

16.0.1 o

18.0.1 x

react-dom -> ReactDOM.render(

組件(內(nèi)容貌嫡、元素)比驻,

放到哪

);

jsx - 支持style - 里面使用json

{{'background':'red'}}

第一層是使用告訴jsx我要用js了

第二層的是json的

7.事件

使用駝峰命名法 單詞的首字母大寫

第一個單詞之后的首字母大寫

onclick -> onClick

onmouseover -> onMouseOver

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市岛抄,隨后出現(xiàn)的幾起案子别惦,更是在濱河造成了極大的恐慌,老刑警劉巖夫椭,帶你破解...
    沈念sama閱讀 211,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件掸掸,死亡現(xiàn)場離奇詭異,居然都是意外死亡蹭秋,警方通過查閱死者的電腦和手機扰付,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,347評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來仁讨,“玉大人羽莺,你說我怎么就攤上這事《椿恚” “怎么了禽翼?”我有些...
    開封第一講書人閱讀 157,435評論 0 348
  • 文/不壞的土叔 我叫張陵屠橄,是天一觀的道長。 經(jīng)常有香客問我闰挡,道長锐墙,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,509評論 1 284
  • 正文 為了忘掉前任长酗,我火速辦了婚禮溪北,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘夺脾。我一直安慰自己之拨,他們只是感情好,可當我...
    茶點故事閱讀 65,611評論 6 386
  • 文/花漫 我一把揭開白布咧叭。 她就那樣靜靜地躺著蚀乔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪菲茬。 梳的紋絲不亂的頭發(fā)上吉挣,一...
    開封第一講書人閱讀 49,837評論 1 290
  • 那天,我揣著相機與錄音婉弹,去河邊找鬼睬魂。 笑死,一個胖子當著我的面吹牛镀赌,可吹牛的內(nèi)容都是我干的氯哮。 我是一名探鬼主播,決...
    沈念sama閱讀 38,987評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼商佛,長吁一口氣:“原來是場噩夢啊……” “哼喉钢!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起良姆,我...
    開封第一講書人閱讀 37,730評論 0 267
  • 序言:老撾萬榮一對情侶失蹤肠虽,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后歇盼,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體舔痕,經(jīng)...
    沈念sama閱讀 44,194評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡评抚,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,525評論 2 327
  • 正文 我和宋清朗相戀三年豹缀,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片慨代。...
    茶點故事閱讀 38,664評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡邢笙,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出侍匙,到底是詐尸還是另有隱情氮惯,我是刑警寧澤叮雳,帶...
    沈念sama閱讀 34,334評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站妇汗,受9級特大地震影響帘不,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜杨箭,卻給世界環(huán)境...
    茶點故事閱讀 39,944評論 3 313
  • 文/蒙蒙 一寞焙、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧互婿,春花似錦捣郊、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,764評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至驮配,卻和暖如春娘扩,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背僧凤。 一陣腳步聲響...
    開封第一講書人閱讀 31,997評論 1 266
  • 我被黑心中介騙來泰國打工畜侦, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人躯保。 一個月前我還...
    沈念sama閱讀 46,389評論 2 360
  • 正文 我出身青樓旋膳,卻偏偏與公主長得像,于是被迫代替她去往敵國和親途事。 傳聞我的和親對象是個殘疾皇子验懊,可洞房花燭夜當晚...
    茶點故事閱讀 43,554評論 2 349

推薦閱讀更多精彩內(nèi)容

  • 一,vue是什么尸变? Vue.js(讀音 /vju?/, 類似于view) 是一套構(gòu)建用戶界面的漸進式框架义图。與其他重...
    米塔塔閱讀 820評論 2 15
  • 一,vue是什么召烂? Vue.js(讀音 /vju?/, 類似于view) 是一套構(gòu)建用戶界面的漸進式框架碱工。與其他重...
    不成才的IT狗閱讀 3,143評論 0 31
  • 初識JavaScript知識點(1) . 了解JavaScript的發(fā)展歷史及主要特點(2) . 了解Ja...
    拾起_518閱讀 228評論 0 0
  • 在這先來個截點,最近過年放假各種事情忙東忙西的奏夫,學習也中斷了怕篷,斷斷續(xù)續(xù)的,已經(jīng)有點遺忘之前看過的知識要點了酗昼,再這重...
    kathyever閱讀 340評論 0 1
  • 0620周二 1.目的和任務目標 ①目的:充分利用下班后時間充實提高自己麻削。 ②目標(期待的結(jié)果):6月份復習個人品...
    墨紫七閱讀 223評論 0 0