weex

分类下相关文章

weex android iOS 加载本地图片

H5 页面的图片怎么兼容 http://localhost:1337/src/images/${img_name} Android 的实现方法 图片存储的目录 res/drawable-hdpi 下面会提到,为何要存储到这里 引用方法 <img src="local:///test" style="width: 300; height: 300;"> 不需要加图片的文件名后缀 注意:是三个斜杠,不是两个,否则会报错 E/weex: Local src format is invalid. 如果你是在google play上上架。建议m ...

阅读全文...

weex picker 在 android 上崩溃或者无响应的问题

解决 picker 在 Android 上崩溃的问题是目前为止,最让我痛苦的一个 Weex 问题。 起初以为是 Weex SDK 的问题,于是将 Weex SDK 从 0.10 升级到了 0.13,但是只是解决了崩溃的问题, 变成了无响应(0.13 里只是把异常包住了而已)。 后来,我又通过源码编译的方式,把 Weex SDK 0.15-dev 集成了进来。。。问题依旧。报错信息永远是 D/weex: callJS >>>> instanceId:1function:callJS tasks:[{"data":"1"," ...

阅读全文...

weex android 支持 base64

Weex Android 默认情况下不支持 Base64 的图片显示,会显示成空白。 需要手动修改 WXApplication.java 的代码以支持。 原理是,Weex Android 默认的 ImageAdapter 是用的 Picasso,而 Picasso 默认不支持 Base64。 所以,切换为 FrescoImageAdapter 即可。 --- a/platforms/android/app/src/main/java/com/alibaba/weex/WXApplication.java +++ b/platforms/android/app/src/main/java/com ...

阅读全文...

ios 升级 weex sdk 版本

想将 ios 端 WeexSDK 的版本升级到最新的 0.13.0 $ pod update 输出为 CocoaPods 1.3.0.beta.2 is available. To update use: `gem install cocoapods --pre` [!] This is a test version we'd love you to try. For more information, see https://blog.cocoapods.org and the CHANGELOG for this version at https://github.com/Cocoa ...

阅读全文...

vuex 统一处理网络请求错误

最直观的解决方法 在 action 的 Promise 返回里,处理 reject 。然后弹窗。 但是,这样做,最大的问题是,需要对所有 action 都处理一遍,无法复用。 方案一: alert 方法写在 vue mixin 中注册成全局方法 这样在每个 vue 组件中,就可以通过 this.hande_error 来处理异常信息了。 例如,weex 中调用 modal 弹窗提示错误信息。 方案二: 更简单粗暴的方式 在 api 请求处理返回结果时,在 reject 逻辑之前,加入弹窗提醒。 需要显示哪些错误信息 即规范 reject 的数据结构 url http status error ...

阅读全文...

weex iOS app 编译之后 tabbar 没有贴着底部

tabbar 是通过 fixed 且 bottom 为 0,布局在界面底部的,但是在 iOS 上并没有贴着底部。 而 Android 上显示正常。 对比了 weex hacknews 的 ios 代码,发现使用 weex toolkit 初始化的 ios 代码非常傻逼。 修复方法 platforms/ios/WeexDemo/WeexScanner/WXDemoViewController.m _weexHeight = self.view.frame.size.height - 64; 修改为 _weexHeight = self.view.frame.size.height - 20; ...

阅读全文...

Weex 在 Android 上报错 SyntaxError: Use of const in strict mode

编译之后,真机界面上显示 weex android render error: -2013 Android Studio 的 Android Monitor 提示错误信息 06-13 15:18:38.555 11988-12005/com.alibaba.weex E/jsengine: ReportException :undefined:393: SyntaxError: Use of const in strict mode. 06-13 15:18:38.565 11988-12005/com.alibaba.weex E/jsengine: ReportException ...

阅读全文...

weex run android 编译失败问题排查

项目是使用 weex create 创建的 webpack 项目。目的是测试 vue router 使用。 首先 npm run build 以生成 index.weex.js。但是运行 weex run android 发现编译出来的居然仍然是旧的 Hello World 演示程序 依旧是 Hello World Now, let's use vue to build your weex app. 通过关键字排查 grep "use vue to build" -r . ./platforms/android/app/src/main/assets/dist/v ...

阅读全文...

weex 组件的复用方法

以页面的 header 为例 <template> <div class="user-view"> <app-header></app-header> </div> </template> <script> import AppHeader from '../components/app-header.vue' export default { components: { AppHeader }, } </script> 参考 weextea ...

阅读全文...

weex 添加 weui.css 样式失败

实际上 weex 并不支持 weui.css 这样的复杂样式。 weex 不支持样式继承 只支持单个类名的选择器,不支持复杂的属性选择器。例如,只支持 .class-a 这样的,不支持 .class-a .class-b 这样的 布局采用 flexbox 只支持 px,不支持 em, rem 比较奇葩的地方是,当引入复杂的样式文件时,weex 实时编译的错误信息毫无参考价值 Module build failed: TypeError: Cannot read property 'toLowerCase' of undefined 参考 weex不同的页面,是否可以引入相同的css ...

阅读全文...

weex 中的 style scoped

在 weex 的文档中经常会看到这样的示例代码 <style scoped> .text { width: 750px; height: 90px; } </style> 这个 scoped 是做什么用的? 这是 scoped css。即,当 style 标签包含 scoped 属性时,其 css 样式只对当前组件有效。而不包含 scoped 属性的 style 标签,则是全局的。 同一组件内,可以同时包含全局 style 和 local style。即 <style> /* global styles */ </style& ...

阅读全文...

weex 打包编译 android app

vue project 与 weexpack project 的区别 执行 $ weex 可以看到 weex 的命令行参数 init create a vue project debug start weex debugger compile compile we/vue file create create a wee ...

阅读全文...

安装/搭建 weex 开发环境

首先需要安装 Node.js 环境,参考 Ubuntu 上使用 NVM 安装 Node.js 安装完 Node.js & NPM 之后 安装 weex-toolkit 注意,注意,注意,cnpm 安装的 weex 有很大概率会报错,建议使用 npm 安装。 npm install -g weex-toolkit 如果使用 cnpm 安装,听天由命吧 cnpm install -g weex-toolkit 注意:这里不要使用 sudo cnpm install 否则会报错 let taobao = new Ping('registry.npm.taobao.org') ^^^ S ...

阅读全文...

weex / react native / ionic 技术选型

目前有一个 APP 项目,需要同时开发 iOS 版和 Android 版,并且每个平台又分为客户端、管理员端,也就是说相当于四个应用。而我们人员有限,工期有明确限制,全部使用 native 语言开发,基本不现实。所以决定采用类 react native 的方案开发。 到了技术选型这里非常纠结!做了一下简单的对比 React Native 如果从成熟度来看,react native 是不二选择。但是,需要维护两套代码,即 iOS,Android 各一套。并且开发调试 iOS 只能使用 Mac 设备。 优势 文档全 社区成熟 组件丰富 劣势 需要维护两套代码 团队没有 React 经验 对开 ...

阅读全文...