Learn how to use custom events to expose internal events from withing a web component. class MyWelcome extends HTMLElement { constructor() { super();
转载
2020-03-11 16:31:00
222阅读
2评论
概述 概述 各种网站往往需要一些相同的模块，比如日历、调色板等等，这种模块就被称为“组件”（component）。Web Component就是
原创
2022-04-06 10:53:58
230阅读
# 前言
在我们现在的前端开发中，组件化早已成为主流。Vue、React、Angular等前端框架都贯彻着「组件化」的概念，而这一切「组件化」都是「高内聚、低耦合」思想下的产物。
就当下而言，使用这些框架也会给我们带来一系列问题，例如：
1. 一个前端团队一半的项目用的 Vue 技术栈，一半的项目用的 React 技术栈，遵循「高内聚、低耦合」的原则，我们为这两套技术栈分别搭建了Vue U
原创
2023-05-28 16:30:55
124阅读
The Shadow DOM protects your components from style conflicts. The same protection also makes it hard for users to modify the inner style for their own
转载
2019-06-10 16:34:00
74阅读
2评论
实现单文件 Web 组件可能每个了解Vue.js 框架的人也听说过它的单文件组件。这个超
原创
2021-12-31 10:48:54
190阅读
实现单文件 Web 组件可能每个了解Vue.js 框架的人也听说过它的单文件组件。这个超级简单的想法允许 Web 开发人员在一个文件中定义组件的整个代码。这是一个非常有用的解决方案，以至于已经出现了将这种机制包含在浏览器中的倡议。然而，它似乎已经死了，不幸的是，自 2017 年 8 月以来没有取得任何进展。 尽管如此，研究这个主题并尝试使用现有技术使单文件组件在浏
原创
2022-01-11 15:06:26
33阅读
Web Component 最主要的好处还是在于原生支持、无需外部依赖。
转载
2023-01-03 20:20:51
149阅读
上篇文章主要大致说了web缓存 及如何配置nginx实现缓存，今天分享一个有关web-component的想法。 js文件。 项目开发只需引入一个js文件即可。 相对于antd-design/iview/element-ui等更加轻量级。 只写了几个组件，忙起来又没时间写了。。。
原创
2022-04-12 17:18:54
129阅读
概念和使用 作为开发者，我们都知道尽可能多的重用代码是一个好主
原创
2023-03-08 17:12:10
196阅读
> 本文为翻译 > > 原文地址：[2023 State of Web Components: Today's standards and a glimpse into the future.](https://eisenbergeffect.medium.com/2023-state-of-web
翻译
2023-10-23 15:25:21
54阅读
看来VS.NET 2008无法安装是和系统中存在Office 2007之前的版本有关系。 在网上看到另外一篇文章，得知可能是电脑上存在Office 2
原创
2023-11-07 12:07:30
88阅读
MD不用多说了, GUI领域处于统治地位的规范, 上次我们介绍了基于MD实现的web框架mdl, 但是很遗憾mdl的开发团队于多年前放弃这个项目了, 取而代之的是MDC:Material Design ComponentMDC更像是一款ui插件而不是ui框架, 因为mdc里面每一个ui组件都是可以拿出来单独使用的.在MDC的开发主页上我们可以看到, Google已经贴心的提供了4个...
原创
2021-09-13 17:50:57
182阅读
第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 第四篇介绍Web Component + React实现微前端的POC ...
转载
2021-10-29 18:03:00
150阅读
2评论
MD不用多说了, GUI领域处于统治地位的规范, 上次我们介绍了基于MD实现的web框架mdl, 但是很遗憾mdl的开发团队于多年前放弃这个项目了, 取而代之的是MDC:Material Design ComponentMDC更像是一款ui插件而不是ui框架, 因为mdc里面每一个ui组件都是可以拿出来单独使用的.在MDC的开发主页上我们可以看到, Google已经贴心的提供了4个端的插件
原创
2022-03-03 16:10:36
89阅读
假设我要从React的home Component跳转到detail Component. 在home Component里，定义一个点击事件处理函数： 其实现源代码如下： 测试：点击Progress list后，注意观察url和显示区域的变化： 要获取更多Jerry的原创文章，请关注公众号"汪子熙
原创
2021-10-22 11:35:19
57阅读
假设我要从React的home Component跳转到detail Component.在home Component里，定义一个点击事件处理函数：其实现源代码如下： const history = useHistory(); const handleProgressHeaderClick = () => { history.push("/detail"); };...
原创
2022-04-14 17:23:58
87阅读
http://camel.apache.org/direct.htmlDirect ComponentThe direct: component provides direct, synchronous inmessage exchange.This endpoint can be us
原创
2023-10-09 16:22:30
197阅读
