webcomponents

vue3的基本使用(超详细)

一、初识vue31.vue3简介2020年9月18日，vue3发布3.0版本，代号大海贼时代来临，OnePiece特点：无需构建步骤，渐进式增强静态的HTML在任何页面中作为WebComponents嵌入单页应用
luofei_create·2022-11-24 08:40

重磅！哈啰 Quark Design 正式开源，下一代跨技术栈前端组件库

与业界第三方组件库不一样，QuarkDesign底层基于WebComponents实现，它能做到一套代码，同时运行在各类前端框架中。
·2022-10-31 10:10

如何编写一个原生 Web Components 组件

在今天的前端编程中，利用语义化的HTML结合CSS来完一个组件并不是一件难事，这也意味着无论在React、Vue中都可以插入，不过它俩不是今天的主角，接下来我将用一个例子来介绍如何封装一个完整的原生HTML的WebComponents
·2022-10-07 19:28

关于 SAP UI5 Web Components

SAPUI5WebComponents是UI5Evolution项目的关键支柱，以实现UI5的UI元素的轻量级和独立消费。顾名思义，它们是使用Web组件标准构建的。Web组件适用于所有主流浏览器。
·2022-09-24 13:16

使用 Vue3 构建 Web Components

有时候想写一个无关框架组件，又不想用原生或者Jquery那套去写，而且还要避免样式冲突，用WebComponents去做刚觉就挺合适的。
#白云苍狗·2022-09-08 11:00

APICloud AVM框架 封装车牌号输入键盘组件

AVM（Application-View-Model）前端组件化开发模式基于标准WebComponents组件化思想，提供包含虚拟DOM和Runtime的编程框架avm.js以及多端统一编译工具，完全兼容
·2022-08-29 19:08

APICloud AVM框架 封装车牌号输入键盘组件

AVM（Application-View-Model）前端组件化开发模式基于标准WebComponents组件化思想，提供包含虚拟DOM和Runtime的编程框架avm.js以及多端统一编译工具，完全兼容
APICloud·2022-08-29 19:00

APICloud AVM 封装验证码输入框组件

AVM（Application-View-Model）前端组件化开发模式基于标准WebComponents组件化思想，提供包含虚拟DOM和Runtime的编程框架avm.js以及多端统一编译工具，完全兼容
·2022-08-29 16:27

Vue3.2 中的 Setup 语法糖

，与Node.js解耦，使在非Node环境用@vue/serve-render做服务端渲染成为可能，比如(Workers、ServiceWorkers)NewSFCFeatures：新的单文件组件特性WebComponents
sunyin.liu·2022-08-05 08:17

一篇文章让你轻松了解 Vue3.2 中的 Setup 语法糖

Node.js解耦，使在非Node环境用@vue/serve-render做服务端渲染成为可能，比如(Workers、Service Workers)2.NewSFCFeatures：新的单文件组件特性3.WebComponents
前端达人·2022-08-05 07:41

Vue3.2中的setup语法糖

Node.js解耦，使在非Node环境用@vue/serve-render做服务端渲染成为可能，比如(Workers、ServiceWorkers)2.NewSFCFeatures：新的单文件组件特性3.WebComponents
Are杨·2022-08-05 07:11

用 React 结合 SAP UI5 Web Components 来开发 SAP Fiori 应用

什么是WebComponents?WebComponents是浏览器内置的U
·2022-07-22 11:02

跨端开发框架avm组件封装经验分享

在其它页面使用子组件时传递静态值：2.2通过数据绑定传递动态值：3.监听子组件事件**4.声网组件实例引言avm.js是一个跨端开发框架，AVM（Application-View-Model）前端组件化开发模式基于标准WebComponents
·2022-07-15 12:56

封装 avm 组件经验分享

avm.js是一个跨端开发框架，AVM（Application-View-Model）前端组件化开发模式基于标准WebComponents组件化思想，提供包含虚拟DOM和Runtime的编程框架avm.js
·2022-07-11 17:26

Web Components实现类Element UI中的Card卡片

目录引言WebComponents核心组成1.CustomElements2.ShadowDOM3.templates和slots完整代码WebComponentsvsVueComponentsWebComponents
·2022-07-07 19:28

Vue3插槽Slot实现原理详解

Slot到底是什么如何使用插槽回顾组件渲染的原理插槽的初始化原理解析插槽中的内容作用域插槽原理具名插槽原理默认内容插槽的原理Vue官方对插槽的定义Vue实现了一套内容分发的API，这套API的设计灵感源自WebComponents
·2022-07-07 10:08

