我们知道vue是单页面应用,但是weex是多页面应用,weex在真机上进行运行,是需要weex把对应的vue页面转化为js然后在真机上进行渲染,调用,但是不是所有的vue文件都需要转化为js的,比如我们提取的公共样式,这时在打包的时候就需要我们对vue文件进行筛选了! 原始weex打包所进行转化的目录 原始weex编译的目录 修改webpack 修改后打包的内容...

搭建开发环境 参考文档 https://weex.apache.org/cn/guide/ 快速上手所需资料可以在这里找到,这边简要总结一下,达到速查的目的。 本机开发环境 windows7 64bit 搭建步骤 下载node node包括javascript的运行环境和npm; 下载地址:https://nodejs.org/zh-cn/download/ 安装好后,检测版本号,输入node -...

weex 项目环境配置

weex

  

2020-04-14 02:02:06

首先需要的环境: 1:Node.js  2:Git 3:jdk 4:Android Studio 5:android 模拟器 详细过程: 首先下载安装Node 和Git,Git 下载完成之后就可以使用npm了,根据习惯可以转淘宝镜像,在终端做一个测试,确认是否安装成功 接下来安装jdk,我选择的是jdk8的版本,先下载安装jdk8,安装完成之后,找到jdk8的安装目录,在其下边找到bin...

weex将js打包到客户端中

weex

  

2020-06-12 03:04:53

为了性能(更多的是ios能共审核上架通过)需要把js打包到客户端本地,这个时候就需要实现一个比较灵活的js加载机制了。 思路:通过第一个加载的js的路径来决定后续js的加载根路径。 比如第一个js 来自 http://xxx.com/weex/xxx.js,那么后面的js都从这个域名下的 weex目录来,uri可以通过写一个nativeRouter的配置来做到和一致的调用。 vue router ...

1.页面上有EditText,软键盘弹出时,页面绘制出现问题,且软键盘收回时,页面上的scrollview恢复到正常高度 【已解决】参考issue 【方案】 【补充】参考上面的issue的解决方案,还是无法处理index页面所出现的问题,我的解决办法是修改默认配置参数 找到WelcomeActivity页面 修改代码如下:...

weex项目实战篇(二)

weex

  

2020-07-06 05:08:23

1. 前言 经过前面的准备,我们终于可以开始上手weex项目了。本篇博客主要基于最近两周项目中用到的关于weex的知识点的整理。 2.新建weex项目 1)新建一个名为hongkong的项目,如图所示:  2 ) 输入项目名称  3)点击【create】则项目则创建成功  4)新建一个.we文件  5)新建一个home.we文件后,项目目录如下所示:&nbs...

weex服务项目搭建

weex

  

2020-07-06 05:12:20

1. 前言 前面介绍了app本地调用js的方式(js文件放在assert目录下面),其实大部分都是调用远程js,本篇介绍app如何调用远程js文件。 2.服务项目搭建步骤 前提需要安装好weex环境,具体参见前面文章:环境搭建地址  接下来讲解如何使用weex-toolkit构建项目: 1)创建项目:  命令行到任意文件夹,输入如下指令 1 1 执行指令后,会看到如图所示的信息...

weex create 命令不识别

weex

  

2020-07-20 17:40:05

按照官网执行: https://weex.apache.org/zh/guide/develop/setup-develop-environment.html#%E5%AE%89%E8%A3%85%E4%BE%9D%E8%B5%96 一、安装weex环境: 二、然后初始化 Weex 项目: 三、报错: 四、原因: 五、解决:(修复一下,重新选择) 六、重新执行创建即可: eg:...

Mac Weex开发环境安装教程

Weex

  

2020-08-04 11:40:27

  公司最近项目不忙,要为下个项目做技术储备所以就有时间学习了weex 简单来说就是跨平台h5、Android、iOS三端只需要一套代码然后还有原生的体验,然后本人只有点iOS开发经验,没有前端经验,所以遇到了许多坑,所以记录一下里面有写的不对的,请大神勿喷。 一、安装weex需要的软件和环境 二、搭建weex环境 2.1 安装Node.js和npm   首...

      在使用Weex开发过程中,很多需要根据设备,做不同的兼容处理,那么Weex为我们提供了一系列环境变量,其中 platform 就是本篇文章的主角;      首先尊重官方原创,看看原文档 √  再到个人用法释义 √  ▁▂▃▅▆▇   ...

自定义一个通用header组件,该header里包含一个text组件。这样其他模块在使用header时直接导入注册引用即可。 自定义组件 新建 top_header.vue 文件 在 top_header.vue 中完成如下代码 template 标签中放置需要的组件并设置相关样式,需要注意的是该标签中的最外层标签只能是 div 标签 script 标签是放置脚本 style 标签完成样式,对于样...

1.Weex 工程代码 代码比较简单,src这里暂时为hardcode(只为android测试,建议使用者根据平台区分具体路径) !注意前缀必须为file:///android_asset,还需要手动拷贝images/1.png至安卓目录(文章末尾会介绍插件打包拷贝) 2.android相关代码 Native Code -> ImageAdapter.java ImageAdapter.ja...

一:Vue.js 了解 Vue.js 环境配置 (1) 安装 nodejs (2) 安装 webpack : npm install webpack -g (3)安装 vue-cli 脚手架:npm install vue-cli -g Vue.js 项目创建 (1)vue init webpack vue-hello ( vue-hello 为项目名称 ) (2)cd vue-hello (3)...

WEEX环境搭建

weex  android

  

2020-04-27 12:49:16

转载请注明出处 本文出自Hansion的博客 WEEX官方网址 一、安装node.js node.js是weex编译、打包用的基础工具 node.js下载地址 安装完成后在cmd中输入 如果都分别输出了版本号,就代表node.js正确安装了。如果不显示,可以尝试配置环境变量 如果以前安装过node.js,要注意npm的版本号要在5.0.0以上,如果不在,可以运行以下命令升级至最新版本: 二、安装w...

Weex的JS缓存实现

weex  缓存

  

2020-05-08 14:39:47

原理   服务端将weex可用的模块打包成JS Bundle下发到客户端,JS Bundle没有分具体模块所以文件较大,每次进入页面去请求会产生多余的通信流量及下载时间。   所以加入weex缓存策略,将服务端下发的JS Bundle缓存到本地文件,请求下载时获取服务端JS_Bundle文件MD5并与本地缓存文件MD5校验,校验成功直接使用缓存,校验失败清除...