摘要
眾所周知,前端三大框架Angular、React、Vue,所以為了跟上時代的步伐,最近開始著手學習React,這時候就發(fā)現個大問題,框架一直在更新,提倡的編寫語法也在更新,網上有許多教程都是一兩年前的了,因此,我決定直接從官方英文文檔入手學習,學習的框架版本為最新的ReactV15.5.0,現將學習筆記整理如下,以供大家參考,本篇文章主要是react一些基礎語法的講解與總結,如需深入了解,可查閱官方文檔,也敬請期待后續(xù)文章。
一、React有什么好?
1、組件化
什么是組件?答曰:功能獨立,封裝良好的代碼塊。前端頁面一直提倡組件化,因為組件化可以實現高重用,大大提升了我們的開發(fā)效率,也讓我們的頁面結構變得更加清晰。所以React提倡將頁面解構成組件樹,以組件為最小單元構造頁面。
2、虛擬DOM
眾所周知,JS的DOM操作,是影響網頁性能的重要因素之一,因此React提出了虛擬DOM的概念,組件并不是真實的 DOM 節(jié)點,而是存在于內存之中的一種數據結構,叫做虛擬 DOM (virtual DOM)。只有當它插入文檔以后,才會變成真實的 DOM 。根據 React 的設計,所有的 DOM 變動,都先在虛擬 DOM 上發(fā)生,然后再將實際發(fā)生變動的部分,反映在真實 DOM上,這種算法叫做 DOM diff ,它可以極大提高網頁的性能表現。
二、用React構建你的webApp需要什么?
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現JSON轉Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析 2017-07-26
- 集合結合數據結構來看看(二) 2017-07-26