vue2中插槽(slot)的基本使用规范

slot组件(匿名插槽)具名插槽作用域插槽解构插槽总结前言在vue的开发过程中，我们会经常使用到vue的slot插槽组件，vue官方文档的描述：Vue实现了一套内容分发的API，这套API的设计灵感源自WebComponents
·2022-05-23 14:21

WebComponents框架direflow实现原理

这个框架支持React方式写WebComponents。框架地址：https://github.com/Silind-Sof...假设有这样一个webcomponent组件。
·2022-04-28 08:43

初识 Web Components 与 Stencil

在上文我们简单的了解过WebComponents的使用场景，它可以让我们像使用原生标签一样使用我们定义的组件，而Stencil又可以让我们像写React一样高效的书写WebComponents组件。
·2022-04-14 16:10

vue2版本中slot的基本使用详解

前言在vue的开发过程中，我们会经常使用到vue的slot插槽组件，vue官方文档的描述：Vue实现了一套内容分发的API，这套API的设计灵感源自WebComponents规范草案，将元素作为承载分发内容的出口
·2022-03-21 10:24

vue2版本中slot的基本使用详解

前言在vue的开发过程中，我们会经常使用到vue的slot插槽组件，vue官方文档的描述：Vue实现了一套内容分发的API，这套API的设计灵感源自WebComponents规范草案，将元素作为承载分发内容的出口
程序猿布欧·2022-03-21 09:00

作为一个LSP，我不允许你不知道这款浏览器插件

VideoRollChromeWebStore/Github主要特性采用最新extensionV3标准开发可旋转任何网页中的HTML5视频针对播放器使用Webcomponents或Shadowdom的网站做了特别优化
·2022-03-17 00:17

Vue全家桶-组件化开发

1.组件化开发思想*标准*分治*重用*组合组件化规范:WebComponentsWebComponents通过创建封装好功能的定制元素解决问题2.组件的注册方式2.1全局组件注册语法Vue.component
gogopaner·2022-03-01 19:31

Web Components 系列（十）—— 实现 MyCard 的基本布局

前言前面针对WebComponents学习了一些基本的理论知识，我们了解到的概念有：CustomElementsShadowDOMTemplatesSlots以及和这些概念相关的子知识点。
·2022-02-17 23:13

Web Components 系列（五）—— 详解 Slots

在WebComponents体系中也有插槽的概念，今天我们就来具体了解一下Slots，本文主要包括以下内容：为什么要用Slots？
·2022-02-12 21:07

Web Components 系列—— 详解 Slots

在WebComponents体系中也有插槽的概念，今天我们就来具体了解一下Slots，本文主要包括以下内容：为什么要用Slots？
·2022-02-12 14:46

Web Components 系列（二）—— 关于 Custom Elements

前言在上一篇文章中介绍了WebComponents的相关概念，知道它是浏览器用来原生支持“组件化”的方法，并且知晓它的技术组成为：CustomElementsShadowDOMHTMLtemplates
·2022-02-08 22:05

Web Components系列（一） —— 概述

WebComponents诞生的背景近几年，我们在使用前端框架（比如Vue）时，都知道有个“组件”的概念，通
·2022-02-07 09:53

Vue3.0的插槽是如何实现的？

Vue借鉴了WebComponents实现了插槽slot。插槽slot通过在父组件中编写DOM，在子组件渲染的时候将这些DOM放置在对应的位置，从而实现内容的分发。
JonnyLan·2022-02-07 09:50

Web Components 业务组件库开发

一、回顾WebComponents在前端发展历史中，从刚开始重复业务到处复制相同代码，到WebComponents的出现，我们使用原生HTML标签的自定义组件，复用组件代码，提高开发效率。
·2021-12-30 10:19

1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发

WebComponents是一组Web原生API的总称，允许我们创建可重用的自定义组件，并在我们Web应用中像使用原生HTML标签一样使用。目前已经很多前端框架/库支持WebComponents。
·2021-12-25 14:37

1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发

WebComponents是一组Web原生API的总称，允许我们创建可重用的自定义组件，并在我们Web应用中像使用原生HTML标签一样使用。目前已经很多前端框架/库支持WebComponents。
·2021-12-23 23:07

上周热点回顾（11.22-11.28）

