随笔分类 - lwc

Lightning Web Components 组件生命周期（六）

摘要：组件创建以及渲染流程组件移除dom 处理流程组件从dom 移除组件中的disconnectedCallback() 方法被调用子组件从dom 移除每个子组件的disconnectedCallback() 说明详细关于回调方法的流程，可以参考官方文档参考资料 https://lwc.de 阅读全文

posted @ 2019-06-04 09:19 荣锋亮阅读(642) 评论(0) 推荐(0) 编辑

Lightning Web Components 组合（五）

摘要：使用组合我们可以用来设计复杂的组件。组合一些比较小的组件，可以增加组件的重新性以及可维护性。通过以下一个简单的demo，将会展示关于owner 以及container 的概念，在实际的项目中 example-todo-item 一般是通过for:each 循环动态填充的 <!-- todoApp 阅读全文

posted @ 2019-06-04 09:04 荣锋亮阅读(502) 评论(0) 推荐(0) 编辑

Lightning Web Components 组件样式（四）

摘要：要将样式与组件进行绑定，需要创建一个同名的样式文件，这样样式将会自动应用到组件在组件中定义的样式的作用域是属于组件的，这样允许组件可以在不同的上下文中可以复用，可以阻止其他组件的样式的复写 css 作用域例子重要说明一个组件的文件夹和文件名是骆驼的情况下，myComponent，myComp 阅读全文

posted @ 2019-06-03 12:47 荣锋亮阅读(956) 评论(0) 推荐(0) 编辑

Lightning Web Components html_templates（三）

摘要：Lightning Web Components 强大之处在于模版系统，使用了虚拟dom 进行智能高效的组件渲染。使用简单语法以声明方式将组件的模板绑定到组件的JavaScript类中的数据数据绑定我们可以使用{property} 绑定组件模版属性到一个组件js 类中的属性一个简单的例子组阅读全文

posted @ 2019-06-03 10:04 荣锋亮阅读(664) 评论(0) 推荐(0) 编辑

Lightning Web Components 开发指南（二）

摘要：Lightning Web Components 是自定义元素使用html 以及现代javascript进行构建。 Lightning Web Components UI 框架使用web components 标准，并且提供仅在。浏览器中良好运行的内容，编写的大多数代码都是标准的js 以及html 阅读全文

posted @ 2019-06-03 09:18 荣锋亮阅读(573) 评论(0) 推荐(0) 编辑

Lightning Web Components 安装试用（一）

摘要：Lightning Web Components 简称（lwc）是一个快速企业级的web 组件化解决方案，同时官方文档很全，我们可以完整的学习lwc 项目结构使用npx 官方提供了一个create app 的脚手架 lwc-create-app 项目初始化 npx lwc-create-app 阅读全文

posted @ 2019-06-03 09:01 荣锋亮阅读(782) 评论(0) 推荐(0) 编辑

Lightning Web Components 来自salesforce 的web 组件化解决方案

摘要：Lightning Web Components 是一个轻量，快速，企业级别的web 组件化解决方案，官方网站也提供了很全的文档对于我们学习使用还是很方便的，同时我们也可以方便的学习了解salesforce 在web 组件化中的实践参考资料 https://lwc.dev/guide/intro 阅读全文

posted @ 2019-06-03 08:36 荣锋亮阅读(409) 评论(0) 推荐(0) 编辑