什么是Weex
Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。
Weex问题
weex 研究了几天时间,建议新手上来不要直接写业务逻辑,首先要明白框架原理,以及webpack打包机制。
安装以及环境搭建我就不介绍了,现成文章很多,我简单说下一些查不到的小问题。
-
为什么我创建新项目,Vue文件没有生成对应的JS文件。
当你用weex create创建项目时,会遇到这句提示Use vue-router to manage your view router? (not recommended),选择N,将会创建不使用vue-router管理的项目,这样你创建的每个vue文件,都会生成对应的JS文件。 -
单页面与多页面?
单页面:当你使用vue-router进行路由管理,其实就是单页面,你创建的所有vue文件,都会被webpack打包至index.(web.)js里,app会在启动是,load这个index.js,在app下有缺点,启动时加载js会慢,而且内存在app生命期间一直存在,页面切换效果生硬,没办法通过加载bundleJS 热更新等等。
多页面:多页面简而言之,就是每个Vue就是一个JS文件,就是一个页面,有自己的生存生命周期。Weex 默认建议App使用多页面进行管理。
其它:我发现也有App 使用混合开发,有的首页是vue-router管理,其他内容使用多页面跳转。 -
Weex多页面项目 使用vue-router
这个比较简单,网上例子也很多,建议再创建一个使用vue-router的项目,然后自己手动移植就可以。
webpack.common.conf.js这个文件就是webpack打包入口文件,单页面和多页面项目核心区别也在这里。 -
weex run ios 命令报错。
Updating spec repomaster
[!] Failed to connect to GitHub to update the CocoaPods/Specs specs repo - Please check if you are offline, or that GitHub is down
我遇到这个问题,产生的原因是因为我的mac机器自带的ruby版本太低。虽然之前使用brew 装过新的ruby,但是mac自动会使用自带版本,而不会使用brew的。
解决方法:跳转链接 -
开源项目
开源项目在github上还是较多的,比较著名的就是网易严选Demo,比较适合新手接触
(切记,要先明白打包原理,文件生成机制)