atitit.atiHtmlUi web组件化方案与规范v1
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: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变得很破碎,LESS和SASS这样的样式框架面临重大挑战。
· 因为组件的隔离,每个组件内部的DOM复杂度降低了,所以选择器大多数情况下可以限制在组件内部了,常规选择器的复杂度降低,这会导致人们对jQuery的依赖下降。
· 又因为组件的隔离性加强,致力于建立前端组件化开发方式的各种框架/库(除Polymer外),在自己的组件实现方式与标准Web Components的结合,组件之间数据模型的同步等问题上,都遇到了不同寻常的挑战。
· HTML imports和新的组件封装方式的使用,会导致之前常用的以JavaScript为主体的各类组件定义方式处境尴尬,它们的依赖、加载,都面临了新的挑战,而由于全局作用域的弱化,请求的合并变得困难得多。
6. 组件化的本质目的并不一定是要为了可复用,而是提升可维护性。 不具有复用性的组件”
7. 参考
组件化的Web王国 - 博客 - 伯乐在线.htm
用JavaScript动态加载CSS和JS文件 - 小炒花生米 - 博客园.html
相关文章
- 微信小程序_简单组件使用与数据绑定
- resizable可调整尺寸组件
- 子组件根据父组件宽度调整的问题
- 8、四大组件之三-ContentProvider
- 【REACT NATIVE 系列教程之一】触摸事件的两种形式与四种TOUCHABLE组件详解
- 通用社区登陆组件技术分享(开源)上篇:OAuth 授权登陆介绍
- EasyDSS RTMP流媒体服务器web前端:vue组件之间的传值,父组件向子组件传值
- crm项目-权限组件-wu
- atitit.React 优缺点 相比angular react是最靠谱的web ui组件化方案了
- atitit.atiHtmlUi web组件化方案与规范v1
- atitit.atiHtmlUi web组件化方案与规范v1
- Atitit..组件化事件化的编程模型--(2)---------Web datagridview 服务器端控件的实现原理and总结
- 使用uniapp中自带的进度条组件加动画demo效果(整理)
- QT-窗口组件(QWidget),QT坐标系统,初探消息处理(信号与槽)
- 第38篇 QML类型:Component(组件)
- 云小课|帮您高效快速上传组件至私有依赖库
- AndroidUI组件之ActionBar--基于下拉的导航方式
- Go组件学习——Web框架Gin
- HT for Web列表和3D拓扑组件的拖拽应用
- 如何在vue组件中引入外部的css和js文件
- Java Swing JRadioButton:单选按钮组件
- SpringCloud 组件 网关组件Zuul