跨平台移动开发工具 Weex
跨平台移动开发工具 Weex
  1. Weex 快速上手
    1. Weex 简介
      1. Weex 概述
      2. Weex 使用前端框架
    2. Weex 前端框架
      1. Weex Vue.js
      2. Weex Raxs.js
    3. Weex 平台差异
      1. Weex 环境中没有 DOM
      2. Weex 环境中没有 BOM
      3. Weex 能够调用移动设备原生 API
    4. Weex 在 Weex 中使用 Vue.js
      1. Week 只含有运行时的构建版本
      2. Weex 平台的差异
        1. Weex 执行环境
        2. Weex Dom
        3. Weex 样式
        4. Weex 事件
      3. Weex Web 渲染器
      4. Weex 单文件组件
        1. Weex 编译目标
        2. Weex 使用weex-loader
      5. Weex 支持的功能
        1. Weex 全局配置
        2. Weex全局 API
        3. Weex 选项
        4. Weex 生命周期钩子
        5. Weex 实例属性
        6. Weex 实例方法
        7. Weex 模板指令
        8. Weex 特殊属性
        9. Weex 内置组件
    5. Weex 在 Weex 中使用 Rax.js
      1. Weex 什么是 Rax
      2. Weex 环境变量
      3. Weex Rax Framework
      4. Weex 样式支持
      5. Weex 使用组件
      6. Weex 使用 Weex 模块
      7. Weex 页面降级
      8. Weex 事件
      9. Weex 事件通信
  2. Weex 开发
    1. Weex 设置开发环境
      1. Weex 安装依赖
      2. Weex 初始化项目
      3. Weex 开发
    2. Weex 创建一个 App
      1. Weex 初始化
      2. Weex 开发
      3. Weex 编译和运行
      4. Weex 调试
    3. Weex CLI
      1. Weex 系统组件
      2. Weex 安装
      3. Weex 命令
    4. Weex 集成到Android应用
      1. Weex 设置gradle依赖
      2. Weex 配置混淆规则
      3. Weex 声明权限
      4. Weex 初始化sdk
      5. Weex 创建WXSDKInstance
      6. Weex 运行app
      7. Weex 扩展Android能力
    5. Weex 集成 Weex 到 iOS
      1. Weex 配置依赖
      2. Weex 初始化 Weex
      3. Weex 创建一个 Weex 实例
      4. Weex 销毁实例
      5. Weex 扩展 Weex
      6. Weex 在 iPad 中使用 Weex
    6. Weex 常见错误码
      1. Weex 降级类错误
      2. Weex js错误
      3. Weex 下载异常
      4. Weex 白屏异常
      5. Weex Android错误
  3. Weex 调试
    1. Weex 集成Devtool到Android
      1. Weex Android接入指南
      2. Weex 科普
    2. Weex 集成Devtool到IOS
      1. Weex iOS接入指南
    3. Weex 调试
      1. Weex 安装weex-toolkit
      2. Weex 运行
      3. Weex 开始调试
  4. Weex 扩展
    1. Weex 扩展Android能力
      1. Weex JSEnv 扩展
      2. Weex Module 扩展
      3. Weex Module 注册
      4. Weex Component 扩展
      5. Weex Component 注册
      6. Weex Adapter 扩展
      7. Weex Adapter 注册
    2. Weex 扩展IOS能力
      1. Weex JSEnv 扩展
      2. Weex 自定义 module
      3. Weex 扩展组件
      4. Weex 获取组件的 CSS 样式
      5. Weex 自定义 handler
    3. Weex 使用 Swift 扩展 IOS 能力
    4. Weex 扩展 Web 组件
    5. Weex 扩展内置组件
    6. Weex 扩展内置模块
  5. Weex 高阶特性
    1. Weex 资源路径
      1. Weex Schemes
      2. Weex 相对路径
      3. Weex URI Adapter
    2. Weex 降级方案
      1. Weex 触发降级
      2. Weex 辅助工具
      3. Weex 降级配置项
    3. Weex 使用 Vuex 和 vue-router
      1. Weex 使用 Vuex
      2. Weex 使用 vue-router
    4. Weex 适应不同尺寸屏幕
      1. Weex 如何将前端样式值转换为系统坐标值
      2. Weex 为什么 Weex 页面不支持横竖屏切换
      3. Weex 屏幕参数接口
      4. Weex 使用场景
  6. Weex 加入 Weex 社区
    1. Weex 参与者公约
    2. Weex 邮件列表
    3. Weex Members and Governance Model
    4. Weex 提出与解决解答问题
    5. Weex 研发流程
    6. Weex 贡献文档或代码
  7. Weex 鸣谢
跨平台移动开发工具 Weex

跨平台移动开发工具 Weex


阅读(52.9k) 收藏 赞(0)

手册说明

2016年4月21日，阿里巴巴在Qcon大会上宣布开源跨平台移动开发工具Weex，Weex能够完美兼顾性能与动态性，让移动开发者通过简捷的前端语法写出Native级别的性能体验，并支持iOS、安卓、YunOS及Web等多端部署。

对于移动开发者来说，Weex主要解决了频繁发版和多端研发两大痛点，同时解决了前端语言性能差和显示效果受限的问题。开发者可通过Weex官网申请内测。（http://alibaba.github.io/weex/）

开发者只需要在自己的APP中嵌入Weex的SDK，就可以通过撰写HTML/CSS/JavaScript来开发Native级别的Weex界面。Weex界面的生成码其实就是一段很小的JS，可以像发布网页一样轻松部署在服务端，然后在APP中请求执行。

与 现有的开源跨平台移动开放项目如Facebook的React Native和微软的Cordova相比，Weex更加轻量，体积小巧。因为基于web conponent标准，使得开发更加简洁标准，方便上手。Native组件和API都可以横向扩展，方便根据业务灵活定制。Weex渲染层具备优异的性 能表现，能够跨平台实现一致的布局效果和实现。对于前端开发来说，Weex能够实现组件化开发、自动化数据绑定，并拥抱Web标准。

突出特点：

  • 致力于移动端，充分调度 native 的能力

  • 充分解决或回避性能瓶颈

  • 灵活扩展，多端统一，优雅“降级”到 HTML5

  • 保持较低的开发成本和学习成本

  • 快速迭代，轻量实时发布

  • 融入现有的 native 技术体系

  • 工程化管理和监控等

  • 轻量：体积小巧，语法简单，方便接入和上手

  • 可扩展：业务方可去中心化横向定制组件和功能模块

  • 高性能：高速加载、高速渲染、体验流畅


更新记录

多端阅读

返回w3cschool官网主页

扩展栏目

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号