三大框架一大抄
元件化方面
什麼是模組化:是從**的角度來進行分析的;把一些可復用的**,抽離為單個的模組;便於專案的維護和開發;
什麼是元件化: 是從 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配置項:
**jsx 語法的本質:**並不是直接把 jsx 渲染到頁面上,而是 內部先轉換成了 createelement 形式,再渲染的;module:
]}
在 jsx 中混合寫入 js 表示式:在 jsx 語法中,要把 js**寫到中
在 jsx 中 寫注釋:推薦使用
為 jsx 中的元素新增class類名:需要使用classname
來替代class
;htmlfor
替換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的目的 為了實現...