atitit.atiHtmlUi
web组件化方案与行业内部v壹

 

 

壹. 怎么在现有html 标签基础上定义本身的机件一

二. 零部件的咬合与定义一

三. 组件的加载一

4. 组件css的加载2

5. 操作组件getVal,SetVal二

六. 组件化的真相目标并不一定是要为了可复用,而是提高可维护性。 不享有复用性的组件”三

 

 

 

前景的WEB开发,将会模仿今日桌面软件的付出路子,那正是“组件化”。

当前组件化最棒的正是React  angular了。。

React  的最大难题是以js为主导,嵌入html

儿anrular最大标题是啰嗦,繁琐。

 

1. 怎么在现有html 标签基础上定义自身的组件

引入像bootstrap哪些使用oocss的艺术,在class属性上平添贰个非正规的classname来注明组件的类型….

也足以应用增加属性

 

 

2. 零件的组合与概念

Html
css构成组件的外观,js添加act..

 

小编::  ★(attilax)>>>   绰号:老哇的爪子 ( 全名::Attilax Akbar Al Rapanui 阿提拉克斯 Ake巴 阿尔 拉帕努伊 ) 汉字名:艾龙,  EMAIL:146651983玖@qq.com

转发请注脚来源: 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 扩张3个风味的oocss
class来表惠氏个组件的品类,以及复合组件,恐怕可扩展一个恢弘属性。。

贰.叁.组件的习性以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为重点的各种组件定义方式进退两难,它们的注重性、加载,都面临了新的挑衅,而出于全局效能域的弱化,请求的相会变得紧Baba得多。

 

 

6. 组件化的原形指标并不一定是要为了可复用,而是升高可维护性。 不负有复用性的零件”

 

 

7.  参考

 

组件化的Web王国 – 博客 – 伯乐在线.htm

 

用JavaScript动态加载CSS和JS文件 – 小炒花生米 – 天涯论坛.html

 

 

 

相关文章

网站地图xml地图