Weex小册—认识一下Weex

Weex介绍

Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。

看了这句话依然不是很明白,哈哈~css

其实就是说,weex对前端开发人员特别友好,用开发web的方式写一个页面,而后能够打包成适配三端的js——“使用同一套代码来构建 Android、iOS 和 Web 应用” 、“write once, run everywhere”。html

clipboard.png

因为weex集成了v2版本的vue(并非依赖vue,在weex中也能够写React),咱们就以.vue文件来讲一下weex的开发流程:前端

  1. 使用weex支持的标签以及css样式规则(戏称为w3c“阉割版”的css)编写vue页面
  2. Web:使用 vue-loader 处理 .vue 文件,生成对应web端的js;
    Native:使用 weex-loader 处理 .vue 文件,生成对应native端的js
  3. Web:像正常作前端SPA项目同样,html骨架+打包出来的web.js+weex-vue-render.js(Vue DSL 的 Web 渲染器,它在 Web 上实现了 Weex 的内置组件和内置模块),Web端的页面就展现出来了;
    Native:引入WeexSDK,作对应的初始化,而后把打包出来的weex.js本地引入或以CDN在线方式引入,Native端的页面就展现出来了

能够看出,相对于传统作法——同一个页面,须要前端工程师、iOS工程师、Android工程师分别写一套代码,使用weex则无疑大大提高了研发效率。vue

Weex的使用状况

weex最开始是阿里的一个开源产品,后期捐赠给了Apache基金会开始孵化,因此,weex已经渐渐成为了社区的weex,而不只仅是阿里的weex。虽然,weex最大的应用、实践还是在阿里,特别是像双十一这种“技术大阅兵”,可是,其余企业也在慢慢加入到weex实践、贡献的行列,weex势必发展愈来愈好。分享几篇weex实战文章,来自 WeexConf2018:
Weex实战分享|腾讯企鹅电竞Weex实践和性能优化
Weex实战分享|Weex在极客时间APP中的实践
Weex实战分享|Weex在盛大游戏中的应用实践
更多相关的技术分享,能够关注“淘宝技术”微信公众号。git

由于weex开发文档确实不尽如人意,致使不少人跟着跟着就弃坑了……想尝试的开发者看着网上各类吐槽的负面声音,有时候也就没有了前行的动力。github

其实,我我的感受,无论别人怎么吐槽,开发者应该有本身的判断:weex为何会出现?它有没有带来开发效率上的提高?若是有,说明这项技术仍是颇有价值的,更况且如今愈来愈多的企业、开发者都在实践weex,大可放心使用。web

Weex入门实践

官方提供的有weex-toolkit脚手架工具,能够快速构建一个weex项目。可是我我的学习习惯不是这样的,刚接触一项新技术,什么都被封装好了,总感受是云里雾里。我喜欢以本身现有的前端知识作基础,探索怎么一步一步地去构建一个weex项目,这样下来,既能明了weex的开发流程,又能对整个项目有很强的把控——这样颇有安全感,哈哈~apache

接下来我会写几篇weex相关的文章,大体内容以下:
Weex小册——从0搭建一个Weex项目
Weex小册——Weex开发注意事项,又名采坑-填坑之旅
Weex小册——集成Weex到App
Weex小册——使用Weex开发一个App
有兴趣的能够关注下,看看是否能给你带来不同的Weex开发体验!segmentfault

相关文章
相关标签/搜索