补完计划

  • 搭建项目 -教你从零搭建一个weex跨端开发项目
  • APP开发基本要素-从移动端开发的基本要素审视weex框架
  • 扩展优化（填坑）-扩展优化上面的问题
  • 从略坑的官方文档学起-读文档，有一个基本了解
  • 常用组件介绍-组件和模块介绍和使用
  • 组件和模块封装-原生封装教程，需要分为简单和进阶
  • 开发一个todo APP- 实现列表，待办，已办等

  • 进阶：彻底理解weex原理

    搭建项目

    weex介绍
    按照weex官方的文档创建项目的话还是有一些坑，第一节介绍如何改造官方项目，实现实时扫码刷新，区分debug和release环境，路由适配，图片适配等。

    APP开发要素

    UI，路由，网络，持久化数据缓存，版本更新，跨页面通信等。

    UI组件

    简单组件大致说一下

  • div

  • text
  • input
  • textarea
  • image
  • richtext

复杂组件注意事项和使用

  • slider indicator
  • list cell loading refresh
  • recycle-list
  • waterfall
  • scroller
  • video

  • web

    模块

    简单模块

  • console-log

  • deviceinfo
  • modal
  • storage
  • clipboard

复杂组件注意事项和使用

  • 网络 stream websockt
  • picker
  • navigator
  • meta
  • globalEvent
  • animation

  • dom

    事件

  • 事件穿透和View交互性

  • click/longpress
  • appear/disapprear
  • viewappear/viewdisapper
  • stopPropagation
  • 事件冒泡

  • 手势

    动画

  • animation、css-transition、bindingX

  • 深入理解bindingX

    一个万能的web组件

    weex官方提供的web组件缺少交互能力，我们封装了一个自己的更加灵活的web组件。
    介绍使用方法：
    实例：

  • 实现echart图表

  • 实现电子签名

    版本更新

  • Android：直接使用update更新模块更新安装

  • IOS：打开浏览器更新安装

    框架扩展

  • 组件

  • 模块

  • 适配器

    进阶-核心原理理解

  • jsFramework 添加运行时环境的全局api等，适配了weex的Vue框架注入

  • weex-builder/weex-loader 编译生成jsbundle

  • weexEngine执行jsbundle

    开发实战-todoList

  • 首页

  • 我的一天
  • 我的收藏
  • 全部任务
  • 已计划任务
  • 任务清单、分组
  • 图表展示📈

    思考-实现一个类小程序体系

    缓存隔离
    版本管理
    分包加载