本篇内容介绍了“WebComponent如何使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!WebComponent 是官方定义的自定义组件实现方式,它可以让开发者不依赖任何第三方框架(如Vue,React)来实现自定义页面组件;达到组件复用效果一个简单例子,让页面显示 hello world:一组 JavaScript API,允许您定义 custom elements 及其行为,然后可以在您的用户界面中按照需要使用它们分为两种形式:自主定免费云主机域名制元素:是独立的元素,它不继承其他内建的 HTML 元素,可以直接把它们写成 HTML 标签的形式,来在页面上使用,例如我们刚才自定义的
自定义内置元素:继承自内置的 HTML 元素。指定所需扩展的元素使用时需通过 is
属性指定 custom element
的名称,必须包含一个短横线注册的时候必须使用 extends
的属性云牧推荐在 connectedCallback
生命周期函数,处理节点操作connectedCallback
:插入文档时,可能被多次触发,比如删除后又添加到文档disconnectedCallback
:从文档删除时,可配置做清理工作adoptedCallback
:被移动新文档时attributeChangedCallback
:属性变化时配合 observedAttributess
属性一起使用,指定监听的属性使用 setAttribute
方法更新属性不同操作触发的生命周期函数:例子:使用 JS 模板字串符的方式创建模板,提示不友好,复用性差
相关推荐: redis连接报错error:NOAUTH Authentication required怎么解决
这篇文章主要讲解了“redis连接报错error:NOAUTHAuthenticationrequired怎么解决”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“redis连接报错error:NOAUTHAuth…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。