BootStrap，AngularJS，Vue，weex，React Native，Flutter，Dart等App混合开发

-- ionic

一个基于Ionic3.x cordova的移动APP demo- https://www.jianshu.com/p/5da7acd50f1f
基于 MUI 构建一个具有 90 +页面的APP应用- https://github.com/EasyTuan/mui-kidApp
ionic3项目实战教程- https://blog.csdn.net/lyt_angularjs/article/details/81205043?utm_source=blogxgwz8

> weex
  Weex is a framework for building high-performance mobile applications with modern web development experience.
Weex是针对动态编程和发布项目的一个可扩展、跨平台的解决方案。
Weex文档- https://weex.apache.org/guide/index.html
building Mobile cross-platform UI Weex- https://github.com/alibaba/weex
Weex 已经于 2017-02-24 迁移至 Apache 基金会：https://github.com/apache/incubator-weex
阿里巴巴开源前端框架--Weex实践- https://blog.csdn.net/zhangcanyan/article/details/51823356

-- Weex 和 React Native的比较
 weex使用V8， ReactNative使用JSCore,weex基于vue.js(2W+ star)。小巧轻量的前端开发框架，组件化，数据绑定，2.0引入virtual dom。weex使用handler来代替Choreographer，可以在API14以上使用。
 ReactNative使用React(4W+ star)。革命性的前端开发框架，组件化，数据绑定，virtual dom。ReactNative使用了Choreographer，因此必须在API16以上才可以使用。

Weex之Android端的浅析(一)- https://blog.csdn.net/xuguoli_beyondboy/article/details/53064155
Weex Android交互篇- https://blog.csdn.net/maxwell0401/article/details/53701309
Weex 开发手册- http://weex.apache.org/cn/wiki/
知乎日报weex版本- https://github.com/nuptboyzhb/WeexZhihuDaily
Weex Android SDK源码分析- https://www.jianshu.com/p/3160a0297345
weex&ReactNative对比- https://zhuanlan.zhihu.com/p/21677103
 Weex execJS 调用 so库方法执行JS脚本，进行UI渲染；
 Weex v0.10.0，这个里程碑的版本开始完美的兼容Vue.js开发Weex界面。
 Weex工作原理

Weex可以通过自己设计的DSL，书写.we文件或者.vue文件来开发界面，整个页面书写分成了3段，template、style、script，借鉴了成熟的MVVM的思想。
Weex是如何在Android客户端上跑起来的-https://www.jianshu.com/p/5c6b029d72c3
  Android端主要任务就是渲染Weex页面显示出来（Weex -> Native），那么Activity的渲染操作分为两种类型：
（1）本地渲染：渲染本地的js文件
（2）远程渲染：渲染网络的js文件
weex源码浅析(Android部分)- https://blog.csdn.net/YongjiamingCJ/article/details/53842258
Android Weex SDK源码- https://github.com/alibaba/weex/tree/dev/android
Weex Android SDK源码分析- https://m.aliyun.com/yunqi/articles/66835
  .we文件经过weex编译之后，生成的js文件.Weex 目前提供了 iOS 和 Android 两个客户端的 native 渲染层。每个端都基于 DOM 模型设计并实现了标准的界面渲染接口供 JavaScript 引擎调用。并且结合 web 标准和 native 的特点和优势实现了一套统一的组件和模块。Weex 在性能方面的表现也是非常优异的，尤其是界面首屏加载时间、native 下长列表的资源开销和复用、CPU、内存、帧率等关键指标。当然，尽管 Weex 已经提供了一组开发者最常用的组件和模块，但面对丰富多样的移动应用研发需求，这些常用基础组件还是远远不够的，因此我们提供了灵活自由的能力扩展方式，开发者可以根据自身的情况定制属于自己的客户端组件和模块，进一步丰富 Weex 在客户端上的能力。
 Weex SDK 只提供渲染的功能。
 Weex 的本地开发环境基于 web 开发体验而设计，web 开发者可以通过自己熟悉的 HTML/CSS/JavaScript 技术和语法实现移动应用的界面。同时 Weex 也对 Vue.js 这一非常优秀的前端框架做了官方的支持。

-- weex Android Demo

Android一个weex的例子- https://github.com/wang8651971/Weex-Demo
pure Weex demo / 网易严选 App 感受 Weex 开发- https://github.com/zwwill/yanxuan-weex-demo
Weex demos ,contains android and vue.js training.- https://github.com/duqian291902259/weex-demo-dusan
几个简单的原生界面示例，面向新手 & 用 Weex 编写- https://github.com/hugojing/toolbox-weex
hello-weex包括一个Weex App(GitHub第三方App)- https://github.com/coderyi/hello-weex
weex-hackernews新闻- https://github.com/weexteam/weex-hackernews
使用 Weex 开发的益智类小游戏- https://github.com/zwwill/JustDo8-weex-game

