资讯专栏INFORMATION COLUMN

WEEX系列 WEEX入门

nicercode / 1155人阅读

摘要:通过使用有限的类标签阉割的及基于语法来快速构建原生应用。高性能本身对加载时间和资源占用进行了优化。站在巨人的肩膀上,我们也很容易开发出高性能的。我们可以把部署到服务器上实现热更新。引擎运行这些实现与线程通信,达到和原生应用相同的体验效果。

和一步一起从前端视角聊一聊WEEX

WEEX是一套构建高性能、可扩展的原生应用跨平台解决方案。就一个字

通过使用有限的类HTML标签阉割的CSSJS基于VUE语法来快速构建原生应用。一次编写多端运行,可以使用相同的 API 开发 Web,Android 和 iOS 应用。

优势

官网给出三点:1、体积小,语法简单 2、可扩展 3、高性能
1、简单
体积小不小我不知道,但是语法确实很简单。WEEX提供了10几个内建组件和10几个内建模块,简单读一读就可以开发应用程序。
2、可扩展
VueJS的亮点之一就是组件化、模块化, WEEX同样继承了其优点,基于内建组件,我们可以开发扩展自己的组件库。
3、高性能
WEEX本身对加载时间和资源占用进行了优化。站在巨人的肩膀上,我们也很容易开发出高性能的APP。
4、开发成本低
一个前端搞定三端。

原理

我们使用WEEX 提供的 template、script、style 三个标签来构建页面或者组件,然后通过 webpack 打包成 JS Bundle。我们可以把 JS Bundle 部署到服务器上实现热更新。JS 引擎运行这些Bundle实现与UI线程通信,达到和原生应用相同的体验效果。我们只需关心如何开发页面,其他工作WEEX已经替我们做了。

Hello World

语法是不是很熟悉。

其他

WEEX很好,但是~上手还真挺难的,因为开源时间较短,WEEX社区还不是很强大,文档也比较坑爹。因此接下来请和一步一起踩踩坑吧。

NEXT

环境搭建

欢迎大家指正批评、或留言。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89848.html

相关文章

  • Weex系列(1) ——Hello World项目

    摘要:由于最开始没有一点点原生开发的经验,所以我就直接用的脚手架初始化项目。那下面我们就从最最原始的项目开始吧,序篇太枯燥,自由发挥时间开始啦。执行如下代码,最后会得到如图的项目结构。入口文件等简析进行了初始化。 目录 Weex系列(序) —— 总要知道原生的一点东东(iOS) Weex系列(序) —— 总要知道原生的一点东东(Android) Weex系列(1) —— Hello Wor...

    xiaowugui666 评论0 收藏0
  • Weex系列(9) —— Weex和安卓升级兼容

    摘要:方法接口什么的直接移除,真是个狠人啊,这个只能大家一个个文件去改喽,官网链接比如我这边是把换成安卓升级相关升级之前先来解释个吧原文章是告诉用哪个版本编译应用程序。应该强调的是,更改不会改变运行时行为。是提供向前兼容的主要依据。 目录 Weex系列(序) —— 总要知道原生的一点东东(iOS) Weex系列(序) —— 总要知道原生的一点东东(Android) Weex系列(1) ——...

    waltr 评论0 收藏0
  • Weex系列(9) —— Weex和安卓升级兼容

    摘要:方法接口什么的直接移除,真是个狠人啊,这个只能大家一个个文件去改喽,官网链接比如我这边是把换成安卓升级相关升级之前先来解释个吧原文章是告诉用哪个版本编译应用程序。应该强调的是,更改不会改变运行时行为。是提供向前兼容的主要依据。 目录 Weex系列(序) —— 总要知道原生的一点东东(iOS) Weex系列(序) —— 总要知道原生的一点东东(Android) Weex系列(1) ——...

    Flink_China 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<