- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端F2E
原生开发探索
灵感来源：web-component[1] 解决问题 组件化使用开源框架shoelace[2] ，不依赖任何框架，采用web components ； 手动实现视图与数据的通信，也就是双向绑定； 采用jQuery Reference [1] web-component: https://github.com/yalishizhude/web-component [2] shoelace: https://shoelace.style
36520编辑于 2022-08-19 - 来自专栏Web 技术
试试原生 Web Component： 比你想象的容易
<web-component> web app is coming </web-component> <template> < 我们把<web-component>组件放在页面上，就像其他的
或其他组件一样。但我们还在这里添加了一个，它引用了<slot>的name属性。 下面是我们将使用的构造函数: // 用适当的名称<web-component>定义自定义元素 <web-component> customElements.define("web-component1K20编辑于 2022-07-29来自专栏JavaScript高级程序设计第二十一期：基于Taro的多端(小程序+H5)开发实践
简单介绍下 web-component和styled-component。 web-component web-component是一种自定义可重用元素的技术。 总结 了解了H5和小程序的差异以后，基于已有的设计规范使用web-component及styled-components可发一套框架依赖底，写出能够适配ReactNative的UI库是可行的。
4.9K42编辑于 2022-07-15来自专栏前端桃园为什么现在面试总是面试造火箭？
再比如 web-component，这已经是 w3c 提出的一个前端组件化的标准了，我国也有大佬用 web-component 实现了一些库，比如腾讯出的 OMI。
78810发布于 2019-04-09来自专栏JavaScript高级程序设计第八十四期：前端的局限性
react 框架出来以后，热衷于看react，vue出来后热衷于vue , 后来又热衷于微服务，低代码，web-component。。。
39830编辑于 2022-07-15来自专栏JavaScript高级程序设计第五十五期：真，前端进阶之路
接下来就是咔咔咔的给你罗列一大堆的技术点，对于前端开发者来说，这些技术点可能会有诸如： es5/es6/es7 css ts vue react node webpack web-component 性能优化
26840编辑于 2022-07-15来自专栏Coco的专栏妙用滤镜构建高级感拉满的磨砂玻璃渐变背景
CSS-doodle 它是一个基于 Web-Component 的库。
2.1K31编辑于 2022-03-10来自专栏JavaScript高级程序设计第九十七期：前端技术的局限
就好比前几年比较火的web-component,前端微服务这些概念，当你真正去思考，知道它门是怎么实现的以后，就会觉得其实也就是那么回事儿。 只是我们被公司的业务束缚在电脑前，没有时间去思考而已。
62220编辑于 2022-07-15来自专栏Coco的专栏一行 CSS 代码的魅力
CSS - Doodle 它是一个基于 Web-Component 的库。
96220发布于 2021-01-08来自专栏用户7968880的专栏一行 CSS 代码的魅力「心得分享」
CodePen -- One Line CSS Pattern 我们可以再利用 CSS - Doodle，随机产生这份美： CSS - Doodle 它是一个基于 Web-Component 的库
65220发布于 2021-01-07来自专栏Coco的专栏利用噪声构建美妙的 CSS 图形
简单而言，CSS-doodle 它是一个基于 Web-Component 的库。 10%, 90%)); </css-doodle> 没错，只需要这么寥寥几句，就可以勾勒出这样一幅图案： CSS Pattern -- CSS Doodle 简单解释下： css-doodle 是基于 Web-Component
86620编辑于 2022-09-08来自专栏JavaScript高级程序设计用web component再造UI库
前情回顾 上篇文章主要大致说了web缓存 及如何配置nginx实现缓存，今天分享一个有关web-component的想法。
82510编辑于 2022-07-14来自专栏前端迷模块化和组件化
提到组件化，不得不提web-component。 有了web-component代码就可以这么写： <link rel="import" href="banner.html"> <link rel="import" href="body.html"> 但是web-component 是一个新的标准，目前还没有很好的实现，浏览器支持性并不是很好。
3K40发布于 2019-07-23来自专栏Coco的专栏CSS奇思妙想 -- 使用 CSS 创造艺术
CSS-doodle 是一个基于 Web-Component 的库。允许我们快速的创建基于 CSS Grid 布局的页面，以实现各种 CSS 效果（或许可以称之为 CSS 艺术）。
81720发布于 2021-01-30来自专栏Coco的专栏使用 CSS 构建强大且酷炫的粒子动画
简单而言，CSS-doodle 它是一个基于 Web-Component 的库。
2.2K30编辑于 2022-09-21来自专栏Coco的专栏CSS 技巧一则 -- 在 CSS 中使用三角函数绘制曲线图形及展示动画
css-doodle 是一个基于 Web-Component 的库。允许我们快速的创建基于 CSS Grid 布局的页面，以实现各种 CSS 效果（或许可以称之为 CSS 艺术）。
2.2K20发布于 2019-11-23来自专栏Coco的专栏CSS奇思妙想 -- 使用 background 创造各种美妙的背景
mix-blend-mode 借助 CSS-Doodle 随机生成图案 到这，就不得不引出一个写 CSS 的神器 -- CSS-Doodle，我在其他非常多文章中也多次提到过 CSS-doodle，简单而言，它是一个基于 Web-Component
2.1K30发布于 2021-02-22来自专栏前端博客微前端学习笔记(4):从微前端到微模块之EMP与hel-micro方案探索
未解决的问题并让其更适合企业级开发，同时也诞生了很多非singlespa系的框架，如京东的micro-app、腾讯的wujie等，它们的细节实现各有差异，包含js沙箱隔离、css隔离、iframe编排、启用web-component
1.4K10编辑于 2024-06-06来自专栏前端博客前端资源共享方案对比-笔记:iframe/JS-SDK/微前端
未解决的问题并让其更适合企业级开发，同时也诞生了很多非singlespa系的框架，如京东的micro-app、腾讯的wujie等，它们的细节实现各有差异，包含js沙箱隔离、css隔离、iframe编排、启用web-component
2.3K10编辑于 2023-03-18来自专栏脑洞前端页面加载性能优化
可以考虑将其封装为web-component或者其他组件形式（如react组件） 回到刚才AMP HTML， 其实在amp 中 有一个amp-image这样的接口，大概可以根据需要自己实现，上面我们说的
3.1K20发布于 2019-08-16
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号