Weex 版扫雷游戏开发。
Weex 团队做到 CPU 在闲时 0%，高峰 10%-30%-  https://yq.aliyun.com/edu/lesson/play/547
Weex 探寻跨平台开发最佳实践- http://edu.csdn.net/course/detail/3647/64168?auto_start=1
Reference react-native app based on the restful API of www.yudianer.com. All the features are based on official components. Only Js used, no native Java code.- https://github.com/caohongtao/raindrop-app

  Alibaba 出品，JavaScript语言，JS V8引擎，Vue设计模式，原生渲染。
  “Write once, run everywhere”, weex的定义就像是：写个 vue 前端，顺便帮你编译成性能还不错的 apk 和 ipa（当然，现实有时很骨感）。基于 Vue 设计模式，支持 web、android、ios 三端，原生端同样通过中间层转化，将控件和操作转化为原生逻辑来提高用户体验。
  在 weex 中，主要包括三大部分：JS Bridge、Render、Dom，分别对应WXBridgeManager、WXRenderManager、WXDomManager，三部分通过WXSDKManager统一管理。其中 JS Bridge 和 Dom 都运行在独立的 HandlerThread 中，而 Render 运行在 UI 线程。
  JS Bridge 主要用来和 JS 端实现进行双向通信，比如把 JS 端的 dom 结构传递给 Dom 线程。Dom主要是用于负责 dom 的解析、映射、添加等等的操作，最后通知UI线程更新。而 Render 负责在UI线程中对 dom 实现渲染。
  和 react native一样，weex 所有的标签也不是真实控件，JS 代码中所生成存的 dom，最后都是由 Native 端解析，再得到对应的Native控件渲染，如 Android 中 <text> 标签对应 WXTextView 控件。https://github.com/alibaba/weex-ui

> Vue
The official router for Vue.js- https://github.com/vuejs/vue-router
用 Vue.js 开发的跨三端应用- https://github.com/halfrost/vue-objccn

> bootStrap demo , Android
https://github.com/Bearded-Hen/Android-Bootstrap/wiki/Awesome-Text-View
Bootstrap style widgets for Android, with Glyph Icons- https://github.com/Bearded-Hen/Android-Bootstrap

> AngularJS+Ionic+Cordova , 与 Android原生
18 个惊人的 Angular 开源项目- https://blog.csdn.net/sinat_17775997/article/details/54969715
深度剖析移动端跨平台开发- https://blog.csdn.net/xJ032w2j4cCjhOW8s8/article/details/81295315

> react native
  react native 的跨平台是实现主要由三层构成，其中 C++ 实现的动态连结库(.so)，作为中间适配层桥接，实现了js端与原生端的双向通信交互。这里最主要是封装了 JavaScriptCore 执行js的解析，而 react native 运行在JavaScriptCore中，所以不存在浏览器兼容的问题。
  其中在IOS上直接使用内置的javascriptcore， 在Android 则使用webkit.org官方开源的jsc.so。

> Flutter，Google跨平台框架

GSY系列 Flutter 独立学习项目: https://github.com/CarGuo/GSYFlutterDemo

 开发知乎App的Flutter版。技术栈：flutter+redux+sqflite，正在集成状态管理- https://github.com/MeandNi/Flutter_ZhiHu
 阿里为大家学习Flutter操碎了心- https://github.com/alibaba/flutter-go
 Google 出品，Dart语言，Flutter Engine引擎，响应式设计模式，原生渲染。
 Flutter 上 Android 自带了 Skia，Skia是一个 2D的绘图引擎库，跨平台，所以可以被嵌入到 Flutter的 iOS SDK中，也使得 Flutter Android SDK要比 iOS SDK小很多。

Flutter 是 Google 推出的移动端跨平台开发框架，使用的编程语言是 Dart。
Flutter- https://github.com/flutter/flutter
Flutter 安装和初体验- https://mp.weixin.qq.com/s?__biz=MzIwMTAzMTMxMg==&mid=2649492521&idx=1&sn=723658efc8221f15f6a6a93e1a3f08c8&scene=21#wechat_redirect
Flutter学习指南：熟悉Dart语言- https://mp.weixin.qq.com/s/mtm9PKv2G_hSgbvXTbQtTA
Flutter实战：手把手教你写Flutter Plugin- https://github.com/OpenFlutter/fluwx

- Flutter和原生App混合开发,目前主流的混合开发方案有两种集成方式：
 1.源码集成,谷歌官方提供的方案，项目地址如下所示：https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps
 2.产物集成,Flutter项目单独开发，开发完成后发布成aar包或者iOS的framework形式，原生项目依赖flutter输出的制品即可。

- Flutter 实战项目- https://github.com/simplezhli/flutter_deer
Flutter 实战项目- https://www.wanandroid.com/blog/show/2619
dio                    网络库
cached_network_image    图片缓存
fluro                    路由管理
flutter_oktoast    Toast
common_utils    Dart    常用工具类库
flutter_slidable    侧滑删除
flustars            Flutter 常用工具类库
flukit    Flutter         UI组件库
url_launcher            启动URL的插件
image_picker            图片选择插件
rxdart                    Dart的响应式扩展
webview_flutter            WebView插件
keyboard_actions    处理键盘事件
sticky_headers            列表悬浮头
azlistview        城市选择列表
date_utils        常用的日期工具类
bezier_chart        曲线图表
sprintf            格式化String

> Dart

  Dart是Google开发的Web开发语言。Dart开发的Android应用没有使用Java，它关注的重点是速度，与Web深度集成。
基于dart语言的android开发。
  虽然 Android 已经在 5.0 中正式引入 ART 原生运行环境，让开发者不再需要依赖 Dalvik Java 虚拟机，但目前为止 Android 平台上大多数应用依然使用 Java 编写而成，而不是 C++。而据 arstechnica 的报道，Google 正在准备一个名为 "Sky" 的新跨平台应用运行框架，它基于 Dart，意在摆脱 Java，并未应用提供 120 FPS（帧）的运行速率。Dart 是 Google 用在 Chrome V8 引擎中的网页脚本语言，最初为高效运行、管理 Javascript 应用而设计，而基于 Dart 的 Sky 则进一步让打包的 JS 应用可以脱离浏览器运行。
  Dart on Android项目又称为sky语言，google将在未来用它替换掉原有的安卓开发语言(Java)。

sky语言(Dart )- https://github.com/domokit/sky_sdk
Google跨平台flutter- https://github.com/flutter/flutter