atitit.atiHtmlUi
web组件化方案及专业v1

 

 

1. 怎么以现有html 标签基础及定义自己的机件1

2. 组件的组合及定义1

3. 零部件的加载1

4. 组件css的加载2

5. 操作组宗getVal,SetVal2

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:1466519819@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 增加一个表征之oocss
class来表明一个零件的品种,以及复合组件,或者可长一个扩张属性。。

2.3.组件底特性为js为主
立马带来查看属性值的调试之问题,如果可以当html标签上扩大属性,就方便调试,毕竟浏览器查看工具得以看透的查阅属性之价值

 

 

 

Web
Components提供了千篇一律种组件化的引进方式,具体来说,就是:

· 通过shadow DOM封装组件的内部结构

· 通过Custom Element对外提供组件的价签

· 通过Template Element定义组件的HTML模板

· 通过HTML imports控制组件的凭加载

就几乎种植东西,会针对现有的各种前端jQuery框架/库有非常了不起的震慑:

· 由于shadow DOM的产出,组件的中间贯彻隐藏性更好了,每个组件更加独立,但是就使得CSS变得好烂,LESS和SASS这样的体框架面临重大挑战。

· 因为零部件的隔断,每个组件内部的DOM复杂度降低了,所以选择器大多数情景下得以界定以组件内部了,常规选择器的复杂度降低,这会促成人们对jQuery的借助下降。

· 又因零部件的隔离性加强,致力为立前端组件化开发方式的各种框架/库(除Polymer外),在好之零部件实现方式及标准Web Components的做,组件之间数据模型的齐等题材上,都遇到了超常规的挑战。

· HTML
imports和新的组件封装方式的动,会招前面常用之以JavaScript为重点的各类组件定义方式处境尴尬,它们的依赖性、加载,都面临了新的挑战,而出于全局作用域的减,请求的合并变得紧得差不多。

 

 

6. 组件化的真相目的并不一定是如果为可复用,而是提升可维护性。 不具复用性的机件”

 

 

7.  参考

 

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

 

据此JavaScript动态加载CSS和JS文件 – 小炒花生米 – 博客园.html

 

 

 

相关文章

网站地图xml地图