热点随笔：·Svelte入门——WebComponents实现跨框架组件复用(葡萄城技术团队)·（二）工作三年的一些感悟(Craftsman-L)·.NET百万级大数据插入、更新，支持多种数据库(果糖大数据科技
博客园团队·2021-11-29 10:00

Web componentd组件内部事件回调及痛点剖析

目前存在的缺陷1、组件内部事件的回调2、组件样式覆盖3、组件内部资源相对路径问题4、form表单类组件value获取问题5、其它写在后面写在前面最近致力于研究Webcomponents（以下简称WC），
·2021-11-25 14:01

浅析Web components的痛点

写在前面最近致力于研究Webcomponents（以下简称WC），并且也初有成效的拿到了一定的结果，但今天想回过头来重新审视一下WC。WC到底是什么？
·2021-11-16 14:20

从HTML Components的衰落看Web Components的危机

搞前端时间比较长的同学都会知道一个东西，那就是HTC（HTMLComponents），这个东西名字很现在流行的WebComponents很像，但却是不同的两个东西，它们的思路有很多相似点，但是前者已是昨日黄花
·2021-11-11 18:02

浅析Web components的痛点

写在前面最近致力于研究Webcomponents（以下简称WC），并且也初有成效的拿到了一定的结果，但今天想回过头来重新审视一下WC。WC到底是什么？
·2021-11-11 13:32

[Web Components]2. 使用shadow dom

如MDN中所写：Webcomponents的一个重要属性是封装——可以将标记结构、样式和行为隐藏起来，并与页面上的其他代码相隔离，保证不同的部分不会混在一起，可使代码更加干净、整洁。
·2021-10-19 18:55

详解vue3.2新增的defineCustomElement底层原理

目录WebComponentscustomElements概述HTMLTemplateElement内容模板元素概述常用属性ShadowRoot概述WebComponentsWebComponents是一套不同的技术
·2021-08-27 11:16

Next.js 在 IE11 下报错 “对象不支持‘attachShadow’属性或方法”

解决方法：https://github.com/vercel/next.js/issues/13231package.json"@webcomponents/shadydom":"^1.7.4"next.config.jsmodule.exports
啊啵呲嘚呃佛嗝·2021-08-12 10:23

Fiori-like Prototype ( 2021 SAP UI5 Web Components )

SAPUI5WebComponentsUI5WebComponentsUI5WebComponetsBarcodeScannerDialogBarcodeScannerDialogUI5WebComponetsBarcodeScannerDialogDemo001Demo001UI5WebComponetsBarcodeScannerDialogDemo002Demo002SAP
Meellor·2021-08-09 20:34

Web Components

什么是WebComponents？就是类似Vue/React组件，但浏览器直接支持的组件。
·2021-07-31 17:19

Vue全家桶之组件化开发

Vue全家桶之组件化开发一、组件化开发思想1.现实中的组件化思想体现-模块化手机2.编程中的组件化思想体现-各种区块3.组件化规范:WebComponents通过创建封装好功能的定制元素解决上述问题。
coder_shen·2021-06-26 07:12

nextjs IE11 对象不支持“attachShadow”属性或方法

报错：SCRIPT438:对象不支持“attachShadow”属性或方法1、package.json//+"@webcomponents/shadydom":"^1.7.4","next-transpile-modules
Axiba·2021-06-08 16:38

Part 7: 测试Vue.js中的Slots插槽

Slotsarethewaytomakecontentdistributionhappeninthewebcomponentsworld.Vue.jsslotsarema
Revontulet·2021-05-20 22:25

Web Component Tester Set Up

What'sWebComponentTesterAbrowser-basedunittestingenvironmentthatforwebcomponents一个针对web组件（比如Polymer工程下的各个
Sue1024·2021-05-20 14:18

react

React跟WebComponents不冲突React的特点就是“轻”组件化的开发思路React的优点复杂场景下的高性能重用组件库，组件组合懒ReactJSX（javascriptxml）：Facebook
尘满面鬓微霜·2021-05-18 17:10

vue 第三天 组件化开发

------------------组件化开发思想-------------------1.0组件化规范:WebComponents我们希望尽可能多的重用代码自定义组件的方式不太容易（html、css和
Hyman-ya·2021-04-30 20:55

Web Components

标准：WebComponents不是单一的规范，而是一系列的技术组成，包括Template、CustomElement、ShadowDOM、HTMLImport四种技术规范。
蒂卡波牧羊犬·2021-04-30 12:27

组件化开发

WebComponents不是单一的规范，而是一系列的技术组成，包括Template、CustomElement、ShadowDOM、HTMLImport四种技术规范。使用时，并不一定这四者都要用到。
尘满面鬓微霜·2021-04-29 09:26
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他