atitit.atiHtmlUi web组件化方案与规范v1
atitit.atiHtmlUi web组件化方案与规范v1
1. 如何在现有html 标签基础上定义自己的组件1
2. 组件的构成与定义1
3. 组件的加载1
4. 组件css的加载2
5. 操作组件getVal,SetVal2
6. 组件化的本质目的并不一定是要为了可复用,而是提升可维护性。不具有复用性的组件”3
未来的WEB开发,将会效仿今天桌面软件的开发路子,那就是“组件化”。
目前组件化最好的就是Reactangular了。。
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
atitit.atiHtmlUi web组件化方案与规范v1相关推荐
- Android彻底组件化方案实践
本文讲的是Android彻底组件化方案实践,一.模块化.组件化与插件化 项目发展到一定程度,随着人员的增多,代码越来越臃肿,这时候就必须进行模块化的拆分.在我看来,模块化是一种指导理念,其核心思想就是 ...
- iOS组件化方案的几种实现
最近研究了一下项目的组件化,把casa.bang.limboy的有关组件化的博客看了一遍,学到了不少东西,对目前业界的组件化方案有了一定的了解.这些高质量的博客大致讨论了组件化的三种方案:url-bl ...
- Android组件化方案及组件消息总线modular-event实战
背景 组件化作为Android客户端技术的一个重要分支,近年来一直是业界积极探索和实践的方向.美团内部各个Android开发团队也在尝试和实践不同的组件化方案,并且在组件化通信框架上也有很多高质量的产 ...
- 回归初心:极简 Android 组件化方案 — AppJoint
Android 组件化的概念大概从两年前开始有人讨论,到目前为止,技术已经慢慢沉淀下来,越来越多团队开源了自己组件化框架.本人所在团队从去年开始调研组件化框架,在了解社区众多组件化方案之后,决定自研组 ...
- android path拆分_Android架构进阶之路:Android 组件化方案探索与思考总结
组件化项目,通过gradle脚本,实现module在编译期隔离,运行期按需加载,实现组件间解耦,高效单独调试. 先来一张效果图 好像是因为机制原因上传不了动图,所以截图了一个画面 组件化初衷 APP版 ...
- 游戏开发物语安卓!Android彻底组件化方案实践方法!快来收藏!
开头 都说程序员是在吃青春饭,这一点的确有一点对的成分,以前我不这么认为,但随着年龄的增长,事实告诉我的确是这样的,过了30以后,就会发现身体各方面指标下降,体力和身心上都多少有点跟不上了,这个年龄往 ...
- Android组件化方案最佳实践
舞动着键盘和鼠标,我誓言要把这个世界写的明明白白 本文出自门心叼龙的博客,属于原创类容,转载请注明出处.https://blog.csdn.net/geduo_83/article/details/8 ...
- android组件化方案整理
自己整理的脑图,有新东西还会继续添加:http://naotu.baidu.com/file/3136bf76d6b1b91f90a2b91638d07b1b?token=cd9b0e1e552323 ...
- 知乎7w阅读!Android彻底组件化方案实践方法!已整理成文档
面试如作战,我们看战争影视剧的时候,经常看到这些剧作往往主要聚焦于作战过程.战场战略,对战前准备给的篇幅往往很少.实际上,战前准备也是关键的一环,没有充足的粮草.车马.兵器的准备.别说赢得战争,投入战 ...
- Android插件化方案实践
一.插件化概述 1.插件化和组件化的区别 组件化是将一个app拆分为多个模块进行协作开发,每个模块都是一个单独的组件,这些组件可以相互依赖,也可以单独调试运行.但是最终发布的时候,这些组件会合并在一起 ...
最新文章
- 虚拟服务器设置upnp,TP-Link路由器如何设置UPNP开启【设置步骤】
- 二分类吸引子,排斥子,鞍点和反鞍点数据汇总
- js中split字符串分割示例
- python练习12
- Masuit.Tools,一个免费的轮子
- 图片切换效果2(定时+左右按钮)
- NO.170 六问禅道1:为什么任务的剩余工时不自动更新?
- 世事(1987.吴忠)
- php post提交函数,PHP curl get post 提交函数
- redis缓存穿透、缓存雪崩、缓存击穿详解
- 四脚贴片晶振的引脚区分
- 服务器虚拟化cas,CAS虚拟化建设方案
- 中国金茂销售表现亮眼,资金杠杆率进一步下降
- win10家庭版桌面软件图标左下角箭头删除
- USTC English Club Note20211227
- 虚拟服务器伪静态怎么设置,虚拟主机如何设置伪静态
- git学习——上传项目代码到github
- 骨传导黑科技新秀-Nineka南卡骨传导耳机,运动最佳伴侣
- 使用JavaScript和OpenJSCAD创建用于3D打印的精确3D模型
- 用手机访问计算机共享资源,手机访问电脑文件 手机与电脑如何共享数据?AirShareUp 云悦享...