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://blog.csdn.net/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变得甚烂,LESSjQuery和SASS这样的体裁框架面临重大挑战。

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

· 又因为零部件的隔离性加强,致力为建前端组件化开发方式的各种框架/库(除Polymer外),在投机之零件实现方式及标准Web Components的重组,组件之间数据模型的合等题材达到,都遇到了特种的挑战。

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

 

 

6. 组件化的本色目的并不一定是使为可复用,而是提升可维护性。 不拥有复用性的零件”

 

 

7.  参考

 

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

 

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

 

 

相关文章

网站地图xml地图