React 簡介及核心概念

2021-10-06 09:54:58 字數 1675 閱讀 9921

三大框架一大抄

元件化方面

什麼是模組化:是從**的角度來進行分析的;把一些可復用的**,抽離為單個的模組;便於專案的維護和開發;

什麼是元件化: 是從 ui 介面的角度 來進行分析的;把一些可服用的ui元素,抽離為單獨的元件;便於專案的維護和開發;

元件化的好處:隨著專案規模的增大,手裡的元件越來越多;很方便就能把現有的元件,拼接為乙個完整的頁面;

vue是如何實現元件化的: 通過 .vue 檔案,來建立對應的元件;

react如何實現元件化:大家注意,react中有元件化的概念,但是,並沒有像vue這樣的元件模板檔案;react中,一切都是以js來表現的;因此要學習react,js要合格;es6 和 es7 (async 和 await) 要會用;

開發團隊方面

社群方面

和angular1相比,react設計很優秀,一切基於js並且實現了元件化開發的思想;

開發團隊實力強悍,不必擔心斷更的情況;

社群強大,很多問題都能找到對應的解決方案;

提供了無縫轉到 reactnative 上的開發體驗,讓我們技術能力得到了拓展;增強了我們的核心競爭力;

很多企業中,前端專案的技術選型採用的是react.js;

虛擬dom(virtual document object model)

element diff:在進行元件對比的時候,如果兩個元件型別相同,則需要進行 元素級別的對比,這叫做 element diff;

什麼是jsx語法:就是符合 xml 規範的 js 語法;(語法格式相對來說,要比html嚴謹很多)

如何啟用 jsx 語法?安裝能夠識別轉換jsx語法的包babel-preset-react新增.babelrc配置檔案

新增babel-loader配置項:

module:

]}

**jsx 語法的本質:**並不是直接把 jsx 渲染到頁面上,而是 內部先轉換成了 createelement 形式,再渲染的;

在 jsx 中混合寫入 js 表示式:在 jsx 語法中,要把 js**寫到

在 jsx 中 寫注釋:推薦使用

為 jsx 中的元素新增class類名:需要使用classname來替代classhtmlfor替換label的for屬性

在jsx建立dom的時候,所有的節點,必須有唯一的根元素進行包裹;

在 jsx 語法中,標籤必須 成對出現,如果是單標籤,則必須自閉和!

當 編譯引擎,在編譯jsx**的時候,如果遇到了<那麼就把它當作 html**去編譯,如果遇到了{}就把 花括號內部的**當作 普通js**去編譯;

RocketMQ簡介及核心概念說明

阿里巴巴訊息中介軟體起源 於 2001 年的五彩石專案,notify 在這期間應運而生,用於交易核心訊息的流轉 2010 年,b2b 開始大規模使用 activemq 作為訊息核心,隨著阿里業務 的快速發展,急需一款支援順序消 息,擁有海量訊息堆積能力的訊息中介軟體,metaq 1.0 在 2011...

NiFi (一)NiFi 簡介及核心概念

nifi是在主機作業系統上的jvm內執行。jvm上的nifi主要元件如下 流控制器 擴充套件 flowfile儲存庫 內容儲存庫 源頭儲存庫 nifi旨在充分利用其正在執行的底層主機系統的功能。對於cpu和磁碟,資源最大化特別強。有關其他詳細資訊。對於io 對於cpu 對於ram 資料緩衝背壓和壓力...

react中的核心概念

虛擬dom virtual document object model dom的本質 瀏覽器中的概念,用js物件來表示頁面上的元素,並提供了操作 dom 物件的api react中的虛擬dom 是框架中的概念,是程式設計師用js物件來模擬頁面上的 dom 和dom巢狀關係 虛擬dom的目的 為了實現...