atitit.atiHtmlUi web組件化方案與規範v1 1. 如何在現有html 標簽基礎上定義自己的組件1 2. 組件的構成與定義1 3. 組件的載入1 4. 組件css的載入2 5. 操作組件getVal,SetVal2 6. 組件化的本質目的並不一定是要為了可復用，而是提升可維護性。 不 ...
atitit.atiHtmlUi web組件化方案與規範v1
6. 組件化的本質目的並不一定是要為了可復用，而是提升可維護性。 不具有復用性的組件”3
未來的WEB開發，將會效仿今天桌面軟體的開發路子，那就是“組件化”。
目前組件化最好的就是React angular了。。
React 的最大問題是以js為核心，嵌入html
兒anrular最大問題是啰嗦，繁瑣。
1. 如何在現有html 標簽基礎上定義自己的組件
推薦像bootstrap哪些使用oocss的方式，在class屬性上增加一個特殊的classname來表明組件的類型....
也可以使用擴展屬性
2. 組件的構成與定義
Html css構成組件的外觀,js添加act..
作者:: ★(attilax)>>> 綽號:老哇的爪子 （ 全名：：Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿爾 拉帕努伊 ） 漢字名：艾龍， EMAIL:[email protected]
轉載請註明來源： http://www.cnblogs.com/attilax/
3. 組件的載入
使用html文件作為組件，小型組件可以使用ajax讀取載入，這樣組件可以方便dw的設計。。大型組件可以使用ajax載入，也可以iframe方式載入。。
4. 組件css的載入
5. 操作組件getVal,SetVal
需要當html dom當主要的...
comboxUtil(“#id”).getVal(); 相同當特別的的jq,,專門化的jq
這導致了界面可視化設計極差。。應該以html dom為基礎，在html的基礎上內嵌js。。Js本身就是代碼，可視化要求相對較低。。Dom 標簽使用常用的class 增加一個特點的oocss class來表明一個組件的類型，以及複合組件，或者可增加一個擴展屬性。。
2.3.組件的屬性以js為主
這帶來查看屬性值的調試的問題，如果可以在html標簽上擴展屬性，就方便調試，畢竟瀏覽器查看工具可以一目瞭然的查看屬性的值
Web Components提供了一種組件化的推薦方式，具體來說，就是：
· 通過shadow DOM封裝組件的內部結構
· 通過Custom Element對外提供組件的標簽
· 通過Template Element定義組件的HTML模板
· 通過HTML imports控制組件的依賴載入
這幾種東西，會對現有的各種前端框架/庫產生很巨大的影響：
· 由於shadow DOM的出現，組件的內部實現隱藏性更好了，每個組件更加獨立，但是這使得CSS變得很破碎，LESS和SASS這樣的樣式框架面臨重大挑戰。
· 因為組件的隔離，每個組件內部的DOM複雜度降低了，所以選擇器大多數情況下可以限制在組件內部了，常規選擇器的複雜度降低，這會導致人們對jQuery的依賴下降。
· 又因為組件的隔離性加強，致力於建立前端組件化開發方式的各種框架/庫（除Polymer外），在自己的組件實現方式與標準Web Components的結合，組件之間數據模型的同步等問題上，都遇到了不同尋常的挑戰。
· HTML imports和新的組件封裝方式的使用，會導致之前常用的以JavaScript為主體的各類組件定義方式處境尷尬，它們的依賴、載入，都面臨了新的挑戰，而由於全局作用域的弱化，請求的合併變得困難得多。
6. 組件化的本質目的並不一定是要為了可復用，而是提升可維護性。 不具有復用性的組件”
7. 參考
組件化的Web王國 - 博客 - 伯樂線上.htm
用JavaScript動態載入CSS和JS文件 - 小炒花生米 - 博客園.html
