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

框架图

图

•WeexFile转成JSBundle

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

•JS-NativeBridge 来渲染成Native界面

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

开发实测

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

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

应用建议

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