Weex 初体验(1)

1.什么是Weex

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

2.Weex问题

weex 研究了几天时间,建议新手上来不要直接写业务逻辑,首先要明白框架原理,以及webpack打包机制。
安装以及环境搭建我就不介绍了,现成文章很多,我简单说下一些查不到的小问题。

  1. 为什么我创建新项目,Vue文件没有生成对应的JS文件。
    当你用weex create创建项目时,会遇到这句提示Use vue-router to manage your view router? (not recommended),选择N,将会创建不使用vue-router管理的项目,这样你创建的每个vue文件,都会生成对应的JS文件。
  2. 单页面与多页面?
    单页面:当你使用vue-router进行路由管理,其实就是单页面,你创建的所有vue文件,都会被webpack打包至index.(web.)js里,app会在启动是,load这个index.js,在app下有缺点,启动时加载js会慢,而且内存在app生命期间一直存在,页面切换效果生硬,没办法通过加载bundleJS 热更新等等。
    多页面:多页面简而言之,就是每个Vue就是一个JS文件,就是一个页面,有自己的生存生命周期。Weex 默认建议App使用多页面进行管理。
    其它:我发现也有App 使用混合开发,有的首页是vue-router管理,其他内容使用多页面跳转。
  3. Weex多页面项目 使用vue-router
    这个比较简单,网上例子也很多,建议再创建一个使用vue-router的项目,然后自己手动移植就可以。
    webpack.common.conf.js这个文件就是webpack打包入口文件,单页面和多页面项目核心区别也在这里。

  4. weex run ios 命令报错。
    Updating spec repo master [!] 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的。
    解决方法:跳转链接

  5. 开源项目
    开源项目在github上还是较多的,比较著名的就是网易严选Demo,比较适合新手接触
    (切记,要先明白打包原理,文件生成机制)

3.单独介绍的问题

  1. Weex navigator android无法跳转问题
    研究期间也查过好多文章,大部分都是复制粘贴,而且基本不全。
    内容较多单独写篇blog来讲 ,博客地址:点我跳转
  2. Weex android 加载本地图片问题
    内容较多单独写篇blog来讲 ,博客地址:点我跳转

猜你喜欢

转载自blog.csdn.net/lile1234_show/article/details/79814420