Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/joggerplus/awesome-weex

A curated list of awesome Weex guides, articles, sites, tools, projects and resources.
https://github.com/joggerplus/awesome-weex

List: awesome-weex

awesome awesome-list cross-platform react-native vue weex weex-android weex-demo weex-html5 weex-ios weex-plugin

Last synced: about 1 month ago
JSON representation

A curated list of awesome Weex guides, articles, sites, tools, projects and resources.

Awesome Lists containing this project

README 

        
# [awesome-weex](https://github.com/JoggerPlus/awesome-weex)



[Weex](https://github.com/apache/incubator-weex/): A framework for building Mobile cross-platform UI.



###  目录

- [教程](#教程)

    - [通用教程](#通用教程)

    - [视频教程](#视频教程)

- [文章](#文章)

- [网站](#网站)

    - [常用网站](#常用网站)

- [工具](#工具)

- [项目](#项目)

    - [App](#app)

    - [Demo](#demo)

    - [库](#库)

- [前端基础](#前端基础)



### 教程



#### 通用教程



* [weex 学习/实践指南](https://github.com/vczero/weex-learning)



* [h5weex相关文章](https://github.com/h5weex/h5weex-books)



* [weex团队博客 - weex文档译文](https://github.com/weexteam/article/issues)



* [Weex学习与实践 系列文章](http://coderyi.com/posts/weex1/)



* [阿里无线前端博客](https://github.com/amfe/article/issues)



* [阿里weex研究iOS 系列博客](http://blog.csdn.net/d200820205051/article/category/6306637)



* [h5weex-books](https://github.com/h5weex/h5weex-books) h5weex相关文章



* [weex日记1-2](http://www.zjutkz.net/2016/09/15/weex%E6%97%A5%E8%AE%B0/)



* [对无线电商动态化方案的思考（一 - 三）](https://github.com/amfe/article/issues/13)



* [weex note - sunqichao](https://github.com/sunqichao/sqcweex.github.com)



* [Weex 探索系列](https://gold.xitu.io/post/585c7b9f8d6d810065d87087)



* [【资料合集】Weex Conf回顾集锦：讲义PDF+活动视频！

](https://yq.aliyun.com/articles/68818?spm=5176.100238.goodcont.14.eaZbvF)



* [halfrost Weex系列文章](https://halfrost.com/tag/weex/)



* [初识 weex 系列（前端视角）](https://juejin.im/user/585525f661ff4b0063b4f25a)



* [Weex从入门到超神系列](http://www.gaoshilei.com/tags/Weex/)



* [深入Weex系列](https://juejin.im/user/5852a52d8d6d81006593c533/posts)



* [Weex源码分析系列文章](https://github.com/liuzhao2007/Weex-Analysis-Project)



#### 视频教程



* [Weex视频教程 by weex暴走青年](http://i.youku.com/i/UNDEzMDY2NjI0MA==/videos)



* [技术胖的WEEX入门到实战视频教程](https://www.bilibili.com/video/av14478917/)



### 文章



* [五年陈的 Weex，聊聊它的过去现在和未来](https://zhuanlan.zhihu.com/p/373582962)



* [Weex的入门体验小结](https://zhuanlan.zhihu.com/p/21770667)



* [weex中使用数据流工具Vuex实践](https://github.com/weexteam/article/issues/62)



* [浅析weex之vdom渲染](https://github.com/weexteam/article/issues/51)



* [weex-html5 扩展开发指引](https://yq.aliyun.com/articles/61055)



* [weex-html5 组件进阶](https://yq.aliyun.com/articles/61067)



* [Weex调试神器——Weex Devtools使用手册 ](https://github.com/weexteam/article/issues/50)



* [Weex meets Vue，记一次 Weex 前端团队的讨论](https://github.com/weexteam/article/issues/77)



* [Weex & ReactNative & JSPatch](http://awhisper.github.io/2016/07/22/Weex-ReactNative-JSPatch/)



* [不止是动态化：Weex项目和阿里无线技术开源方向](https://yq.aliyun.com/articles/61665)



* [Weex Android Border绘制](https://yq.aliyun.com/articles/60784)



* [Weex 在 JS Runtime 内的多实例管理](https://yq.aliyun.com/articles/59940)



* [Weex 框架中 JS Framework 的结构](https://yq.aliyun.com/articles/59934)



* [Weex Android 文字渲染优化](https://yq.aliyun.com/articles/58508)



* [Weex&ReactNative对比](https://yq.aliyun.com/articles/57992)



* [weex vs react-native](https://yq.aliyun.com/articles/57996)



* [Weex 实时渲染插件](https://yq.aliyun.com/articles/58397)



* [Swift In Weex](https://yq.aliyun.com/articles/58509)



* [weex中使用数据流工具Vuex实践](https://yq.aliyun.com/articles/59188)



* [Weex 中的 virtual-DOM 介绍](https://yq.aliyun.com/articles/59179)



* [详解 Weex JS Framework 的编译过程](https://yq.aliyun.com/articles/59935)



* [深度揭秘阿里移动端高性能动态化方案Weex](https://yq.aliyun.com/articles/54774)



* [Weex详解：灵活的移动端高性能动态化方案](https://yq.aliyun.com/articles/54775)



* [Weex入门与进阶指南](https://yq.aliyun.com/articles/57554)



* [weex-style-loader: 给你熟悉的style开发体验](https://yq.aliyun.com/articles/58236)



* [Weex调试神器——Weex Devtools使用手册](https://yq.aliyun.com/articles/57651)



* [浅析weex之vdom渲染](https://yq.aliyun.com/articles/57711)



* [网易严选App感受Weex开发](https://juejin.im/post/59c4d696f265da065d2b7843)



* [通过Weex 300行代码开发一款简易的跑步App](http://www.jackpu.com/tong-guo-weex-300xing-dai-ma-kai-fa-kuan-jian-yi-de-pao-bu-app/)



* [Weex-iOS内存分析](http://www.jianshu.com/p/5624f766bf1b)



* [什么是Native、Web App、Hybrid、React Native 和 Weex？](https://segmentfault.com/a/1190000011154120)



* [Weex + Ui - Weex Conf 2018](https://juejin.im/post/5a64a1cc6fb9a01c95263175)



* [【适配】记一次 Weex 的 iPhone X 适配 ](https://github.com/zwwill/blog/issues/15)



* [Weex的JS缓存实现](https://juejin.im/post/5a37224251882529c70f36ce)



* [关于weex](https://segmentfault.com/a/1190000007560611)



* [Weex 技术在苏宁移动办公开发中的实践](https://www.infoq.cn/article/weex-in-suning-mobile-officing-practice)



* [基于weex的有赞无线开发框架](https://juejin.im/post/5bd7feb85188257100456a85)



### 网站



* [weex官网](http://doc.weex.io/zh/)



### 工具



* [Thera](https://github.com/alibaba/Thera) [![GitHub stars](https://img.shields.io/github/stars/alibaba/Thera.svg)]() IDE,支持weex, luaview, react native



* [vue-syntax-highlight](https://github.com/vuejs/vue-syntax-highlight) [![GitHub stars](https://img.shields.io/github/stars/vuejs/vue-syntax-highlight.svg)]() 

 Sublime Text syntax highlighting for single-file Vue components



* [vim-vue](https://github.com/posva/vim-vue) [![GitHub stars](https://img.shields.io/github/stars/posva/vim-vue.svg)]()

 Syntax Highligth for Vue.js components



* [weex-language-support](https://github.com/misakuo/weex-language-support) [![GitHub stars](https://img.shields.io/github/stars/misakuo/weex-language-support.svg)]() IntelliJ plugin for weex ,关于使用可以查看此文，[Intellij Weex 插件使用说明](http://blog.qianlicao.cn/technology/2016/07/07/intellij-plugin-instruction/) 



* [eros](https://github.com/bmfe/eros) [![GitHub stars](https://img.shields.io/github/stars/bmfe/eros.svg)]() 一套 Vue 代码，两端原生应用 ，或许可以叫我 weex-native。



* [bui-weex](https://github.com/bingo-oss/bui-weex) [![GitHub stars](https://img.shields.io/github/stars/bingo-oss/bui-weex.svg)]() 专门为 Weex 前端开发者打造的一套高质量UI框架



* [weex-vue-starter-kit](https://github.com/ElemeFE/weex-vue-starter-kit) [![GitHub stars](https://img.shields.io/github/stars/ElemeFE/weex-vue-starter-kit.svg)]()



* [easywebpack-weex](https://github.com/easy-team/easywebpack-weex) [![GitHub stars](https://img.shields.io/github/stars/easy-team/easywebpack-weex.svg)]() Weex + Vue + Webpack的build解决方案



* [incubator-weex-loader](https://github.com/apache/incubator-weex-loader) [![GitHub stars](https://img.shields.io/github/stars/apache/incubator-weex-loader.svg)]() A webpack loader for Weex.



### 项目



#### App



* [incubator-weex-playground](https://github.com/apache/incubator-weex-playground) [![GitHub stars](https://img.shields.io/github/stars/apache/incubator-weex-playground.svg)]() Playground for Apache Weex, demo purpose only 



* [weex-hackernews](https://github.com/weexteam/weex-hackernews) [![GitHub stars](https://img.shields.io/github/stars/weexteam/weex-hackernews.svg)]() 首个使用 Weex 和 Vue 开发的 Hacker News 原生应用。



* [WeexOne](https://github.com/dodola/WeexOne) [![GitHub stars](https://img.shields.io/github/stars/dodola/WeexOne.svg)]() Weex [one 一个]客户端



* [weex-yy](https://github.com/vczero/weex-yy) [![GitHub stars](https://img.shields.io/github/stars/vczero/weex-yy.svg)]() 微阅读



* [github client weex](https://github.com/coderyi/hello-weex) [![GitHub stars](https://img.shields.io/github/stars/coderyi/hello-weex.svg)]() 用Weex写的GitHub的第三方客户端



* [toolbox-weex](https://github.com/hugojing/toolbox-weex)  [![GitHub stars](https://img.shields.io/github/stars/hugojing/toolbox-weex.svg)]() Weex - Some simple native UI pages written with Weex | 几个简单的原生界面示例，面向新手 & 用 Weex 编写



* [WeexZhihuDaily](https://github.com/nuptboyzhb/WeexZhihuDaily) [![GitHub stars](https://img.shields.io/github/stars/nuptboyzhb/WeexZhihuDaily.svg)]() weex版知乎日报



* [yanxuan-weex-demo](https://github.com/zwwill/yanxuan-weex-demo) [![GitHub stars](https://img.shields.io/github/stars/zwwill/yanxuan-weex-demo.svg)]() 高仿网易严选App



* [amap-running-app](https://github.com/weex-plugins/amap-running-app) [![GitHub stars](https://img.shields.io/github/stars/weex-plugins/amap-running-app.svg)]() 一款简易的跑步App



* [just-do-8](https://github.com/zwwill/just-do-8) [![GitHub stars](https://img.shields.io/github/stars/zwwill/just-do-8.svg)]() 使用 Weex 开发的益智类小游戏



* [weex-toutiao](https://github.com/weexext/weex-toutiao) [![GitHub stars](https://img.shields.io/github/stars/weexext/weex-toutiao.svg)]() 基于WEEX +Vue2.0仿照今日头条的app项目



* [weex-job](https://github.com/herozhou/weex-job) [![GitHub stars](https://img.shields.io/github/stars/herozhou/weex-job.svg)]() weex+node爬虫开发的内推职位app



* [WeexJandan](https://github.com/totzcc/WeexJandan) [![GitHub stars](https://img.shields.io/github/stars/totzcc/WeexJandan.svg)]() Weex Vue写的解析HTML应用



* [weex-xianyu](https://github.com/herozhou/weex-xianyu) [![GitHub stars](https://img.shields.io/github/stars/herozhou/weex-xianyu.svg)]()  xianyu app based on weex(仿咸鱼app)



* [mpvue-weex](https://github.com/zhongku/mpvue-weex) [![GitHub stars](https://img.shields.io/github/stars/zhongku/mpvue-weex.svg)]() 一套 Vue 代码，五端可用(H5、小程序、PC、苹果App、安卓App）



* [GSYGithubAppWeex](https://github.com/CarGuo/GSYGithubAppWeex) [![GitHub stars](https://img.shields.io/github/stars/CarGuo/GSYGithubAppWeex.svg)]() 拥有Flutter、Weex、ReactNative三个版本。



* [weex-todo-list](https://github.com/tralves/weex-todo-list) [![GitHub stars](https://img.shields.io/github/stars/tralves/weex-todo-list.svg)]()



* [monkey-weex](https://github.com/coderyi/monkey-weex) [![GitHub stars](https://img.shields.io/github/stars/coderyi/monkey-weex.svg)]() Monkey是一个GitHub Weex客户端，展示GitHub用户和仓库的排名



#### demo



* [weex-demo-dusan](https://github.com/duqian291902259/weex-demo-dusan) [![GitHub stars](https://img.shields.io/github/stars/duqian291902259/weex-demo-dusan.svg)]() A demo which is based on weex ,it contains splash,guide ,login,and home page. on upgrading... 



* [weex-vue-examples](https://github.com/Hanks10100/weex-vue-examples) [![GitHub stars](https://img.shields.io/github/stars/Hanks10100/weex-vue-examples.svg)]()  Examples of using Weex and Vue.js



* [weex-frame](https://github.com/walid1992/weex-frame) [![GitHub stars](https://img.shields.io/github/stars/walid1992/weex-frame.svg)]()  weex 基于vue2.0开发框架



#### 库



* [weex-plugins](https://github.com/weex-plugins)



* [weex-x](https://github.com/Jinjiang/weex-x) [![GitHub stars](https://img.shields.io/github/stars/Jinjiang/weex-x.svg)]() Flux-inspired-Architecture-Vuex-inspired-Architecture for Weex. 



* [WeexiOSKit](https://github.com/coderyi/hello-weex) [![GitHub stars](https://img.shields.io/github/stars/coderyi/hello-weex.svg)]() 扩展了许多iOS上的Component和Module



* [weex-rx-framework](https://github.com/weexteam/weex-rx-framework) [![GitHub stars](https://img.shields.io/github/stars/weexteam/weex-rx-framework.svg)]() Rx framework for weex



* [weex-tabbar](https://github.com/zhouyuexie/weex-tabbar) [![GitHub stars](https://img.shields.io/github/stars/zhouyuexie/weex-tabbar.svg)]()   weex custom tabbar Component , Support children component.(weex自定义tabbar组件)



* [weex-frame](https://github.com/osmartian/weex-frame) [![GitHub stars](https://img.shields.io/github/stars/osmartian/weex-frame.svg)]() weex 基于vue2.0开发框架库，包括三端集成、组件库提供、weex api封装等等



* [weex-amap](https://github.com/weex-plugins/weex-amap) [![GitHub stars](https://img.shields.io/github/stars/weex-plugins/weex-amap.svg)]() 高德地图weex插件



* [weex-ui](https://github.com/alibaba/weex-ui) [![GitHub stars](https://img.shields.io/github/stars/alibaba/weex-ui.svg)]() Weex Ui 是一套 Alibaba 完全基于 Weex 特性封装的组件库，包含大部分 Weex 业务中所需基础功能组件和相关解决方案。



* [weex-uikit](https://github.com/erguotou520/weex-uikit) [![GitHub stars](https://img.shields.io/github/stars/erguotou520/weex-uikit.svg)]()  一个weex的UI组件库



* [WeexPlus](https://github.com/goldze/WeexPlus)  [![GitHub stars](https://img.shields.io/github/stars/goldze/WeexPlus.svg)]() 提供weex调用android native方法的一套扩展通信交互库，包含页面导航、数据存储、图片选择、二维码识别、权限等。



* [bindingx](https://github.com/alibaba/bindingx) [![GitHub stars](https://img.shields.io/github/stars/alibaba/bindingx.svg)]() 基于 weex / React Native 的富交互解决方案。



* [nat](https://github.com/natjs/nat) [![GitHub stars](https://img.shields.io/github/stars/natjs/nat.svg)]() 轻松为你构建的 Weex 应用加入原生功能



* [weex-droplet-ui](https://github.com/hbteam/weex-droplet-ui) [![GitHub stars](https://img.shields.io/github/stars/hbteam/weex-droplet-ui.svg)]() 水滴UI一个轻量级weex UI组件库，包含表单元素，tabbar，picker城市三级联动选择，actionsheet，switch等一系列常用组件



* [weex-vue-router](https://github.com/dongnaebi/weex-vue-router) [![GitHub stars](https://img.shields.io/github/stars/dongnaebi/weex-vue-router.svg)]() router for weex as you can use some feature of vue-router



* [weex-flymeui](https://github.com/FlymeApps/weex-flymeui) [![GitHub stars](https://img.shields.io/github/stars/FlymeApps/weex-flymeui.svg)]() A Flyme Style UI library based on Weex for Creator. 



* [F2](https://github.com/antvis/f2) [![GitHub stars](https://img.shields.io/github/stars/antvis/f2.svg)]() 一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（node, 小程序，weex）。



* [alibaba  - BindingX](https://github.com/alibaba/bindingx) [![GitHub stars](https://img.shields.io/github/stars/alibaba/bindingx.svg)]() 基于 weex / React Native 的富交互解决方案。



* [didi/chameleon](https://github.com/didi/chameleon) [![GitHub stars](https://img.shields.io/github/stars/didi/chameleon.svg)]() 一套代码运行多端，一端所见即多端所见。支持web、微信小程序、weex、百度小程序、支付宝小程序



* [weex-amui](https://github.com/hminghe/weex-amui) [![GitHub stars](https://img.shields.io/github/stars/hminghe/weex-amui.svg)]() Weex版本的Ant Design Mobile



* [clchart](https://github.com/seerline/clchart) [![GitHub stars](https://img.shields.io/github/stars/seerline/clchart.svg)]() 跨平台(html5 react-native weex wechat-applet) 的股票图表库



#### 前端基础



* [重新介绍 JavaScript（JS 教程）](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript)  很好的入门教程，推荐。是火狐推出的一系列的JS教程，为什么会有这一篇“重新介绍”呢？因为 JavaScript 堪称世界上被人误解最深的编程语言。虽然常被视作“玩具语言”，但它看似简洁外衣下，还隐藏着强大的语言特性。 JavaScript 目前广泛应用于一大批知名应用中，对于网页和移动开发者来说，深入理解 JavaScript 就尤有必要；



* [awesome-css-cn](https://github.com/jobbole/awesome-css-cn)

CSS 资源大全中文版，内容包括：CSS预处理器、框架、CSS结构、代码风格指南、命名习惯等等



* [awesome-javascript-cn](https://github.com/jobbole/awesome-javascript-cn)

JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等



* [awesome-javascript](https://github.com/wwsun/awesome-javascript)

A learning guide for JavaScript programmers. http://wwsun.github.io

中文



* [awesome-fe-team](https://github.com/mdluo/awesome-fe-team)

Awesome Front-end Teams



* [Front-End-Develop-Guide](https://github.com/icepy/Front-End-Develop-Guide)

Awsome The Front End Develop Guide：这份指南汇集了前端开发所使用语言的主流学习资源，并以开发者的视角进行整理编排而成。



### License



![](https://i.creativecommons.org/l/by-nc/4.0/88x31.png)



文章版权采用[CC Attribution-NonCommercial](http://creativecommons.org/licenses/by-nc/4.0/) 中文：[署名-非商业性使用协议](http://creativecommons.org/licenses/by-nc/3.0/cn/

                                                                                                      ).



copyright (c) 2016 coderyi.all rights reserved.