2025 AI基础设施风向标,不看必后悔!#AI基础设施峰会 了解详情
写点什么

Lightning Web 组件霸气开源:基于最新的 Web 标准!可构建任何平台的 Web 应用

  • 2019-06-02
  • 本文字数:1094 字

    阅读完需:约 4 分钟

Lightning Web组件霸气开源:基于最新的Web标准!可构建任何平台的Web应用

几个月前推出的 Lightning Web 组件,它是基于过去五年 Web 标准前沿技术打造的全新 JavaScript 框架。如今,Lightning Web 组件框架也宣布正式开源,开发者今后可以为组件路线图提交贡献,并在 Salesforce 或其他平台上构建应用时使用相同的框架。但这些都是老生常谈了,下面就进入本文的正题。

基于 Web 标准打造

过去五年来 Web 标准达到了前所未有的创新水平,这主要是由 W3C/WHATWG 和 ECMAScript 技术委员会(TC39)推动的,具体内容包括 ECMAScript 6、7、8、9 及更高版本;Web 组件;自定义元素;模板和插槽;Shadow DOM 等等。


如下图所示,这些创新带来了 Web 堆栈的戏剧性变革。许多功能之前需要框架来实现,现在都成为了标准。



Lightning Web 组件是基于现代 Web 堆栈打造的现代框架。与其他标准相比,它充分利用了 ECMAScript 6 及更高版本中提供的自定义元素、模板、装饰器、模块和其他新语言结构。



Lightning Web Components 有三大关键部分:


  • Lightning Web 组件框架:框架的引擎。

  • 基础 Lightning 组件:一组超过 70 个 UI 组件,全部构建为自定义元素。

  • Salesforce Bindings:一组专用服务,提供对 Salesforce 数据和元数据的声明式和命令式访问、数据缓存和数据同步。

开源框架

我们很高兴地宣布 Lightning Web 组件框架正式开源,今后开发者可以为框架路线图提交贡献,探索源代码从而在更深的层次上学习框架,并在 Salesforce 或其他平台上构建应用时使用相同的 JavaScript 框架。


一个框架,所有平台

如上图所示,Lightning Web 组件框架并不依赖 Salesforce 平台。相反,Salesforce 的专有服务是构建在这个框架之上的。分层体系结构意味着开发者现在可以使用 Lightning Web 组件框架来构建可在任何平台运行的 Web 应用。


过去,开发人员通常使用不同的框架来构建应用的各种版本。例如,开发者需要使用 Aura 在 Salesforce 上构建面向员工的应用程序,同时使用 React、Angular 或 Vue 在 Heroku 等平台构建应用的客户端。如今只要使用 Lightning Web 组件就能一次性构建应用程序的两种版本了。这样做的好处很明显:你只需要学习一个框架就可以在应用之间共享代码。由于 Lightning Web 组件构建于最新的 Web 标准之上,因此你使用的是基于最新模式和最佳实践的尖端框架。

入门

要开始使用开源的 Lightning Web 组件,请访问该项目的全新网站:https://lwc.dev/。


要在本地创建你的第一个 Lightning Web 组件应用,请使用由 @muenzpraeger 构建和维护的开源 lwc-create-app 工具:


npx lwc-create-app my-appcd my-appnpm run watch
复制代码


英文原文:https://developer.salesforce.com/blogs/2019/05/introducing-lightning-web-components-open-source.html



2019-06-02 12:169385

评论 1 条评论

发布
用户头像
学不动啊
2019-06-03 12:56
回复
没有更多了
发现更多内容

软件测试 | 人工智能:优势与挑战

测吧(北京)科技有限公司

测试

跑AI大模型的K8s与普通K8s有什么不同?

华为云开发者联盟

人工智能 云计算 华为云 华为云开发者联盟 企业号 8 月 PK 榜

生成式AI艺术创新

百度开发者中心

人工智能 生成式AI 文心一言

7 个使用生成式 AI 构建的项目

3D建模设计

生成式AI

浅析Java - SPI机制 | 京东云技术团队

京东科技开发者

Java 后端 spi 企业号 8 月 PK 榜

人工智能改善生活:不同受众的定制化应用

测吧(北京)科技有限公司

本文介绍如何使用 Three.js 库在边界框和球体之间实现冲突检测。假设在阅读本文之前,您已经先阅读了我们的 3D 碰撞检测介绍性文章,并了解了 Three.js 的基本知识。

3D建模设计

3D

高效构建实时数仓:探秘NineData数据复制技术

NineData

数据库 大数据 实时数仓 数据复制 迁移指南

Spring高手之路13——BeanFactoryPostProcessor与BeanDefinitionRegistryPostProcessor解析

砖业洋__

spring springboot BeanFactoryPostProcessor BeanDefinitionRegistry

KaiwuDB 助力能源企业实现 4 大价值提升

KaiwuDB

KaiwuDB 分布式储能

一篇文章看懂 JavaScript 如何实现继承

树上有只程序猿

JavaScript proto

什么是数字孪生?

3D建模设计

数字孪生

生成式人工智能能否使数字孪生在能源和公用事业行业成为现实?

3D建模设计

数字孪生 生成式AI

Java单元测试及常用语句 | 京东物流技术团队

京东科技开发者

Mockito 测试 单元测试 企业号 8 月 PK 榜 Java单元测试

Ascend C保姆级教程:我的第一份Ascend C代码

华为云开发者联盟

人工智能 华为云 昇腾 华为云开发者联盟 企业号 8 月 PK 榜

机场数据安全三步走战略|盾见

极盾科技

数据安全

云密一体,京东云密码资源池实力守护安全防线

京东科技开发者

云原生 网络安全 密码安全 企业号 8 月 PK 榜

一文带你了解跨境数据传输和隐私

镭速

跨境数据传输

开源图形驱动在OpenHarmony上的使用和落地

OpenHarmony开发者

OpenHarmony

深入MaxCompute -第十一弹 -QUALIFY

阿里云大数据AI技术

大数据

快乐开源活动全面升级!提PR,赢PS5、Switch等缤纷好礼

飞桨PaddlePaddle

人工智能 百度飞桨

盘点那些国际知名黑客(上篇)

禅道项目管理

使用 THREE.js 进行边界体积碰撞检测

3D建模设计

three.js 碰撞检测

揭秘ChatGPT,如何打造自己的自定义指令 | 京东云技术团队

京东科技开发者

自定义指令 大语言模型 chatgpt app 企业号 8 月 PK 榜

【稳定性】揭秘团队快速排查问题的三字经,你学会了吗? | 京东物流技术团队

京东科技开发者

团队 线上故障 故障排查 企业号 8 月 PK 榜

点对点传输技术可实现更大的文件传输

镭速

大文件传输 点对点传输

软件测试/测试开发丨Python 内置库 正则表达式

测试人

Python 正则表达式 程序员 软件测试 自动化测试

Lightning Web组件霸气开源:基于最新的Web标准!可构建任何平台的Web应用_语言 & 开发_Christophe Coenraets_InfoQ精选文章