風雲論壇脚本中心 → 浏览:帖子主题
* 帖子主题:测试 Web Components 和 template 标签的用法
風雲 (ID: 3)
头衔:论坛版主
等级:光明使者
积分:449
发帖:29
来自:保密
注册:2022/3/30 15:28:53
造访:2022/12/6 10:24:37
[ 第 1 楼 ] 回复

[您可以先修改代码再运行]

Web Components 和IE曾经内置的 htc 组件很像,可惜的是,htc 因为 IE Only 惨遭唾弃。时隔近10来年,Chrome 又重新扛起了 html components 的大旗,而且被前端界玩的如火如荼,很多人用过类似 uni-image, el-input 等自定义标签,其实就是 Web Components。

让我想起了微软的另一个功能:数据岛绑定。通过 dataSrc,dataFld 将 xml 数据绑定显示出来。体验很不错,于是,微软把这项技术升级成了 XMLHttp 请求,大家称这种技术为 ajax,这番操作开启了 ajax 时代,最终 W3C 增加了一个 XMLHttpRequest 对象,但神奇的是,这项技术火了之后,却几乎和 XML 再也没有半点关系了,真正和XML有关系的,还是最原始的数据岛绑定技术。

数据岛技术其实并不需要javascript 的存在,单纯的 html + xml 就能绑定了。这么优秀的技术,在 ajax 数据绑定横行的年代,W3C 却至今没有提供相关的标准,真是令人捉急!
2022/5/26 22:41:12 IP:已设置保密
風雲 (ID: 3)
头衔:论坛版主
等级:光明使者
积分:449
发帖:29
来自:保密
注册:2022/3/30 15:28:53
造访:2022/12/6 10:24:37
[ 第 2 楼 ] 回复
再发个数据绑定的例子:

[您可以先修改代码再运行]

关于事件中访问绑定数据这块,用到了 getRootNode().host 来实现 reply-item 数据的关联访问。
2022/5/28 10:39:58 IP:已设置保密
pojin (ID: 2)
等级:精灵
积分:117
发帖:1
来自:保密
注册:2022/3/30 11:42:27
造访:2022/12/5 23:24:22
[ 第 3 楼 ] 回复
深入浅出,好多都是第一次听说,厉害!
2022/5/30 8:45:41 IP:已设置保密
風雲 (ID: 3)
头衔:论坛版主
等级:光明使者
积分:449
发帖:29
来自:保密
注册:2022/3/30 15:28:53
造访:2022/12/6 10:24:37
[ 第 4 楼 ] 回复
前端各种框架层出不穷,各领风骚数年,然后不断被新的技术取代,唯有原生 HTML 才是永不过期。
2022/6/5 23:10:36 IP:已设置保密
分页: 1, 共 1 页
快速回复主题
账号/密码
用户: 没有注册? 密码:
评论内容