weex实战项目开发经验
1. 什么是weex?
WEEX是一个使用Web开发体验来开发高性能原生应用的框架
介绍这里,我参照的官网,建议同学们还是去官网看一遍,下面有网址。
Weex是使用同一套代码来构建 Android、iOS 和 Web 应用(一次编写,处处运行)。具体来讲,在集成了 WeexSDK 之后,你可以使用 JavaScript 和现代流行的前端框架来开发移动应用。
Weex 在 iOS 和 Android 上都实现了一个渲染引擎,并提供了一套基础的内置组件。基于这些组件,你可以用 js 封装更多的上层组件。
尽管 Weex 中的组件看起来很像 HTML 标签,但你无法使用所有 HTML 标签,只能使用内置组件和自定义组件。
在框架内部,Weex 使用的是原生系统提供的 Widget 来渲染的。尽管 Weex 强调每个跨平台的一致性,但我们仍然接受平台本身的行为和 UI 差异。 例如switch 组件
除了内置组件以外,Weex 也支持你扩展更多原生组件,但是你需要在每个平台上实现它们,并保持其行为一致。最实用的方法是将现有的本地组件集成到 Weex 平台中。
在 Android 和 iOS 上看起来是不同的(在 Web 端的外观模拟了 iOS)。
具体解释请参考weex官网:weex.apache.org/cn/guide/
苹果手机上weex最低支持到iOS7.0
2. weex的安装
针对用过weex的同学可以直接跳过这一步。
(简单的步骤:首先安装nodejs,里面自带npm包管理,然后安装weex-toolkit,npm install weex-toolkit -g,这条命令会向你命令行环境中注册一个weex命令。安装完成后命令行输入weex,查看是否有命令帮助内容,如果提示没有weex命令,表示weex没有安装好,检查一下自己的安装环境。)
以前简单讲过,但是考虑到有些同学可能没有用过,下面我详细讲解一下。
初始化
Node.js官网nodejs.org/en/ 点进去直接下载安装,下载后会自带npm包管理工具
在命令行中输入以下命令,查看是否安装成功:
node -v
npm -v
如果要安装淘宝镜像,输入以下命令:
npm install -g cnpm --registry=