2018年9月26日

stenciljs 学习六 组件开发样式指南

摘要: 组件不是动作,最好使用名词而不是动词, 文件结构 每个文件一个组件。 每个目录一个组件。虽然将类似的组件分组到同一目录中可能是有意义的,但我们发现当每个组件都有自己的目录时,更容易记录组件。 实现(.tsx)和组件的样式应该位于同一目录中。 参考格式 ├── card │ ├── card.ios. 阅读全文

posted @ 2018-09-26 23:21 荣锋亮 阅读(545) 评论(0) 推荐(0)

stenciljs 学习五 事件

摘要: 组件可以使用Event Emitter装饰器发送数据和事件。 Event 定义 参考: import { Event, EventEmitter } from '@stencil/core'; ... export class TodoList { @Event() todoCompleted: E 阅读全文

posted @ 2018-09-26 23:04 荣锋亮 阅读(634) 评论(0) 推荐(0)

stenciljs 学习四 组件装饰器

摘要: stenciljs 可以方便的构建交互式组件 支持以下装饰器 component prop watch state method element component 说明 component 包含tag styleUrl 参数 tag 定义组件的名称,注意需要使用-连接, styleUrl 指定组件 阅读全文

posted @ 2018-09-26 22:20 荣锋亮 阅读(1236) 评论(0) 推荐(0)

stenciljs 学习三 组件生命周期

摘要: stenciljs 组件包含好多生命周期方法, will did load update unload 实现生命周期的方法比价简单类似 componentWillLoad 。。。。,使用typescript 比较方便,实现接口就可以了 参考实现 import { Component, Prop,Co 阅读全文

posted @ 2018-09-26 21:32 荣锋亮 阅读(630) 评论(0) 推荐(0)

stenciljs 学习二 pwa 简单应用开发

摘要: stenciljs 介绍参考官方网站,或者 https://www.cnblogs.com/rongfengliang/p/9706542.html demo 项目使用脚手架工具 创建项目 使用脚手架工具 npm init stencil 更新版本(实际上是bug fix) npm install 阅读全文

posted @ 2018-09-26 14:58 荣锋亮 阅读(643) 评论(0) 推荐(0)

stenciljs 学习一 web 组件开发

摘要: stenciljs 介绍参考官方网站,或者 https://www.cnblogs.com/rongfengliang/p/9706542.html 创建项目 使用脚手架工具 npm init stencil 更新版本(实际上是bug fix) npm install @stencil/core@l 阅读全文

posted @ 2018-09-26 14:23 荣锋亮 阅读(1065) 评论(0) 推荐(0)

stenciljs ionic 团队开发的方便web 组件框架

摘要: stenciljs 是ionic 团队开发的方便组件话开发的js 框架,具体以下特点 简单,零配置,简单的api,typescript 支持 性能,压缩之后6Kb,支持ssr,以及强大的原生web component 支持 基于web 标准,同时方便的和ng ,vue ,react ,ember 集 阅读全文

posted @ 2018-09-26 14:04 荣锋亮 阅读(962) 评论(0) 推荐(0)

使用npm init快速创建web 应用

摘要: 一般来说我们会有npm init -y 快速生成package.json 文件, 但是npm init 可以使用脚手架工具,生成项目,比较方便 参考 npm init 帮助命令 npm init [--force|-f|--yes|-y|--scope] npm init <@scope> (sam 阅读全文

posted @ 2018-09-26 13:37 荣锋亮 阅读(575) 评论(0) 推荐(0)

导航