atitit.React   優缺點 相比angular react是最靠譜的web ui組件化方案了,reactangular

來源:互聯網
上載者:User

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操作,因此產生了跳幀。使用者體驗上的不流暢、不連貫就源於此。

 

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.