性能优化以及phonegap+Angularjs+ionic移动app开发介绍
学习要点：
1.Phonegap第一季第二季视频教程内容简介2.phonegap介绍phonegap运行速度介绍以及phonegap安装介绍
3.Angularjs介绍
4.Ionic介绍以及学习ionic前为什么要学Angularjs5.Ionic安装helloword演示以及ionic在android环境下面导航在最 上面解决方案（重点）
6.Phonegap3.0以上iosandroid调试，以及ionic写好代码后浏览器动态预览
7.开发工具介绍，如何不使用eclipse来运行模拟器调试程序（重点）
8.已经学会了jqmobi,Sencha这样的htnl5移动App开发框架为什么 还要学ionic9.Crosswalk开源androidWebView引擎，让Phonegapandroid应用飞 起来（经测试运行速度可以提升3-5倍重点） 主讲教师：（树根）合作网站：(PhoneGap中文网) 合作网站：(IT营)
1.第一季第二季内容简介 第一季内容:（免费）
1.JquerMobile(发现做app运行速度太慢，我们后续教程放弃用它做App开发，但 是可以用它来做一些wap网站或者微信中的微站) 第二季内容:（jqmobi基础免费，其他赞助）赞助期满后陆续免费公开 1.jqmobi基础(运行速度快)2.jqmobi+discuz+phonegapdiscuz项目实战
3.SenchaTouch+SenchaArchitecture可视化开发工具基础(运行速度快)
4.SenchaTouch+SenchaArchitectures淘宝导购app项目实战 2.phonegap介绍phonegap运行速度介绍以及phonegap安装介绍
1.Phonegap介绍 PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。
它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。
2.Phonegap运行速度1.android环境：a)512内存手机可以放弃phoengapb)1G双核手机运行流畅感觉速度稍微比原生慢可结合Crosswalk优化c)2G4核+手机运行流畅看不出和原生差别d)部分手机兼容可能会出现问题需要调整css（原生开发也会有此问题）2.ios环境：a)iphone4+运行流畅b)iphone5+看不出和原生差别
3.Phonegap安装教程 PhoneGap2.9安装视频教程地址： PhoneGap3.4安装视频教程地址： 说明：如果n年后地址不对可以去下载
3.Angularjs介绍 AngularJS诞生于2009年，由MiskoHevery等人创建，后被Google收购。
是一款优秀的前端JS框架，已用于Google的多款产品当中如Gmail、Maps、Calender等。
AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入，等等。
Angularjs号称下一代web应用主要特性如下：
1.MVC2.模块化与依赖注入
3.双向数据绑定
4.指令与UI控件 官方网站但是打不开大家都懂的 angularJs资源/ /angular/ / /api / (phonegap中文网) angularJs下载1./angular.js/ 2.npminstallangular
4.Ionic介绍以及学习ionic前为什么要学Angularjs Ionic是一个强大的HTML5应用程序开发框架，号称AdvancedHTML5HybridMobileAppFramework是AngularJS移动端解决方案可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。
Ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的HTML5移动应用程序开发。
Ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。
为了解决其他一些UI库在手机上运行缓慢的问题。
官网：/ 学习ionic前为什么要学Angularjs
1.Ionic整合（AngularJsintegrate）AngularJs2.IonicUrlrouting，useAngularUIRouter Ionicurl路由使用AngularUIRouter，可以指定不同的路由，方便开发和集成
3.Ionic扩展了AngularJS指令（AngularJSExtensions&Directives） ion-tab,ion-content,ion-nav-view,ion-header$ionicPopup,$ionicLoading,$ionicModal…遗憾：ionic直接放弃了IOS6和Android4.1以下的版本支持，来获取更好的使用体验。
/devices/android_osandroid市面设备统计图 Ios市面设备统计图
5.Ionic安装helloword演示以及ionic在android环境下面导航在最上面解决方案
1.配置环境
2.先安装node.js3.安装cordova npminstall-gcordova sudonpminstall-gcordova 注意：部分同学现在直接使用npminstall-gcordova发现安装了以后执行cordovabuildandroid的时候提示需要安装platformforandroid-21sdk，意思就是需要最新版本的sdk 解决方法：
1．更新sdk（推荐）翻墙代理或者想其他办法
2．Sdk没法更新的情况下面可以先卸载当前的cordova，然后再重新指定版本安装cordova3.下载sdk包集成推荐 Androidadt离线包集成sdk 卸载cordova 重新指定版本安装cordova npminstall-gcordova@4.1.2
4.安装ionic npminstall-gionicsudonpminstall-gionic
5.创建运行项目Ios创建安装运行ionicstartmyprojectcdmyprojectionicplatformaddiosionicbuildiosionicemulateiosAndroid创建安装运行ionicstartmyprojectcdmyprojectionicplatformaddandroidionicbuildandroidionicemulateandroid(模拟器运行)ionicrunandroid(连接上手机运行) 安装完成后发现android环境下面导航在最上面解决方案:
6.Phonegap3.0以上iosandroid调试，以及ionic写好代码后浏览器动态预览 前面给大家讲过weinre在xcode开发中调试我们的代码还有-App与手机调试工具 Phonegap桌面开发工具 下面的ionic调试方法适合于ios和android并且非常简单 ionicserve重要用于浏览器调试 cordovaserve
7.开发工具介绍，如何不使用eclipse来运行模拟器调试程序 第二季中我们采用的是eclipse开发工具发现对html5的支持不是特别好，所以第三季中我们采用了其他编辑器 其他编辑器：任何html5编辑器但是必须不占用adb端口可以使用的：例如：dwApatanaStudio3sublimeWebStorm不可以使用的：国内优秀的Hbuilderhtml5开发共工具(原因：占用adb，暂时未找到如何解除占用) WebStorm8.0免费下载地址：
8.已经学会了jqmobi,Sencha这样的htnl5移动App开发框架为什么还要学ionic
1.Jqmobi 轻量级框架，它的语言基于jquery语言容易上手,运行速度快，但是没有MVC多人协作开发的概念，项目比较大后代码不易维护(中小项目1-2个人开发很适用)
2.SenchaTouch 运行速度快和jqmobi运行速度差不多，兼容性好，基于MVC世界上第一个html5移动开发框架，但是它是一个重量级的框架，需要extjs基础代码复杂需要较强的程序基础。
但是senchaarchitect是个很不错的可视化开发工具，弥补了sencha的不少缺点 3.ionic 运行速度快和jqmobi运行速度差不多，轻量级框架，基于Angularjs，支持Angularjs的特性，MVC，代码易维护IONIC是目前最有潜力的一款HTML5手机应用开发框架。
通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。
它使用JavaScriptMVVM框架和AngularJS来增强应用。
提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。
即将发布的AngularJS2.0将会专注于移动开发，相信IONIC一定会取得不错的成就。
9.Crosswalk开源androidWebView引擎，让Phonegapandroid应用飞起来（经测试运行速度可以提升3-5倍）
1.Crosswalk介绍：Crosswalk作为一款开源的web引擎，正是为了跨越这些障碍而生。
目前Crosswalk正式支持的移动操作系统包括Android和Tizen，在Android4.0及以上的系统中使用Crosswalk的Web应用程序在HTML5方面可以有一致的体验，同时和系统的整合交互方面（比如启动画面、权限管理、应用切换、社交分享等等）可以做到类似原生应用。
现在Crosswalk已经成为众多知名HTML5平台和应用的推荐引擎，包括GoogleMobileChromeApp、IntelXDK、Famo.us和Construct2等等，未来的Cordova4.X也计划集成Crosswalk。
同时在去年的中国iWeb大会上，Cocos2d-HTML5游戏引擎也宣布与Crosswalk展开合作。
2．使用Crosswalk的优点和缺点优点：运行速度提升安装包比较大 Ionic中集成Crosswalk（也可以集成其他的htnl5框架如jqmobi）介绍：
1．集成crosswalkionicbrowseraddcrosswalk2.卸载crosswalkionicbrowserrevertandroid 或者ionicbrowserremovecrosswalk Cordova中集成CorssWall(比较复杂,上面方法已经适用于所有应用，自己研究) /zapzqc/article/details/41945927 安装中可能出现这个错误，解决方案按照最上面的更新
sdk 感谢收看本次教程本教程由phonegap中文网() 提供我是主讲老师：树根我的邮箱：phonegap100@
1.Phonegap第一季第二季视频教程内容简介2.phonegap介绍phonegap运行速度介绍以及phonegap安装介绍
3.Angularjs介绍
4.Ionic介绍以及学习ionic前为什么要学Angularjs5.Ionic安装helloword演示以及ionic在android环境下面导航在最 上面解决方案（重点）
6.Phonegap3.0以上iosandroid调试，以及ionic写好代码后浏览器动态预览
7.开发工具介绍，如何不使用eclipse来运行模拟器调试程序（重点）
8.已经学会了jqmobi,Sencha这样的htnl5移动App开发框架为什么 还要学ionic9.Crosswalk开源androidWebView引擎，让Phonegapandroid应用飞 起来（经测试运行速度可以提升3-5倍重点） 主讲教师：（树根）合作网站：(PhoneGap中文网) 合作网站：(IT营)
1.第一季第二季内容简介 第一季内容:（免费）
1.JquerMobile(发现做app运行速度太慢，我们后续教程放弃用它做App开发，但 是可以用它来做一些wap网站或者微信中的微站) 第二季内容:（jqmobi基础免费，其他赞助）赞助期满后陆续免费公开 1.jqmobi基础(运行速度快)2.jqmobi+discuz+phonegapdiscuz项目实战
3.SenchaTouch+SenchaArchitecture可视化开发工具基础(运行速度快)
4.SenchaTouch+SenchaArchitectures淘宝导购app项目实战 2.phonegap介绍phonegap运行速度介绍以及phonegap安装介绍
1.Phonegap介绍 PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。
它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。
2.Phonegap运行速度1.android环境：a)512内存手机可以放弃phoengapb)1G双核手机运行流畅感觉速度稍微比原生慢可结合Crosswalk优化c)2G4核+手机运行流畅看不出和原生差别d)部分手机兼容可能会出现问题需要调整css（原生开发也会有此问题）2.ios环境：a)iphone4+运行流畅b)iphone5+看不出和原生差别
3.Phonegap安装教程 PhoneGap2.9安装视频教程地址： PhoneGap3.4安装视频教程地址： 说明：如果n年后地址不对可以去下载
3.Angularjs介绍 AngularJS诞生于2009年，由MiskoHevery等人创建，后被Google收购。
是一款优秀的前端JS框架，已用于Google的多款产品当中如Gmail、Maps、Calender等。
AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入，等等。
Angularjs号称下一代web应用主要特性如下：
1.MVC2.模块化与依赖注入
3.双向数据绑定
4.指令与UI控件 官方网站但是打不开大家都懂的 angularJs资源/ /angular/ / /api / (phonegap中文网) angularJs下载1./angular.js/ 2.npminstallangular
4.Ionic介绍以及学习ionic前为什么要学Angularjs Ionic是一个强大的HTML5应用程序开发框架，号称AdvancedHTML5HybridMobileAppFramework是AngularJS移动端解决方案可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。
Ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的HTML5移动应用程序开发。
Ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。
为了解决其他一些UI库在手机上运行缓慢的问题。
官网：/ 学习ionic前为什么要学Angularjs
1.Ionic整合（AngularJsintegrate）AngularJs2.IonicUrlrouting，useAngularUIRouter Ionicurl路由使用AngularUIRouter，可以指定不同的路由，方便开发和集成
3.Ionic扩展了AngularJS指令（AngularJSExtensions&Directives） ion-tab,ion-content,ion-nav-view,ion-header$ionicPopup,$ionicLoading,$ionicModal…遗憾：ionic直接放弃了IOS6和Android4.1以下的版本支持，来获取更好的使用体验。
/devices/android_osandroid市面设备统计图 Ios市面设备统计图
5.Ionic安装helloword演示以及ionic在android环境下面导航在最上面解决方案
1.配置环境
2.先安装node.js3.安装cordova npminstall-gcordova sudonpminstall-gcordova 注意：部分同学现在直接使用npminstall-gcordova发现安装了以后执行cordovabuildandroid的时候提示需要安装platformforandroid-21sdk，意思就是需要最新版本的sdk 解决方法：
1．更新sdk（推荐）翻墙代理或者想其他办法
2．Sdk没法更新的情况下面可以先卸载当前的cordova，然后再重新指定版本安装cordova3.下载sdk包集成推荐 Androidadt离线包集成sdk 卸载cordova 重新指定版本安装cordova npminstall-gcordova@4.1.2
4.安装ionic npminstall-gionicsudonpminstall-gionic
5.创建运行项目Ios创建安装运行ionicstartmyprojectcdmyprojectionicplatformaddiosionicbuildiosionicemulateiosAndroid创建安装运行ionicstartmyprojectcdmyprojectionicplatformaddandroidionicbuildandroidionicemulateandroid(模拟器运行)ionicrunandroid(连接上手机运行) 安装完成后发现android环境下面导航在最上面解决方案:
6.Phonegap3.0以上iosandroid调试，以及ionic写好代码后浏览器动态预览 前面给大家讲过weinre在xcode开发中调试我们的代码还有-App与手机调试工具 Phonegap桌面开发工具 下面的ionic调试方法适合于ios和android并且非常简单 ionicserve重要用于浏览器调试 cordovaserve
7.开发工具介绍，如何不使用eclipse来运行模拟器调试程序 第二季中我们采用的是eclipse开发工具发现对html5的支持不是特别好，所以第三季中我们采用了其他编辑器 其他编辑器：任何html5编辑器但是必须不占用adb端口可以使用的：例如：dwApatanaStudio3sublimeWebStorm不可以使用的：国内优秀的Hbuilderhtml5开发共工具(原因：占用adb，暂时未找到如何解除占用) WebStorm8.0免费下载地址：
8.已经学会了jqmobi,Sencha这样的htnl5移动App开发框架为什么还要学ionic
1.Jqmobi 轻量级框架，它的语言基于jquery语言容易上手,运行速度快，但是没有MVC多人协作开发的概念，项目比较大后代码不易维护(中小项目1-2个人开发很适用)
2.SenchaTouch 运行速度快和jqmobi运行速度差不多，兼容性好，基于MVC世界上第一个html5移动开发框架，但是它是一个重量级的框架，需要extjs基础代码复杂需要较强的程序基础。
但是senchaarchitect是个很不错的可视化开发工具，弥补了sencha的不少缺点 3.ionic 运行速度快和jqmobi运行速度差不多，轻量级框架，基于Angularjs，支持Angularjs的特性，MVC，代码易维护IONIC是目前最有潜力的一款HTML5手机应用开发框架。
通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。
它使用JavaScriptMVVM框架和AngularJS来增强应用。
提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。
即将发布的AngularJS2.0将会专注于移动开发，相信IONIC一定会取得不错的成就。
9.Crosswalk开源androidWebView引擎，让Phonegapandroid应用飞起来（经测试运行速度可以提升3-5倍）
1.Crosswalk介绍：Crosswalk作为一款开源的web引擎，正是为了跨越这些障碍而生。
目前Crosswalk正式支持的移动操作系统包括Android和Tizen，在Android4.0及以上的系统中使用Crosswalk的Web应用程序在HTML5方面可以有一致的体验，同时和系统的整合交互方面（比如启动画面、权限管理、应用切换、社交分享等等）可以做到类似原生应用。
现在Crosswalk已经成为众多知名HTML5平台和应用的推荐引擎，包括GoogleMobileChromeApp、IntelXDK、Famo.us和Construct2等等，未来的Cordova4.X也计划集成Crosswalk。
同时在去年的中国iWeb大会上，Cocos2d-HTML5游戏引擎也宣布与Crosswalk展开合作。
2．使用Crosswalk的优点和缺点优点：运行速度提升安装包比较大 Ionic中集成Crosswalk（也可以集成其他的htnl5框架如jqmobi）介绍：
1．集成crosswalkionicbrowseraddcrosswalk2.卸载crosswalkionicbrowserrevertandroid 或者ionicbrowserremovecrosswalk Cordova中集成CorssWall(比较复杂,上面方法已经适用于所有应用，自己研究) /zapzqc/article/details/41945927 安装中可能出现这个错误，解决方案按照最上面的更新
sdk 感谢收看本次教程本教程由phonegap中文网() 提供我是主讲老师：树根我的邮箱：phonegap100@
声明：
该资讯来自于互联网网友发布，如有侵犯您的权益请联系我们。
