跨页面通信
摘要:BroadcastChannel 接口在 v0.9+ 及以上的版本中可用。 在 Weex 和 Web 的平台差异中提到过,不同的 Weex 页面使用的是不同的执行环境,即使全局变量也是互相隔离的,然而使用 BroadcastChannel 是可以实现跨页面通信的。 #API BroadcastCha
阅读全文
posted @
2024-12-09 13:48
AtlasLapetos
阅读(46)
推荐(0)
JS服务
摘要:概述 v0.9.5+ JSService 和 Weex 实例在 JS Runtime 中并行运行。Weex 实例的生命周期可调用 JSService 生命周期。目前提供创建、刷新、销毁生命周期。 JSService 和前端世界里的 vendor.js 一样,它通常用于将每个页面中的重复js函数移至全
阅读全文
posted @
2024-12-09 13:47
AtlasLapetos
阅读(7)
推荐(0)
iOS接口
摘要:iOS APIs #Native 对外接口 注册 SDK 默认的 Module、Handler 和 Component 注册自定义 module、Handler 和 Component 重置 JSFramework #Handler (对应于 Android 的 Adapter) 介绍 WXImgL
阅读全文
posted @
2024-12-09 13:46
AtlasLapetos
阅读(13)
推荐(0)
Android接口
摘要:WXSDKInstance Weex Native 和 JavaScript 交互通信. #自定义发送事件 向JS环境发送一些事件,比如click事件 void fireEvent(elementRef,type) void fireEvent(elementRef,type, data) void
阅读全文
posted @
2024-12-09 13:46
AtlasLapetos
阅读(29)
推荐(0)
Weex环境变量
摘要:每个 Weex 页面的 JS 上下文中都有一个相互独立的 weex 变量,它可以像全局变量一样使用,不过它在不同页面中是隔离而且只读的。 注意: weex 实例变量只在 Vue 框架中暴露了,目前还不支持在 Rax 框架中使用。 #属性和方法 Weex 实例变量的类型定义如下: declare ty
阅读全文
posted @
2024-12-09 13:45
AtlasLapetos
阅读(43)
推荐(0)
鸣谢
摘要:Thanks Weex的存在离不开社区的持续支持,我们在这里感谢以下项目/公司对我们的支持。 Sauce Labs: A Cross-browser Testing Platform.
阅读全文
posted @
2024-12-09 11:32
AtlasLapetos
阅读(19)
推荐(0)
加入 Weex 社区
摘要:加入 Weex 社区 Community over code Weex 是一个属于 Apache 基金会的开源社区。Weex 社区推崇并遵守 社区比代码更重要的 的原则。 #参与者公约 为了构建一个更加多元化与友善的社区环境,Weex 采用 Contributor Covenant 作为参与者公约。
阅读全文
posted @
2024-12-09 11:32
AtlasLapetos
阅读(43)
推荐(0)
适应不同尺寸屏幕
摘要:简介 本文将介绍 Weex 适配不同尺寸屏幕的方法以及横竖屏动态切换时如何自适应。 #Weex 如何将前端样式值转换为系统坐标值 以 iOS 为例,在应用启动时,Weex 获取当前屏幕宽度作为全局默认值。在 iOS 系统上该宽度为实际像素/屏幕比例后的 UIKit 宽度。比如 iPhone6 为 3
阅读全文
posted @
2024-12-09 11:31
AtlasLapetos
阅读(28)
推荐(0)
使用 Vuex 和 vue-router
摘要:使用 Vuex 和 vue-router 使用 Vuex 和 vue-router 使用 Vuex 使用 vue-router 路由模式 编程式导航 Vue.js 也有较多周边技术产品,如 Vuex 和 vue-router 等,这些库也可以在 Weex 中很好的工作。 注意: Weex 使用原生的
阅读全文
posted @
2024-12-09 11:31
AtlasLapetos
阅读(51)
推荐(0)
降级方案
摘要:页面降级 “降级” 通常是指以普通 Web 页面的模式渲染 Weex 的页面。 Weex 本身是支持跨三种平台的(Android、iOS、Web),在不同平台中集成不同版本的 SDK 来实现原生渲染,然而随着平台和应用版本的迭代,会出现版本碎片化的情况。如果你使用了较高版本中的特性,但是又无法升级已
阅读全文
posted @
2024-12-09 11:30
AtlasLapetos
阅读(25)
推荐(0)
资源路径
摘要:本文将介绍 Weex 中 uri(url) 的用法。包括使用图像、字体等资源,处理相对路径以及如何访问本地及打包的资源文件。 #Schemes #本地资源 Weex SDK 提供 local scheme 来访问打包在应用程序中的资源,此 scheme 无法在 H5 环境下使用。目前,开发者可以在
阅读全文
posted @
2024-12-09 11:30
AtlasLapetos
阅读(8)
推荐(0)
调试
摘要:调试 WARNING weex-toolkit 是三方插件, 不由 Apache Weex 开发或维护。 本文档主要演示如何使用 weex-toolkit 中内置的调试工具进行代码调试。 #安装 首先需要通过 npm 或 yarn 安装 weex-toolkit 工具 $ npm i weex-to
阅读全文
posted @
2024-12-09 11:26
AtlasLapetos
阅读(39)
推荐(0)
集成Devtool到IOS
摘要:概要 WARNING iOS Devtools for Apache Weex 是三方插件, 不由 Apache Weex 开发或维护。 iOS Devtools for Apache Weex 能够方便调试 Weex 页面,但此功能离不开 Native 的支持。本章将会详细说明 iOS 端如何接入
阅读全文
posted @
2024-12-09 11:26
AtlasLapetos
阅读(24)
推荐(0)
集成Devtool到Android
摘要:概要 WARNING Android Devtools for Apache Weex 是三方插件, 不由 Apache Weex 开发或维护。 Android Devtools for Apache Weex 能够方便调试 Weex 页面,但此功能离不开 Native端 的支持。本章将会详细说明
阅读全文
posted @
2024-12-09 11:25
AtlasLapetos
阅读(36)
推荐(0)
Weex常见错误码
摘要:概述 WEEX Android平台,各种异常错误码的含义。 #公共错误 #降级类 code Android iOS 原因 解决方案 -1000 ✓ ✓ 异常降级 查看error msg,fix -1001 ✓ : 创建instnacejs错误 查看errmsg,fix -1003 ✓ ✓ bundl
阅读全文
posted @
2024-12-09 11:24
AtlasLapetos
阅读(70)
推荐(0)
集成 Weex 到 iOS
摘要:集成 Weex 到 iOS 使用 CocoaPods 或 Carthage 可以方便地将 Weex 集成到自己的项目中。 #1. 配置依赖 #使用 CocoaPods 从 Cocoapods 仓库中获取 WeexSDK 的最新版本。 将 WeexSDK 添加到你的 Podfile 中。 source
阅读全文
posted @
2024-12-09 11:23
AtlasLapetos
阅读(37)
推荐(0)
集成到Android应用
摘要:集成到Android应用 TIP 目前,Weex 支持以下 ABI: x86 armeabi-v7a arm64-v8a 在执行以下步骤之前,请先确认您的Android开发环境是ok的。 JAVA环境, jdk7+ Android Studio NDK r18、Cmake 3.9.0+ (可选项:如
阅读全文
posted @
2024-12-09 11:23
AtlasLapetos
阅读(10)
推荐(0)
Weex CLI
摘要:介绍 警告 这份文档是对应 Weex CLI2.x 版本的。老版本的 Weex CLI 文档请移步这里。 Weex CLI 致力于将 Weex 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。 #系统组件 W
阅读全文
posted @
2024-12-09 11:22
AtlasLapetos
阅读(20)
推荐(0)
创建一个 App
摘要:创建一个 App 以下步骤假设您已经了解了 Node.js 和 npm 的基本知识。如果对它们不熟悉,可以访问 https://docs.npmjs.com/ 来了解更多关于 npm 的用法。 Weex 提供了一个命令行工具 weex-cli 来帮助开发者使用 Weex。它可以用来快速创建一个空项目
阅读全文
posted @
2024-12-09 11:22
AtlasLapetos
阅读(26)
推荐(0)
设置开发环境
摘要:设置开发环境 使用 Online Editor 对 Weex 尝鲜是一个不错的选择,但如果你想更专业的开发 Weex,本节会教你如何搭建本地开发环境进行 Weex 开发。 #安装依赖 Weex 官方提供了weex-cli 的脚手架工具来辅助开发和调试。 首先,你需要 Node.js 和 Weex C
阅读全文
posted @
2024-12-09 11:21
AtlasLapetos
阅读(14)
推荐(0)