E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
webComponent
HTML 进阶: Web Components 原生组件技术
HTML进阶:WebComponents原生组件技术文章目录HTML进阶:WebComponents原生组件技术WebComponents概念&技术核心1.CustomElements自定义标签1.1注册
WebComponent
1.2
超悠閒
·
2024-09-10 04:48
HTML
&
CSS
前端
html
javascript
web
components
组件化
micro-app(微前端框架)
https://gitee.com/helibin/micro-appmicro-app是京东零售推出的一款微前端框架,它基于类
WebComponent
进行渲染,从组件化的思维实现微前端,旨在降低上手难度
朱朱是个小太阳
·
2024-02-05 16:36
京东微前端框架MicroApp简介
一、MicroApp1.1MicroApp简介MicroApp是由京东前端团队推出的一款微前端框架,它从组件化的思维,基于类
WebComponent
进行微前端的渲染,旨在降低上手难度、提升工作效率。
xiangzhihong8
·
2024-02-04 16:37
前端
前端框架
微前端框架MicroApp 1.0正式发布
介绍MicroApp是由京东前端团队推出的一款微前端框架,它从组件化的思维,基于类
WebComponent
进行微前端的渲染,旨在降低上手难度、提升工作效率。
京东零售技术
·
2024-01-29 10:02
前端
前端框架
前端
开源
微前端(wujie)使用手册
转载请注明出处,点击此处查看更多精彩内容wujie使用手册wujie是一个基于
WebComponent
容器+iframe沙箱的微前端方案。
StoneHui
·
2024-01-23 12:54
微前端-无界wujie
无界微前端方案基于
webcomponent
容器+iframe沙箱,能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、应用共享等用户的核心诉求。
前端大颖颖
·
2024-01-22 12:52
常见问题汇总
前端
前端框架
javascript
vue中使用micro-app报错 Unknown custom element: <micro-app>
$mount('#app')原因在
webcomponent
注册组件micro-app前,vue渲染实例,遇到micro
清缓存试试
·
2024-01-09 01:28
vue.js
javascript
前端
笔记
web component - 使用HTML Templates和Shadow DOM构建现代UI组件
WebComponent
是一种用于构建可重用的UI组件的技术。它使用标准化的浏览器API,包括CustomElements、ShadowDOM和HTMLTemplates来实现组件化开发方式。
、昔年
·
2023-12-31 21:31
前端
web
component
template
shadow
dom
Web Components入门不完全指北
但事实上随着浏览器的发展,现在浏览器也原生支持组件式开发,本文将通过介绍WebComponents的三个主要概念,带读者无障碍入门WebComponents1.CustomElements(自定义组件)顾名思义,
WebComponent
小敏哥
·
2023-12-25 03:56
前端
浅谈Web Component
WebComponent
是HTML5推出的一个新特征,就是web组件,它描述的其实是三种不同的的API:自定义元素,ShadowDOM和HTML模板.自定义元素:在HTML基础标签外扩展自定义标签元素ShadowDOM
瓜皮伦
·
2023-12-17 16:48
微前端
前端
了解 Web Components
WebComponents首先来了解下WebComponents的基本概念,
WebComponent
是指一系列加入w3c的HTML与DOM的特性,目的是为了从原生层面实现组件化,可以使开发者开发、复用、
涅槃快乐是金
·
2023-11-21 19:49
用React开发SAP Fiori应用
在FioriFundamentals和SAPUI5
WebComponent
诞生之前,SAPUI5是开发SAPFiori应用唯一可供选择的前端框架。很显然SAP对前端领域蓬勃发展的
JerryWang_汪子熙
·
2023-11-20 17:18
Web Component
WebComponent
最早的概念可以追溯到2011年,到了2018年V1版本开始被主流浏览器所支持(除了IE)。到了现在,几乎所有的浏览器都支持了
WebComponent
。
wade3po
·
2023-11-15 03:45
前端
高级前端如何更优雅的定义
WebComponent
前言
WebComponent
方式是实现组件化的一种解决方案,目前社区内也有很多成熟对方案,如Omi、stencil,其中腾讯前端团队的Omi方案还是相当完善的。
canyuegongzi
·
2023-11-11 20:43
技术研究
JS
typescript
javascript
WebComponent
html
JavaScript使用
webcomponent
的简单示例
官方网站:
WebComponent
-WebAPI接口参考|MDN1.给一个html文件的路径字符串path,存储对应path下的template,script,style数据1)传入path2)使用fetch
qq_42750608
·
2023-11-11 19:39
JavaScript面试问题
插件
javascript
开发语言
ecmascript
Nginx 同一端口下部署多个 Vue3 项目
主子项目之间是使用的腾讯开源的无界(
WebComponent
容器+iframe沙箱)前端框架,能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、
tansci
·
2023-10-18 09:25
nginx
运维
vue
【京东开源项目】微前端框架MicroApp 1.0正式发布
介绍MicroApp是由京东前端团队推出的一款微前端框架,它从组件化的思维,基于类
WebComponent
进行微前端的渲染,旨在降低上手难度、提升工作效率。
京东云技术团队
·
2023-10-16 16:44
前端
开源
前端框架
微前端
angular ts中写html,在ts文件中使用Angular模板引用变量(#var)的方法
模板引用变量通常用来引用模板中的某个DOM元素,它可以引用Angular组件或指令或
WebComponent
。我们可以在当前模板的任何地方使用模板引用变量。
刘炳琦
·
2023-10-04 19:46
angular
ts中写html
Web Component -- 即将爆发的原生的 UI 组件化标准
WebComponent
概述
WebComponent
是一种用于构建可复用用户界面组件的技术,开发者可以创建自定义的HTML标签,并将其封装为包含逻辑和样式的独立组件,从而在任何Web应用中重复使用。
tonylua
·
2023-09-13 13:00
前端
ui
从0实现一个简易Button,理解
WebComponent
规范
此文已同步到因卓诶公众号以及因卓诶博客:从0实现一个简易Button,理解
WebComponent
规范写在前面博主要在西安找一个好工作,前端/全栈岗位,中级前端岗位,希望目标公司双休,做自研产品的最好,
因卓诶
·
2023-09-13 11:12
细谈Vue中插槽Slots
Vue组件的插槽机制是受原生
WebComponent
元素的启发而诞生,同时还做了一些功能拓展vue的slot主要分三种,默认插槽,具名插槽,作用域插
会思想的苇草i
·
2023-09-01 11:08
前端
vue.js
前端
javascript
slot
插槽
react和vue对比总结
相似点:同属于mvvm框架都支持组件化,都有VirtualDOM,组件化开发的概念,通过props参数进行父子组件之间数据的传递,都实现了
webComponent
规范都是数据驱动视图不同点:1.写法:react
c云熙
·
2023-08-26 18:35
前端框架Avalon:简介
.*.html文件简介avalon2是一款基于虚拟DOM与属性劫持的迷你、易用、高性能的前端MVVM框架,拥有超优秀的兼容性,支持移动开发,后端渲染,
WEBComponent
式组件开发,无需编译,开箱即用
依然_范特西_
·
2023-08-25 23:24
HTML
VUE3组件
Vue同样也能很好地配合原生
WebComponent
。如果你想知道Vue组件与原生WebComponents之间的
星如雨グッ!(๑•̀ㅂ•́)و✧
·
2023-08-13 09:18
前端
vue.js
前端
javascript
笔记:无界微前端入门
无界微前端框架笔记wujie(无界)是腾讯在2022年7月推出的微前端框架,下面是腾讯前端团队的原话无界微前端方案基于
webcomponent
容器+iframe沙箱,能够完善的解决适配成本、样式隔离、运行性能
易风有点疯
·
2023-08-05 17:23
前端学习
前端
笔记
javascript
微前端(micro-app)使用手册
转载请注明出处,点击此处查看更多精彩内容micro-app使用手册micro-app是借鉴了
WebComponent
的思想,通过CustomElement结合自定义的ShadowDom,将微前端封装成一个类
StoneHui_
·
2023-07-19 14:10
前端
前端框架
【无标题】
转载请注明出处,点击此处查看更多精彩内容wujie使用手册wujie是一个基于
WebComponent
容器+iframe沙箱的微前端方案。
StoneHui_
·
2023-07-19 14:10
前端
前端框架
所见所闻一
image.png2.img-2一个
WebComponent
组件,使用取代,可以只显示第一屏的图片,其他图片通过WebWorker预下载,一旦该图片进入可视区域后再加载显示。
那年冬季的寒冰
·
2023-07-16 22:54
微前端(micro-app)使用手册
转载请注明出处,点击此处查看更多精彩内容micro-app使用手册micro-app是借鉴了
WebComponent
的思想,通过CustomElement结合自定义的ShadowDom,将微前端封装成一个类
StoneHui
·
2023-06-25 16:52
4-React 组件之状态与通信
React.js[TOC]组件web组件就是对web中的数据、结构、方法等进行封装,复用,与JavaScript中功能函数封装类似,但更关注的是对web元素(标签)的封装与扩展(扩展:
webComponent
我竟无言以对_1202
·
2023-06-23 02:30
Web Component 技术(笔记)
文章目录1.概念2.属性及方法2.1添加方式2.2生命周期2.3CSS伪类2.4HTMLtemplate3.示例3.1自主定制元素3.2自定义内置元素(扩展内置元素)1.概念
WebComponent
是一套不同的技术
codeCat!
·
2023-06-12 18:30
JS
前端
javascript
WebComponent
详解无界微前端是如何渲染子应用的demo解析
目录正文无界渲染子应用的步骤创建子应用iframe解析入口HTML处理CSS并重新嵌入HTML创建
webComponent
并挂载HTMLJS的执行细节简单的实现将UI渲染到shadowRoot挟持document
·
2023-04-20 01:45
micro-app-vue2 vue3 超详细快速入门指南 学习记录
micro-app-vue快速入门指南简介micro-app是京东零售推出的一款微前端框架,它基于类
WebComponent
进行渲染,从组件化的思维实现微前端,旨在降低上手难度、提升工作效率。
TaiXinF
·
2023-04-05 22:05
微前端
前端
vue.js
npm
node.js
利用qiankun框架在自己项目中集成拖拽式低代码数据可视化开发平台
比如蚂蚁的qiankun,京东的micro-app,如果你的子应用不使用vite构建的话,我会更加推荐后者,micro-app使用更加简单,micro-app并没有沿袭single-spa的思路,而是借鉴了
WebComponent
让代码飞1926
·
2023-04-03 11:02
问题和解决办法
低代码
javascript
开发语言
使用 Svelte 来构建 Web Component
而
WebComponent
就是这样一个技术,可以让我们创建一个独立的可重用组件。本文将介绍使用Svelte创建通用的
WebComponent
的完成过程。
自橙一派
·
2023-03-27 08:06
前端
javascript
html
无界微前端开源公告
webcomponent
是一个浏览器原生支持的组件封装技术,可以有效隔离元素之间的样式,iframe可以给子应用提供一个原生隔离的运行环境,相比自行构造的沙箱iframe提供了独立的win
tencent__open
·
2023-03-23 17:05
java
vue
js
javascript
python
ionic4初探
查看项目进度
webcomponent
:所有的component都重新改寫成
webcomponent
,但是團隊並不是自己刻
webcomponent
,而是透過Stencil這工具完成的,(相關訊息在此)。
风去来兮_b7fe
·
2023-03-21 09:12
浅学一下 storybook
storybook支持react、vue、angular、
webcomponent
等主流前端UI框架。怎么用storybookstorybook需要安装到已经设置了框架的项目中。
清汤饺子
·
2023-03-17 23:05
微前端框架
架构层级:系统架构应用级模块代码微前端:子应用调度(耦合)共享(巨石应用)单实例/多实例架构质量:稳定性(回归)健壮性(容错)拓展性维护性微前端实现方式:Iframe--多域名鉴权问题
webcomponent
望京十三兄
·
2023-03-13 21:11
前端
前端框架
你不知道的组件化开发:组件化的前世今生 - by winter
W3C也有
WebComponent
的相关草案,也是为了提供组件化能力。今天我们就来聊聊组件化是什么,以及它为什么这么重要。其实组件化思想是一种前端技术非常自然的延
BML0
·
2023-03-09 16:49
2023年了该了解下
WebComponent
使用教程
目录正文三项主要技术1、Customelements(自定义元素)生命周期函数2、HTMLtemplates(HTML模板)3、ShadowDOM(影子DOM)动态创建
webComponent
组件例子正文
·
2023-02-27 18:45
极简微前端框架-京东MicroApp开源了
前言MicroApp是一款基于类
WebComponent
进行渲染的微前端框架,不同于目前流行的开源框架,它从组件化的思维实现微前端,旨在降低上手难度、提升工作效率。
cangdu123
·
2022-12-01 17:04
微前端
javascript
html5
前端
[Hacker News 周报] 结构化 diff 工具;百倍快的 Python linter;PREACT 状态管理新方案
本期时间轴:00:11Difftastic|结构化diff工具00:46ruff|百倍快的Pythonlinter01:12DataEase|数据可视化分析工具01:36MATHLIVE|展示和编辑数学公式的
WebComponent
02
·
2022-10-31 01:46
前端后端程序员
Vue3 + web component 实现跨技术栈组件
Vue3+
webcomponent
实现跨技术栈组件Vite脚手架创建vue项目pnpminit@vitejs/app+项目名安装路由pnpmivue-router@4新建router文件夹index.tsimport
Boriska1996
·
2022-09-30 05:46
Vue3
前端
vue.js
javascript
Web Components
WebComponent
是一组web原生API,可以创建可复用的自定义元素(customelements)。组件完全是原生JavaScriptAPI开发的,可以
一蓑烟雨任平生_cui
·
2022-09-14 10:50
微前端之 js隔离 样式隔离 元素隔离问题详解
目录
WebComponent
介绍js隔离问题解决方法一用Proxy代理方法二用快照样式隔离问题方法一样式增加不同前缀方法二ShadawDom元素隔离
WebComponent
介绍微前端框架中,js隔离、样式隔离
·
2022-08-23 18:48
用 React 结合 SAP UI5 Web Components 来开发 SAP Fiori 应用
在FioriFundamentals和SAPUI5
WebComponent
诞生之前,SAPUI5是开发SAPFiori应用唯一可供选择的前端框架。
·
2022-07-22 11:02
无框架 Web 组件
WebComponent
是一套不同的技术,允许您创建可重用的定制元素(它们的功能封装在您的代码之外)并且在您的web应用中使用它们。不需要需要任何外部库来工作。
lio_zero
·
2022-05-29 23:56
WebComponents框架direflow实现原理
框架地址:https://github.com/Silind-Sof...假设有这样一个
webcomponent
组件。
·
2022-04-28 08:43
3.认识Angular2组件之1
:组件(component)是构成Angular应用的基础和核心.可以这样说,组件用来包装特定的功能,应用程序的有序运行依赖于组件之间的协同工作.1.组件化标准:W3C为了统一组件化的标准方式,提出了
WebComponent
徐自勉
·
2022-03-16 09:39
Angular2
上一页
1
2
3
4
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他