关注
分享
weex被越来越多的开发者所接受，但是weex现在依然是一片荒地，少有资料可供参考，恰逢我最近在做项目，此项目酝酿了多半年，于2018年8月初才开工，至此也接触了weex也有近一年，遂将学习中的经验与大家分享。
CodingFire
从移动端到跨平台，从跨平台到Java，学习是一件让人开心的事，也是一件孤独的事。所谓君子慎独,不欺暗室。共勉之！
展开
-
weex开发 - VS Code解除格式警告
老版本的weex如何解除ESLint警告，博主写过这篇博客：取消Vue中格式警告，后来随着weex的迭代，项目中的对应文件不存在了，但是警告依然存在，该怎么办呢？近期有好几个小伙伴遇到这些问题，那么博主再说下新项目结构的weex在VS Code中如何解除格式警告：1.左上角，Code->首选项->设置，进入你的设置面板：2.输入vetur，找到下面三项，取消勾选：他们分别对应...原创 2018-12-24 13:49:05 · 3612 阅读 · 0 评论 -
weex开发-使用weex-ui绑定事件源注意事项
在使用weex-ui提供的控件绑定事件源的时候，一定要注意事件源的绑定。新手更需要额外注意，简单举个例子，就拿wxc-stepper来说，使用方法如下：<template> <div class="wrapper"> <div class="demo"> <text class="text">无配置:&l原创 2018-11-16 16:17:38 · 531 阅读 · 0 评论 -
weex开发 - 方法的映射，在weex调用fetch方法，实际调用同名的原生方法，在回调中把数据传递回js
方法的映射通过标题的解释也可以很明显的看出来，是通过在js上调用和原生同名的方法，在原生返回数据中把这些数据回传给JS的一种方法，这么做的原因是weex中的网络请求不能满足我们客户端网络安全和各种配置的需求。 具体的做法，首先在weex中，我们写一个名为fetch.js的网络请求文件，将所有的方法都写在这里：const stream = weex.requireModule('fetch...原创 2018-09-04 20:47:35 · 758 阅读 · 0 评论 -
weex开发 - 加载index.js崩溃，白屏（may it has been destroyed so method:fireEvent is ignored，Url must be passe）
最近，博主在做weex项目中发现了一个奇怪的问题，分别会报如下几个错误：1.[__NSPlaceholderDictionary initWithObjects:forKeys:count:]: attempt to insert nil object from objects[0]2.&lt;Weex&gt;[info]WXBridgeContext.m:552, No send qu...原创 2018-09-03 20:32:24 · 1338 阅读 · 0 评论 -
iOS开发 - 安装Weex开发环境，两大注意事项
Mac电脑，安装Weex开发环境，怎么安装就不说了，Weex官网上很详细，但是有两大坑这里简要说明下：1.使用命令安装不成功的时候，记得在前面加上sudo，以获取超级管理员权限；2.npm安装卡着不动的时候，因为node是通过brew来安装的，所以npm和node都不一定是最新版本，解决办法就是到node.js官网下载最新的node，并安装，这时候npm也会是最新的，然后再执行命令即可，遇到权限不足原创 2017-11-30 15:04:43 · 555 阅读 · 0 评论 -
Mac电脑npm：Failed to download repo vuejs-templates/webpack: tunneling socket could not be established,
博主最近在使用vue时，通过：vue init webpack vuecliTest时一直报错： Failed to download repo vuejs-templates/webpack: tunneling socket could not be established, cause=connect ETIMEDOUT多方寻求答案无果，最后找到一种方法来解决：np原创 2018-02-06 19:04:32 · 3785 阅读 · 2 评论 -
Mac环境，无法操作Vue的文件（权限问题）
看过博主上一篇博客的都知道，很多命令都需要加上sudo来执行，这是因为Mac本身的保护机制，需要取得管理员权限。那么问题来了，创建的文件无法操作，不能修改，简单来说：只读。要解决这个问题其实很简单，但是每次都需要手动来修改权限： 有件选中文件夹，记住，使整个工程的文件夹，先是简介，最下面，如图，全都修改成读与写，这只是第一步，第二步： 然后再去操作你的vue文件就不会再报错了。...原创 2018-02-09 10:29:00 · 6828 阅读 · 1 评论 -
取消Vue中格式警告
使用VS Code在学习Vue的过程中，博主是在2.0之后开始学习的，发现经常会报一大堆的警告，都是关于格式的，有时候少空格，有时候多空格，不胜其烦，出现这个问题是因为在初始化的时候使用了ESLint功能或者使用ESLint的插件，对于初学者来说，这是一个很麻烦的问题，解决办法是：在build文件下的webpack.base.conf.js文件中，将...(config.dev.useEsl...原创 2018-02-23 22:38:17 · 10153 阅读 · 2 评论 -
Weex中<a></a>注意事项
weex中很多内容都和js，css是相通的，所以有时候想当然的就以为一些功能是一样的。 1.比如a标签，a标签在html中用法我就不说了，它有一个href属性用来设置跳转的链接，在weex中，这可行不通，虽然href对应是一个链接没错，但必须是weex的vue文件编译成的js文件的链接，其他的链接在这里无效； 2.a标签中不能随意写汉字：<a>Hello World<...原创 2018-02-28 15:08:07 · 1107 阅读 · 0 评论 -
Weex中navigator模块导致模拟器或真机崩溃的问题
引用Wee官网对navigator模块的解释： 众所周知，在浏览器里，我们可以通过前进或者回退按钮来切换页面，iOS/Android 的 navigator 模块就是用来实现类似的效果的。除了前进、回退功能，该模块还允许我们指定在切换页面的时候是否应用动画效果。使用方法：navigator.push({ url:'http://192.168.1.141:8080...原创 2018-02-28 16:28:42 · 1031 阅读 · 8 评论 -
weex run ios 不成功问题
在目前weex1.2.9版本中，通过weex run ios 运行iOS模拟器的时候失败，报错：Error:Error: Command failed: xcodebuild -workspace WeexDemo.xcworkspace -scheme WeexDemo -configuration Debug -destination id=15CCC22B-5292-4708-B32...原创 2018-03-07 14:42:14 · 3340 阅读 · 0 评论 -
weex在iOS环境加载本地图片的方法
从weex的API中，我们知道加载本地图片的方法是：在 iOS 中，Weex 会在 bundle resources 中查找。例如，image 组件的 src 属性为 local:///app_icon'， Weex 会加载 bundle resouce 中名为 app_icon 的图像资源，而字体文件也以相同的方式工作。在 Android 中，image 组件将从 drawabl...原创 2018-03-12 16:13:46 · 2781 阅读 · 2 评论 -
weex-修改style的几种方法
对于不熟悉weex和js的人来说，初学weex不知道怎么来修改style，即使网上查了，也很难查找到需要的信息，好不容易查到了还是js里面的东西，还不确定weex是否支持，这里，博主经过才坑，总结了两种方法来修改style，效果见下图： 这里采用两种方法来修改style： 1.通过elementById的方法：changeColor() { document.getEl...原创 2018-03-12 19:54:32 · 4847 阅读 · 0 评论 -
weex-安装weex-toolkit一直失败的问题
看过其他博主写的安装weex-toolkit失败的描述，多数是两个方面问题造成的： 其一：node和npm版本太低，需要升级版本，这里博主也并不建议升级node到最新版本，npm自不必多说，随node一起安装的，这里博主建议的版本是8.9.1，或者8的其他版本,相对稳定一些，安装方法不建议使用brew安装，去node官网下载对应版本安装； 其二：网络问题，需要翻墙或者安装淘宝镜像，但是也存在安...原创 2018-03-15 10:33:20 · 3376 阅读 · 2 评论 -
weex-ui之wxc-tab-page 顶部标签页踩坑记
对于初学weex的人来说，有这个么一个东西可以节省很多开发成本，但由于weex本身的开源特性，有些东西并不完善，博主最近在使用wxc-tab-page 顶部标签页的时候发现几个问题： 1.标签页无法通过手势滑动切换； 2.通过引入BindingX1.0.0后，可以滑动了，但是滑动存在手势冲突，下拉的同时可以左右滑动，这肯定不是我们需要的； 3.通过升级weex版本到最新版本，第二条的问题解决...原创 2018-03-15 10:51:21 · 3521 阅读 · 3 评论 -
weex-使用Vue.set设置属性和使用this.xxx设置属性的区别
在使用weex过程中，免不了要自定义组件，或者说封装子控件，这时候需要把父组件的一些值传递到子控件中并作出相应的操作，这时候就要使用props来进行传值，但是在赋值的时候，具体通过Vue.set来修改属性还是通过this.xxxx来修改是一个问题，不熟悉的人很容易被困扰到，下面博主将详细讲解下这两种赋值的使用方法和条件： 1.Vue.set 此截图来自于vue官网，从这里可以看到vue.s...原创 2018-03-16 11:22:26 · 6376 阅读 · 6 评论 -
weex-如何自定义一个控件，并向控件中传值，接上一篇vue.set和this.xxx赋值
上一篇博客，博主对vue.set和this.xxx赋值属性做了说明，但究竟要怎么来定义属性和进行赋值呢？同时这里也牵涉到如何来自定义一个控件，类似于weex-ui中的那些写好的组件组件，可以直接调用的。 效果图如下： 这里要特别说明下，在网页上不知道什么原因传值失败，效果图如下： 传值有问题，但使用playground App扫码在真机或者模拟器运行都是正确的，我们以真机运行和模拟器...原创 2018-03-16 16:56:20 · 2185 阅读 · 2 评论 -
weex-platform里iOS项目打包报错/platforms/ios/../../start does not exist.
使用weex的同学都知道，要用weex打出iOS包，我们潜意识都认为通过：week platform add ios之后，生成的Xcode项目可以像正常iOS项目一样打包，但是在打包时却报错：/platforms/ios/../../start does not exist.这里只是一部分报错信息，weexpack1.1.6之前的版本会有这个问题，详细请见下图： 打开X...原创 2018-03-21 15:29:27 · 1513 阅读 · 0 评论 -
weex-怎么定义全局方法
博主是做iOS的，所以定义全局方法的是很了解了，有很多种方法吧可以来做，比如，扩展，单例，pch等，但是关于weex怎么来做一个全局的方法来方便引入呢？下面就来进行说明： 1.建立你的weex项目，这个不用多说了吧，实在不会的，去weex官网看吧； 2.新建一个js文件： 我们叫function.js吧，然后在里面写入你的方法：export function getUrl(bundl...原创 2018-04-02 16:56:53 · 2906 阅读 · 2 评论 -
weex-过滤数组中的元素并进行删除
在网络请求中，我们不可避免的会拿到一些不需要的数据，博主这里是一个列表，但是列表中加入了广告，所以博主的目的就是把里面的广告去除，首先是一个数组，数组中有很多元素，元素里面有很多数据字段，我要把不包含title字段的元素去除掉。这么说，明白了吧。下面是网路请求：var me = this; let jo = {page : "1", user_sid: "xxxxxx"};...原创 2018-04-03 16:03:44 · 812 阅读 · 0 评论 -
weex-自定义module，实现weex在iOS的本地化，js之间互相跳转，交互，传值（iOS接入weex的最佳方式）
博主学习weex也有一段日子了，以前写的Demo都是属于纯weex的，最多就是把所有的js文件引入Xcode项目中，通过加载本地的js文件的方式来实现项目，但也仅仅只存在一个VC，相当于是内嵌了网页的app，当然，weex的性能要好很多。 那么接下来，博主将向大家展示怎么通过weex的js文件实现不同的VC之间的交互，以及Xcode和weex的交互： 1.自定义module，实现push方法（...原创 2018-04-17 15:33:16 · 3642 阅读 · 0 评论 -
week-iOS的扩展之内置模块，将原生模块做成标签在weex中使用
在自定义module这篇博客中，博客解析了如何自定义module来和weex的js做交互，当时有提到定义原生模块为标签，地址和Demo请点击上方链接查看，这篇博客，博主将详细解释如果把weex中不支持的模块在weex中嵌入。 在iOS中： 1.创建一个继承于WXComponent的类，这个和官方的说法没什么差别。 2.需要实现两个方法 官方说明中需要实现loadView方法来覆盖父...原创 2018-08-17 17:46:13 · 1372 阅读 · 0 评论 -
weex开发- 无法找到模块“weex-vue-render”的声明文件。引入vue报错，无法找到引入的vue模块
在引入了vuex之后编译报错，引入如下： 这是weex-dev生成的文件，里面可以明显看到无法找到声明文件 下面看这个js文件内容： 也没有什么特别的，但是在引入的时候，确偏偏报了无法找到模块的错误，看下面： enter.js文件做了引入操作：import store from './xxxxx/store/store'原因是store.js有vue的内容，经查证...原创 2018-08-29 14:59:48 · 12848 阅读 · 9 评论