Weex框架学习之可行性分析

介绍

引用官方:Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架,目前主要支持 Vue.js 和 Rax 这两个前端框架

优点

•跨平台:支持iOS、安卓、YunOS及Web等多端部署

•高性能:页面渲染与原生想比基本一样

•轻量:与ReactNative相比,体积小

•组件化开发

•解耦:渲染引擎与语法层分开

•动态更新

缺点

•文档简陋,基本靠猜

•框架不完善(App开发需要管理Router和生命周期)官方推荐vue-router

•整个App使用weex开发不太现实

•差异化:不能做到三端完美的体验

•独立的bug修复:Weex并不能保证做到牵一发而不动全身

•个性化功能:比如安卓的波纹按钮、3DTouch、Widget、iWatch版本等目前都是不支持的

上手基础

•Node

•Vue

•ES6

•IOS&Android原生开发基础

环境要求

node

•npm

weex-toolkit

Xcode(安装XcodeIDE和Xcode的命令行工具(IOS开发依赖))

Android Studio

框架图

Weex框架学习之可行性分析

•WeexFile转成JSBundle

•由JSFramework层解析,输出Json格式的VisualDom

•JS-NativeBridge 来渲染成Native界面

•Bridge来进行Js-Native的事件传递

开发实测

•Android端Demo已调试通过,通过文档不能完美实现,有很多小问题,调试过程中一步一个坑

•测试效果还行,速度挺快,但有闪屏的瞬间,体验不是特好,后期通过其他方式解决

应用建议

•建议单页面引入,慢慢扩展,全面使用不太现实