atitit.atiHtmlUi
web组件化方案与专业v一

 

 

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

  2. 零件的结缘与概念一

  3. 零件的加载一

  4. 组件css的加载2

  5. 操作组件getVal,SetVal二

  6. 组件化的实质目标并不一定是要为了可复用,而是进步可维护性。 不富有复用性的机件”三

 

 

 

现在的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:14665一九八四玖@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 扩大1个天性的oocss
class来表澳优(Ausnutria Hyproca)个零部件的品类,以及复合组件,大概可扩大二个增加属性。。

二.三.组件的性质以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

 

 

相关文章

网站地图xml地图