游客

标题:Weex 快速了解和入门 构建高性能的Native APP
正文:
求关注​Weex这个名字，已经响亮好久了。如果你是新来的，那么也不算太迟，毕竟它的坑填了不少了。直接用 Weex v2就好。那么什么是Weex呢？官方的解释可以到 https://weex.apache.org/cn/guide/ 来细看。我的理解是：它是一个技术，通过js代码，结合客户端集成的SDK（Weex）、JS引擎来解析你的js文件，渲染出页面。如果你要和客户端的原生交互，只要让Android和IOS开发的人，继承Weex SDK 来写一个module，然后JS前端通过，weex这个变量，来调用写的module，就打通了JS前端和客户端直接的交互。其实，Weex就是一个中间桥梁，连接前端和客户端。纯H5的应用，不管是效果还是性能，和原生的APP还是差别很大的。 原来，Facebook异想天开的，让H5一统天下（三端通吃：PC、Android、IOS），结结实实的失败告终。Hbuilder这种的，比Weex早，不知道现在怎么样了。不知道，上边说的，够不够明白。Weex​​那我们来看一下原生弹窗的大致代码实现吧。（脚手架的项目框架，后边会说）第一：在Vue页面中，Script标签里// 调用Android自定义的模块const myModule = weex.requireModual("myModule");// 调用Weex内置的模块// https://weex.apache.org/cn/references/modules/modal.htmlconst modal = weex.requireModual("modal"); modal.toast({message: '头条号：那些曾经放任的时光'); // 原生的小浮层提示第二：执行打包（webpack）命令项目目录下cmd>npm run build打包后在dist目录下生成了2个文件，如图：weex打包js bundle如图所示，同一个vue页面，会打包出一个JS Bundle（原生调用的）和一个Web调用的。第三步：把js文件拷贝到android/ios项目里。项目目录里有一个platforms文件夹，一开始是空的。你只需要，cmd>weex paltform add android 即
[<<][[1]][2][>>]

查看评论(0)
发表评论



首页