weex专题
Weex入门教程之4，获取当前全局环境变量和配置信息(屏幕高度、宽度等)
$getConfig() 获取当前全局环境变量和配置信息。 Returns: config (object): 配置对象；bundleUrl (string): bundle 的 url；debug (boolean): 是否是调试模式；env (object): 环境对象； weexVersion (string): Weex sdk 版本；appName (string): 应用名字；
Weex入门教程之3，使用 Vue 开发 Weex 页面
环境安装 在这里简略地介绍下，详细看官方教程 Node.js 环境 Node.js官网 通常，安装了 Node.js 环境，npm 包管理工具也随之安装了。因此，直接使用 npm 来安装 weex-toolkit。 npm 是一个 JavaScript 包管理工具，它可以让开发者轻松共享和重用代码。Weex 很多依赖来自社区，同样，Weex 也将很多工具发布到社区方便开发者使用。
Weex入门教程之2，Android Studio安装Weex插件
插件位置及描述 https://plugins.jetbrains.com/idea/plugin/8460-weex 貌似对windows还不是很支持，先放着吧。 安装 插件功能 先预览下都有什么功能 安装完成Weex插件后，如果在main toolbar找不到这些功能图标，那么就需要手动添加到main toolbar 添加到main toolbar 红框内就是
Weex入门教程之1，了解Weex
【资料合集】Weex Conf回顾集锦：讲义PDF+活动视频！ PDF分享：链接：http://pan.baidu.com/s/1hr8RniG 密码：fa3j 官方教程：https://weex-project.io/cn/v-0.10/guide/index.html 用意 主要是介绍Weex，并未涉及开发方面，好让我们开始开发之前充分地了解Weex到底是个什么。 以下描述主要摘取于
Weex入门教程之，关注weex-toolkit命令变更
由于weex的版本处于快速迭代中，我们需要时刻关注其变动，因为weex可能修复了某些bug或新增了一些功能。 关注链接： 原码链接：https://github.com/weexteam/weex-toolkit 发布链接：https://www.npmjs.com/package/weex-toolkit 或者使用帮助命令查看 Microsoft Windows [版本 10.0.10
weex stream请求封装(源码分享)
stream 模块提供了基本的网络请求能力，例如 GET 请求、POST 请求等，用于在组件的生命周期内与服务端进行交互。 api.js 源码： /* 引入 请求数据模块 */const stream = weex.requireModule('stream');/* 配置API接口地址 */const baseUrl = 'http:192.168.0.117:8080';/* 序
从Vue的Weex迁移到Rax Weex
据说：rax几乎没啥使用文档，有问题直接查询react官方文档，屡试屡爽 目前没有实践过，先存下一言生成的文档： 从Vue的Weex迁移到Rax Weex涉及到从一种前端框架（Vue）到另一种框架（Rax）的转换，同时保持与Weex的兼容性。由于Weex本身是一个跨平台的移动开发框架，支持Vue和Rax等多种前端框架，迁移主要是关于前端框架的转换。下面将概述这个迁移过程的关键步骤和注意事项
weex在运行上遇到的坑
注意：如果运行命令的时候遇到permission权限问题的话，记得在命令前面加上sudo 创建weex项目 $ weexpack create appName 下载安装依赖包 $ cd appName && npm install ios $ weexpack platform add ios android $ weexpack platform add
Weex框架快速体验与环境搭建
1. 前言 Weex能够完美兼顾性能与动态性，让移动开发者通过简捷的前端语法写出Native级别的性能体验，并支持iOS、安卓、YunOS及Web等多端部署。 对于移动开发者来说，Weex主要解决了频繁发版和多端研发两大痛点，同时解决了前端语言性能差和显示效果受限的问题。开发者可通过Weex官网申请内测。 开发者只需要在自己的APP中嵌入Weex的SDK，就可以通过撰写HTML/CSS/Ja
weex-32-如何加载本地图片
A3D5CC6C-7F27-48F0-B7C4-C8084B4DED4D.png 截止我写这篇文章时(2017-5-21),组件<image> 的src 属性不支持本地图片 本节任务 加载本地图片 加载本地图片相当重要,比如我们的引导页,第一次打开应用时,展现给用户,如果是要先进行网络请求,然后呈现给用户会出现白屏,用户体验很差,所以第一次的启动应用的引导页图片肯定是要加载本地
weex-30-如何使用扫码功能
897C5481-C48E-4CC2-BF3D-313857B9BCC5.png 截止2017-5-8 号,weex框架没有提供扫描二维码的模块,所以就有了本节的内容 本节学习目标 自定义一个扫描二维码模块 先看一下如何使用这个模块 第一步引入这个模块 var camera = weex.requireModule('camera') 调用打开照相机模块方法 APIscanC
weex-31-接入iOS完整步骤
前面基础部分内容已将讲解的差不多了,接下来,我们讲解一下原生部分的重点内容 本节任务 学习如何配置在项目中使用WeexSDK 第一步 通过在xcode 项目文件中创建一个Podfile文件,写入下面的内容 # coding: utf-8source 'https://github.com/CocoaPods/Specs.git'platform :ios, "9.0"use_framew
weex-28-自定义AR组件
本节学习目标 如何自定义一个组件 什么时候该自定义组件? 当weex提供给我们的默认组件满足不了我们的需求的时候这个时候,就需要自定义组件了。 下面就以iOS 自定义组件为例演示一下 如何自定义一个AR 组件 使用方式如下 <template><div class="root"><ar class="model" name='boss.dae'> </ar></div></templa
weex-27-通用事件
1DB65BB9-1BDC-44B8-9AE2-3E86862A9942.png 本节学习目标 点击事件(click)长按手势(longpress)appear 出现事件Disappear 消失事件viewappear 事件viewdisappear 事件 接下来我们一个一个介绍 点击事件 click 示例如下 <div @click="tap">默认参数</div><div
weex-26-dom模块
D0BE7A90-F94A-4C9A-98D6-1EE3D44C1E5E.png 本节学习目标 dom 滚动到指定组件dom 获取组件的布局信息 我们经常会看到上图所示的需求,当我们将列表向下滑动一段时间后,想要立刻回到顶部,这个时候就要用到本节所示的功能。 导入组件 const dom = weex.requireModule('dom') 1.第一步 给组件设置引用使用
weex-29-自定义扫描二维码模块
7D1F586E-602B-41FA-8C03-36FBC9F16506.png 本节学习目标 定义一个扫描二维码模块 模块名称 camera var camera = weex.requireModule('camera') API scanCode(callback) camera.scanCode(res=>{this.qr = res.data;}) 参数 re
weex-22-picker模块
本节学习目标 picker 组件能制作什么效果三种picker组件API的用法picker的限制 我们就围绕上面的三点认识这个组件 0705E0AA-369A-458F-B24F-73FB2CE6B502.png picker 组件能制作什么效果 先看几个效果图 1.单项选择 9D7EA7B8-7DAD-43E5-9B44-E527FBD7641E.png
weex-19-refresh组件
本节学习任务 下拉刷新组件的使用 先看两个效果图 DEEAA10F-4057-4A52-9A4A-AA302E3275E8.png E37CDFD4-F85E-4397-972B-9624A5640C24.png 下面围绕这个进行展开 <template><div class="page"><list class="list" ><!--下拉刷新组件--><
weex-23-clipboard模块
D0FF8957-F057-457E-9799-107CF3D37A16.png 本节学习目标 复制内容到剪切板获取剪切板内容 一般在手机上都是手动复制或者粘贴,如下 0071F3E8-B405-4C60-AB7E-721C87767E0F.png 054E0809-B1A0-4849-9F43-DBF44AB2D32F.png 本节我们就
weex+android原生开发学习笔记（六）
1、weex嵌入到android里面，input或者textarea使用的控件，软键盘不能顶起input控件 在android端嵌入weex的activity注册的时候，设置： android:windowSoftInputMode="adjustResize" 即可 当然，也可以扩展module方法，实现动态控制 windowSoftInputMode
weex+android原生开发学习笔记（五）
weex+android原生开发学习笔记（五） 整理android好些个好的功能点 1、android中依赖的weex sdk20.0版本，scroller或list会出现无法清空页面cell；换list即可 2、weex使用list展示列表，页面实现搜索功能，（因为我这边依赖weex-sdk的版本是0.20.3.0，所以搜索前后，使用两个list展示）：出现的问题就是，搜索后，展示
weex+js实现列表A-Z#排序展示
1、方法一【城市列表定位热门的列表，现成组件参考wxcUI】： https://alibaba.github.io/weex-ui/#/cn/packages/wxc-indexlist/ 2、方法二【weex+js实现列表A-Z#排序展示（定位可以自己实现）】，上图看效果： letterSortUtil.js工具类，实现排序： exp
weex+android原生开发学习笔记（四）
1、input type动态设置不成功问题？ 解决参考1：http://www.mamicode.com/info-detail-2180938.html 依然不成功 解决参考2：https://blog.csdn.net/qq_27731445/article/details/79501300 扩展android原生组件用weex引擎引入到wee
weex实现时间轴组件
效果图： 时间轴组件代码 TimeLine.vue ： <!-- 时间线 --><template><div class="list-cell-item" :style="{height: (timeLineHeight)+'px'}"><div class="leftContent" :style="{ width: (timeLineWith)+'px',height: (timeL
android端manifest设置intent-filter的data属性解决weex弹框
android端manifest中对activity设置intent-filter的data属性和解释： 参考：https://www.cnblogs.com/wolipengbo/p/3427574.html https://www.cnblogs.com/chenxuyuan/articles/5024230.html 1》、Data属
Hybrid开发框架一、Weex
前言 最近开始试水Weex开发，使用这么长一段时间，感觉写Weex还是非常方便的。作为一个Android开发，免不了要追查一下weex的sdk源码。今天，就以Weex SDK for Android为例，分析SDK的 认识Weex SDK 源码https://github.com/alibaba/weex/tree/dev/android 整体分析下拉，按照js文件的渲染过程，绘制出了下面