atitit.React 優缺點 相比angular react是最靠譜的web ui組件化方案了,reactangular
atitit.React 優缺點 相比angular react是最靠譜的web ui組件化方案了
1. React的組件化才是web ui組件的正確方向1
1.1. 組件化整合html ,css,js自我包含一體化,方便複用。1
1.2. 相比angular。Js方便好用1
2. React的問題與改進:2
2.1. 可視化模板不容易得到dw的支援。。2
2.2. 組件的html與js的整合是以js為基礎的2
2.3. 組件的屬性以js為主2
說實話,目前react是最靠譜的web ui組件化方案了。
1.
React的組件化才是web ui組件的正確方向1.1.
組件化整合html ,css,js自我包含一體化,方便複用。
不鼓勵使用mvc模式。或者組件內部使用mvc來分離ui與js,但整個page頁面是不提倡mvc的。。
1.2.
相比angular。Js方便好用
作者:: ★(attilax)>>> 綽號:老哇的爪子 ( 全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿爾 拉帕努伊 ) 漢字名:艾龍, EMAIL:1466519819@qq.com
轉載請註明來源: http://www.cnblogs.com/attilax/
2.
React的問題與改進:2.1.
可視化模板不容易得到dw的支援。。
作為模版,得到類似dw 這類可視化Html ide的支援的是必須的。。
改進建議:使用html檔案作為組件,小型組件可以使用ajax讀取載入,這樣組件可以方便dw的設計。。大型組件可以使用ajax載入,也可以iframe方式載入。。
2.2.
組件的html與js的整合是以js為基礎的
這導致了介面可視化設計極差。。應該以html dom為基礎,在html的基礎上內嵌js。。Js本身就是代碼,可視化要求相對較低。。Dom 標籤使用常用的class 增加一個特點的oocss class來表明一個組件的類型,以及複合組件,或者可增加一個擴充屬性。。
2.3.
組件的屬性以js為主
這帶來查看屬性值的調試的問題,如果可以在html標籤上擴充屬性,就方便調試,畢竟瀏覽器查看工具可以一目瞭然的查看屬性的值
瀏覽器重繪網頁的頻率是60FPS(即16毫秒/幀),JavaScript做不到在16毫秒內完成DOM操作,因此產生了跳幀。使用者體驗上的不流暢、不連貫就源於此。