weex项目开发经验总结大全

本文介绍了Weex框架的基础知识,包括Weex的定义、安装步骤、优缺点及项目开发中的注意事项。讨论了Weex的页面数据交互、日历控件的使用和常见渲染问题,以及CSS的编写注意事项。Weex适用于构建跨平台应用,但在组件支持和兼容性方面存在挑战。
摘要由CSDN通过智能技术生成

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=
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值