Weex指南
大师兄QZW
这个作者很懒,什么都没留下…
展开
-
Weex 01 工作原理
前言 像Weex和ReactNative这种用前端的方式实现高性能的APP必定是未来的趋势,正如PC端的客户端向Web端的演进一样。去年曾接触过一段时间RN,奈何FaceBook的BSD协议问题,不得不使很多开发者对它敬而远之。很幸运这次能在工作中学习和实践Weex。 这篇文章简要的介绍了Weex的工作原理和特性,如果不了解Weex的机制的可以大概看一下,下一篇开始环境配置。...原创 2019-03-01 12:02:39 · 635 阅读 · 0 评论 -
Weex 06 weex之Git忽略文件的配置
前言 weex如果使用Git作为版本控制工具的话,必定要做一些配置比如忽略文件,本章介绍weex的Git配置以及一些坑。正文干货上传到Git仓库在项目的根目录下添加文件.gitignore(可以先创建一个文本文件,然后修改名字): .gitignore内容: git配置 #忽略依赖包 /node_modules /platforms/* /plu...原创 2019-03-01 12:04:18 · 384 阅读 · 0 评论 -
Weex 05 Native路径跳转JS踩坑
前言 weex页面跳转是很多开发者遇到的问题。navigator是Android和IOS的跳转模块,weex的Web是不支持navigator的,只能使用vue-route。 本篇主要讲Android的Native端的页面跳转问题。正文 weex是使用模块navigator实现跳转的,该跳转只支持前进或者后退单个页面,这也比较符合Weex目前的市场定位-电商和平台类...原创 2019-03-01 12:03:42 · 1183 阅读 · 0 评论 -
Weex 04 Weex中Android项目的生成和交互
前言 本章介绍如何将Weex的项目导出Android,并实现Weex和Native的交互。正文导出Android项目在项目中添加Android支持。在项目的目录下执行: weex platform add android 上述命令会在项目的platform文件夹下生成一个Android的文件夹,懂Android的同学进去一看就知道这是一个可以直接导入Androi...原创 2019-03-01 12:01:06 · 813 阅读 · 0 评论 -
Weex 02 环境配置
前言 环境配置的话Weex和RN是相似的,这部分小坑很多,但还是很容易解决的。正文 Weex环境配置Windows和Mac是相似的。一共4步: 1.安装Node.js; 2.安装weex工具包; 3.初始化项目; 4.Hello World;1. 安装Node.js:Mac: 命令行执行: brew install node; ...原创 2019-03-01 12:02:55 · 395 阅读 · 0 评论 -
Weex 03 UI的基本使用
前言 UI这方面,无论你以前是从事前端或者移动端,多联系一下,还是很容易上手。正文一些要记住的知识点在 Weex 中,Flexbox 是默认且唯一的布局模型,所以你不需要手动为元素添加 display: flex; 属性。Flexbox和Android原生相比适配性更强。weex中的长度单位只有px;屏幕默认的宽度为750px,高度约为1250px,f...原创 2019-03-01 12:03:09 · 516 阅读 · 0 评论