① 用react+rex+ant-design寫一個Web系統,應該用什麼軟體寫呢怎麼下手呢
都是非常不錯的,react是入門簡單的深入難,而且存在很多雜的技術棧,不好深入的學習。angular
② React 觸屏在uc,qq瀏覽器下的坑,求教大牛
你說的是屏幕沒啥反應是嗎?那你可以先試著重啟機子或者重安裝這個軟體的,一般是可以解決的,你可以自己先試著弄一下,我平時用qq瀏覽器,主要是在電腦上面用的
③ react包的作用,是做什麼的
. 多個簡單組件比一個高度定製化組件要好
我的建議:如果一個組合組件導致了 bug,那麼把它分解成若干個簡單組件,即便代碼重復也值得。
2. 如果你發現了庫中有 bug,盡量提 Issue 和 Pull Request
只要你使用 React,就一定會用到開源軟體,不論是 React 核還是 1000 多個可用的 NPM 模塊。如果你發現了庫中有 bug,那就提 Issue 上去。更好的情況是,如果你 fix 了一個 bug,一定要提 Pull Request 把修復的代碼整合進去,因為使用這個庫並且遇到 bug 的並不只是你一個人,這樣做會使整個生態變得更好。
我的建議:回饋社區,即便你只是修正了文檔中的拼寫錯誤也好。
3. 首先完成一次 build 過程,然後再寫 React 代碼
我知道這並不是一個常見的場景,但是我就遇到過,當我開始一個外包項目並且開始 build 的時候,發現有一些依賴編譯的包不存在。進而才發現實際上這個 React 是用於一個 Backbone 項目中的。在 Backbone 中實現 React 組件其實非常簡單,使用 Rex 可以在這兩個之間進行通信。它們之間的通信必須要通過 Browserify 或者 Webpack 編譯到一起才可以。
我的建議:如果在一個現有的項目中應用 React,首先用 Browserify 或者 Webpack 走一遍 build 過程比較好。
4. 對於簡單的數據可視化,原生 SVG >= D3
D3 在數據可視化方面做的非常棒,但是如果你只是要做一些簡單的數據可視化,那麼渲染原生 SVG 就可以滿足你的工作需求了。
我的建議:學習一些 SVG 基礎,在你需要更復雜功能之前這就夠了。Youtube 的前端中心頻道前幾天剛好播放了關於 SVG 的節目,值得一看。
5. 如果你只有兩周的項目期限,保持功能精簡
如果你要做的工作只是渲染,那麼 React 和 React-DOM 就足夠了。
Rex 的處理很耗費時間和精力,它對於處理大項目中的多層 UI 很有用。但是如果你的項目很簡單的話,那麼通過傳遞 props 和 callback 就好了,不必要使用 Rex。
我的建議:模板項目是非常有用的,但是如果你想保持項目精簡的話,從 React 和 React-DOM 開始是一個很好的選擇。
④ react.js,angular.js,vue.js學習哪個好
引用一段vuejs官方的解釋。
vue對比其它框架
Angular
選擇 Vue 而不選擇 Angular,有下面幾個原因,當然不是對每個人都適合:
在 API 與設計兩方面上 Vue.js 都比 Angular 簡單得多,因此可以快速地掌握它的全部特性並投入開發。
Vue.js 是一個更加靈活開放的解決方案。它允許以希望的方式組織應用程序,而不是任何時候都必須遵循 Angular 制定的規則。它僅僅是一個視圖層,所以可以將它嵌入一個現有頁面而不一定要做成一個龐大的單頁應用。在配合其他庫方面它給了更大的的空間,但相應,也需要做更多的架構決策。例如,Vue.js 核心默認不包含路由和 Ajax 功能,並且通常假定在應用中使用了一個模塊構建系統。這可能是最重要的區別。
Angular 使用雙向綁定,Vue 也支持雙向綁定,不過默認為單向綁定,數據從父組件單向傳給子組件。在大型應用中使用單向綁定讓數據流易於理解。
在 Vue.js 中指令和組件分得更清晰。指令只封裝 DOM 操作,而組件代表一個自給自足的獨立單元 —— 有自己的視圖和數據邏輯。在 Angular 中兩者有不少相混的地方。
Vue.js 有更好的性能,並且非常非常容易優化,因為它不使用臟檢查。Angular,當 watcher 越來越多時會變得越來越慢,因為作用域內的每一次變化,所有 watcher 都要重新計算。並且,如果一些 watcher 觸發另一個更新,臟檢查循環(digest cycle)可能要運行多次。 Angular 用戶常常要使用深奧的技術,以解決臟檢查循環的問題。有時沒有簡單的辦法來優化有大量 watcher 的作用域。Vue.js 則根本沒有這個問題,因為它使用基於依賴追蹤的觀察系統並且非同步列隊更新,所有的數據變化都是獨立地觸發,除非它們之間有明確的依賴關系。唯一需要做的優化是在 v-for 上使用 track-by。
有意思的是,Angular 2 和 Vue 用相似的設計解決了一些 Angular 1 中存在的問題。
React
React.js 和 Vue.js 確實有一些相似 —— 它們都提供數據驅動、可組合搭建的視圖組件。當然它們也有許多不同。
首先,內部實現本質上不同。React 的渲染建立在 Virtual DOM 上——一種在內存中描述 DOM 樹狀態的數據結構。當狀態發生變化時,React 重新渲染 Virtual DOM,比較計算之後給真實 DOM 打補丁。
Virtual DOM 提供了一個函數式的方法描述視圖,這真的很棒。因為它不使用數據觀察機制,每次更新都會重新渲染整個應用,因此從定義上保證了視圖與數據的同步。它也開辟了 JavaScript 同構應用的可能性。
Vue.js 不使用 Virtual DOM 而是使用真實 DOM 作為模板,數據綁定到真實節點。Vue.js 的應用環境必須提供 DOM。但是,相對於常見的誤解——Virtual DOM 讓 React 比其它的都快, Vue.js 實際上性能比 React 好,而且幾乎不用手工優化。而 React,為了最優化的渲染需要處處實現 shouldComponentUpdate 和使用不可變數據結構。
在 API 方面,React(或 JSX)的一個問題是,渲染函數常常包含大量的邏輯,最終看著更像是程序片斷(實際上就是)而不是界面的視覺呈現。對於部分開發者來說,他們可能覺得這是個優點,但對那些像咱一樣兼顧設計和開發的人來說,模板能讓自己更好地在視覺上思考設計和 CSS。JSX 和 JavaScript 邏輯的混合干擾了自己將代碼映射到設計的思維過程。相反,Vue.js 通過在模板中加入一個輕量級的 DSL (指令系統),換來一個依舊直觀的模板,且能將邏輯封裝進指令和過濾器中。
React 的另一個問題是:由於 DOM 更新完全交給 Virtual DOM 管理,當想要自己控制 DOM 時就有點棘手了(雖然理論上可以做到,但是這樣做就本質上違背了 React 的設計思想)。如果應用需要特別的自定義 DOM 操作,特別是復雜時間控制的動畫,這個限制就很討厭。在這方面,Vue.js 更靈活,有許多用 Vue.js 製作的 FWA/Awwwards 獲獎站點。
個人推薦就是,vue的入門簡單,也有很多公司在用,不愁沒人要,react入門難,函數式編程嚇人啊。。但是真很好用。。angular不推薦學了。。
⑤ 哪些軟體 用 react 開發
先說結論:必有作為,但絕不會是一家獨大,甚至很難成為主流。 用過 React 會知道,React 的核心概念是「DOM Representation」,在開發者和 DOM 中間構建一個中間件,然後通過高效的演算法來 diff 兩次 Virtual DOM 渲染的差異,然後在最小范圍內...
⑥ 如何有計劃快速有效果的學習react
首先,要學會聽課:
1、有準備的去聽,也就是說聽課前要先預習,找出不懂的知識、發現問題,帶著知識點和問題去聽課會有解惑的快樂,也更聽得進去,容易掌握;
2、參與交流和互動,不要只是把自己擺在「聽」的旁觀者,而是「聽」的參與者,積極思考老師講的或提出的問題,能回答的時候積極回答(回答問題的好處不僅僅是表現,更多的是可以讓你注意力更集中)。
3、聽要結合寫和思考。純粹的聽很容易懈怠,能記住的點也很少,所以一定要學會快速的整理記憶。
4、如果你因為種種原因,出現了那些似懂非懂、不懂的知識,課上或者課後一定要花時間去弄懂。不然問題只會越積越多,最後就只能等著擁抱那「不三不四」的考試分數了。
其次,要學會記憶:
1、要學會整合知識點。把需要學習的信息、掌握的知識分類,做成思維導圖或知識點卡片,會讓你的大腦、思維條理清醒,方便記憶、溫習、掌握。同時,要學會把新知識和已學知識聯系起來,不斷糅合、完善你的知識體系。這樣能夠促進理解,加深記憶。
2、合理用腦。所謂合理,一是要交替復習不同性質的課程,如文理交叉,歷史與地理交叉,這可使大腦皮層的不同部位輪流興奮與抑制,有利於記憶能力的增強與開發;二是在最佳時間識記,一般應安排在早晨、晚上臨睡前,具體根據自己的記憶高峰期來選擇。
3、藉助高效工具。速讀記憶是一種高效的閱讀學習方法,其訓練原理就在於激活「腦、眼」潛能,培養形成眼腦直映式的閱讀學習方式,主要練習提升閱讀速度、注意力、記憶力、理解力、思維力等方面。掌握之後,在閱讀文章、材料的時候可以快速的提取重點,促進整理歸納分析,提高理解和記憶效率;同時很快的閱讀速度,還可以節約大量的時間,游刃有餘的做其它事情。具體學習可以參考《精英特全腦速讀記憶訓練軟體》。
學習思維導圖,思維導圖是一種將放射性思考具體化的方法,也是高效整理,促進理解和記憶的方法。不僅在記憶上可以讓你大腦里的資料系統化、圖像化,還可以幫助你思維分析問題,統籌規劃。不過,要學好思維導圖,做到靈活運用可不是一件簡單的事,需要花費很多時間的。前面說的「精英特全腦速讀記憶訓練軟體」中也有關於思維導圖的練習和方法講解,可以參考。
最後,要學會總結:
一是要總結考試成績,通過總結學會正確地看待分數。只有正確看待分數,才不會被分數蒙住你的雙眼,而專注於學習的過程,專注於蘊藏在分數背後的秘密。二是要總結考試得失,從中找出成敗原因,這是考後總結的中心任務。學習當然貴在努力過程,但分數畢竟是知識和技能水平的象徵之一,努力過程是否合理也常常會在分數上體現出來。三是要總結、整理錯題,收集錯題,做出對應的一些解題思路(不解要知道這題怎麼解,還有知道這一類型的題要怎麼解)。四是要通過總結,確定下階段的努力方向。
⑦ 如何系統學習react
首先,要學會聽課:
1、有準備的去聽,也就是說聽課前要先預習,找出不懂的知識、發現問題,帶著知識點和問題去聽課會有解惑的快樂,也更聽得進去,容易掌握;
2、參與交流和互動,不要只是把自己擺在「聽」的旁觀者,而是「聽」的參與者,積極思考老師講的或提出的問題,能回答的時候積極回答(回答問題的好處不僅僅是表現,更多的是可以讓你注意力更集中)。
3、聽要結合寫和思考。純粹的聽很容易懈怠,能記住的點也很少,所以一定要學會快速的整理記憶。
4、如果你因為種種原因,出現了那些似懂非懂、不懂的知識,課上或者課後一定要花時間去弄懂。不然問題只會越積越多,最後就只能等著擁抱那「不三不四」的考試分數了。
其次,要學會記憶:
1、要學會整合知識點。把需要學習的信息、掌握的知識分類,做成思維導圖或知識點卡片,會讓你的大腦、思維條理清醒,方便記憶、溫習、掌握。同時,要學會把新知識和已學知識聯系起來,不斷糅合、完善你的知識體系。這樣能夠促進理解,加深記憶。
2、合理用腦。所謂合理,一是要交替復習不同性質的課程,如文理交叉,歷史與地理交叉,這可使大腦皮層的不同部位輪流興奮與抑制,有利於記憶能力的增強與開發;二是在最佳時間識記,一般應安排在早晨、晚上臨睡前,具體根據自己的記憶高峰期來選擇。
3、藉助高效工具。速讀記憶是一種高效的閱讀學習方法,其訓練原理就在於激活「腦、眼」潛能,培養形成眼腦直映式的閱讀學習方式,主要練習提升閱讀速度、注意力、記憶力、理解力、思維力等方面。掌握之後,在閱讀文章、材料的時候可以快速的提取重點,促進整理歸納分析,提高理解和記憶效率;同時很快的閱讀速度,還可以節約大量的時間,游刃有餘的做其它事情。具體學習可以參考《精英特全腦速讀記憶訓練軟體》。
學習思維導圖,思維導圖是一種將放射性思考具體化的方法,也是高效整理,促進理解和記憶的方法。不僅在記憶上可以讓你大腦里的資料系統化、圖像化,還可以幫助你思維分析問題,統籌規劃。不過,要學好思維導圖,做到靈活運用可不是一件簡單的事,需要花費很多時間的。前面說的「精英特全腦速讀記憶訓練軟體」中也有關於思維導圖的練習和方法講解,可以參考。
⑧ react有什麼好的練手項目
webstorm支持react,支持node,支持scss,我已經用這個軟體開發過一個移動端react項目了,剛開始的時候,我打算用Hbuilder,但是發現Hbuilder用起來不爽,後來就用了webstorm。
⑨ 如何評價 React 實現的前端 UI 庫 material-ui
非常厲害,做一些功能為主,不需要過多品牌調性的 WebApp
只需要前端+交互就可以快速構建做出非常不錯的產品
(icon還是有點點難度,有設計比較專業的人員跟著做產品的質量會更加「產品級」一些)
框架用了很多 MD 的視覺元素,但是還是只是「看著像」,交互,動畫世界觀之類的實現距離最理想的 MD 還是有差距,不過基本感覺可以忽略不計。
非要挑刺的話,就是 Menu 部分的動畫設計感覺有點粗糙,做得不夠好(MD 的世界觀,所有東西的誕生都是「擴散」出來,而不是「縮放」出來的,還有就是先「慢_快」的緩動做得還是差一點點)
⑩ react.js開發有什麼好用的開發工具
ntellij 系列加應插件都用且用停高級技巧參見我博客文章:【譯】 Webstorm 使用 ReactJS:編碼輔助、代碼規范、重構及編譯
1. Working with ReactJS in WebStorm: Coding Assistance
Emmet in JSX | JSX 使用 Emmet
Live templates | 態模板
2. Working with ReactJS in WebStorm: Linting, refactoring and compiling
Code analysis | 代碼析
ESLint
Refactoring | 重構