StencilJS
文章平均质量分 73
Stenciljs 相关知识点记录,主要包含其框架的学习和使用。
fly丶知秋
这个作者很懒,什么都没留下…
展开
-
stencilJs学习之构建 Drawer 组件
在之前的学习中,我们已经掌握了stencilJs中的一些核心概念和基础知识,如装饰器PropStateEventListenMethodComponent以及生命周期方法。这些知识是构建复杂组件和应用的基础,而抽屉组件是一个很好的示例,能够综合运用这些知识,让我们更深入地理解它们的作用和用法。原创 2023-08-31 16:35:40 · 715 阅读 · 0 评论 -
StencilJs 学习之 JSX
Stencil 组件使用JSX渲染,这是一种流行的声明式模板语法。每个组件都有一个渲染函数,它返回在运行时渲染到 DOM 的组件树。原创 2023-06-21 08:26:57 · 389 阅读 · 0 评论 -
StencilJs学习之事件
其实并没有所谓的 stencil Event,相反 stencil 鼓励使用 `DOM event`。然而,Stencil 提供了一个 API 来指定组件可以触发的事件,以及组件监听的事件。 这是通过 Event()和 Listen()装饰器实现的。原创 2023-06-20 11:28:52 · 250 阅读 · 0 评论 -
StencilJs学习之组件装饰器
stenciljs 可以方便的构建交互式组件支持以下装饰器。原创 2023-06-19 16:26:21 · 331 阅读 · 1 评论 -
Stemciljs学习2、组件生命周期
组件有许多生命周期方法,可用于了解组件何时“将”和“执行”加载、更新和呈现。可以将这些方法添加到组件中,以便在正确的时间挂接到操作中。在组件类中实现以下方法之一,Stencil 将以正确的顺序自动调用它们: 未更改Prop text时console输入的结果更改Prop text后console输出的结果具体的生命图示如下(源自官方网站)更多生命周期相关的细节请参考官方网站 - - - - - - 结束语 在上一篇中)我们讲解了如何使用 搭建组件库的方式;那么经过本篇的讲解,我们原创 2022-12-03 14:54:42 · 129 阅读 · 0 评论 -
Stenciljs 学习之搭建项目
stenciljs是用于构建可重用、可扩展的设计系统的工具链。生成在每个浏览器中运行的小型、超快且 100% 基于标准的 Web Component。更对介绍请参考官方网站。原创 2022-12-02 16:28:01 · 293 阅读 · 0 评论