WebComponent

HTML 进阶: Web Components 原生组件技术

HTML进阶:WebComponents原生组件技术文章目录HTML进阶:WebComponents原生组件技术WebComponents概念&技术核心1.CustomElements自定义标签1.1注册WebComponent1.2
超悠閒·2024-09-10 04:48

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

vue中使用micro-app报错 Unknown custom element: ＜micro-app＞

$mount('#app')原因在webcomponent注册组件micro-app前，vue渲染实例，遇到micro
清缓存试试·2024-01-09 01:28

web component - 使用HTML Templates和Shadow DOM构建现代UI组件

WebComponent是一种用于构建可重用的UI组件的技术。它使用标准化的浏览器API，包括CustomElements、ShadowDOM和HTMLTemplates来实现组件化开发方式。
、昔年·2023-12-31 21:31

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和SAPUI5WebComponent诞生之前，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

JavaScript使用webcomponent的简单示例

官方网站:WebComponent-WebAPI接口参考|MDN1.给一个html文件的路径字符串path,存储对应path下的template,script,style数据1)传入path2)使用fetch
qq_42750608·2023-11-11 19:39

Nginx 同一端口下部署多个 Vue3 项目

主子项目之间是使用的腾讯开源的无界（WebComponent容器+iframe沙箱）前端框架，能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、
tansci·2023-10-18 09:25

【京东开源项目】微前端框架MicroApp 1.0正式发布

介绍MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。
京东云技术团队·2023-10-16 16:44

angular ts中写html,在ts文件中使用Angular模板引用变量（#var）的方法

模板引用变量通常用来引用模板中的某个DOM元素，它可以引用Angular组件或指令或WebComponent。我们可以在当前模板的任何地方使用模板引用变量。
刘炳琦·2023-10-04 19:46

Web Component -- 即将爆发的原生的 UI 组件化标准

WebComponent概述WebComponent是一种用于构建可复用用户界面组件的技术，开发者可以创建自定义的HTML标签，并将其封装为包含逻辑和样式的独立组件，从而在任何Web应用中重复使用。
tonylua·2023-09-13 13:00

从0实现一个简易Button，理解WebComponent规范

此文已同步到因卓诶公众号以及因卓诶博客:从0实现一个简易Button，理解WebComponent规范写在前面博主要在西安找一个好工作，前端/全栈岗位，中级前端岗位，希望目标公司双休，做自研产品的最好，
因卓诶·2023-09-13 11:12

细谈Vue中插槽Slots

Vue组件的插槽机制是受原生WebComponent元素的启发而诞生，同时还做了一些功能拓展vue的slot主要分三种，默认插槽，具名插槽，作用域插
会思想的苇草i·2023-09-01 11:08

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

VUE3组件

Vue同样也能很好地配合原生WebComponent。如果你想知道Vue组件与原生WebComponents之间的
星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2023-08-13 09:18

笔记：无界微前端入门

无界微前端框架笔记wujie(无界)是腾讯在2022年7月推出的微前端框架，下面是腾讯前端团队的原话无界微前端方案基于webcomponent容器+iframe沙箱，能够完善的解决适配成本、样式隔离、运行性能
易风有点疯·2023-08-05 17:23

微前端（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

详解无界微前端是如何渲染子应用的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

利用qiankun框架在自己项目中集成拖拽式低代码数据可视化开发平台

比如蚂蚁的qiankun，京东的micro-app，如果你的子应用不使用vite构建的话，我会更加推荐后者，micro-app使用更加简单，micro-app并没有沿袭single-spa的思路，而是借鉴了WebComponent
让代码飞1926·2023-04-03 11:02

使用 Svelte 来构建 Web Component

而WebComponent就是这样一个技术，可以让我们创建一个独立的可重用组件。本文将介绍使用Svelte创建通用的WebComponent的完成过程。
自橙一派·2023-03-27 08:06

无界微前端开源公告

webcomponent是一个浏览器原生支持的组件封装技术，可以有效隔离元素之间的样式，iframe可以给子应用提供一个原生隔离的运行环境，相比自行构造的沙箱iframe提供了独立的win
tencent__open·2023-03-23 17:05

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

[Hacker News 周报] 结构化 diff 工具；百倍快的 Python linter；PREACT 状态管理新方案

本期时间轴：00:11Difftastic｜结构化diff工具00:46ruff｜百倍快的Pythonlinter01:12DataEase｜数据可视化分析工具01:36MATHLIVE｜展示和编辑数学公式的WebComponent02
·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

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和SAPUI5WebComponent诞生之前，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
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他