运行discuz教程

第一讲phonegap性能优化以及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倍重点)主讲教师:(树根)合作网站:www.
phonegap100.
com(PhoneGap中文网)合作网站:www.
itying.
com(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拥有丰富的插件,可以调用.
http://baike.
baidu.
com/view/4157600.
htm2.
Phonegap运行速度1.
android环境:a)512内存手机可以放弃phoengapb)1G双核手机运行流畅感觉速度稍微比原生慢可结合Crosswalk优化c)2G4核+手机运行流畅看不出和原生差别d)部分手机兼容可能会出现问题需要调整css(原生开发也会有此问题)2.
ios环境:a)iphone4+运行流畅b)iphone5+看不出和原生差别3.
Phonegap安装教程PhoneGap2.
9安装视频教程地址:http://bbs.
phonegap100.
com/thread-174-1-1.
htmlPhoneGap3.
4安装视频教程地址:http://bbs.
phonegap100.
com/thread-668-1-1.
html说明:如果n年后地址不对可以去www.
phonegap100.
com下载3.
Angularjs介绍AngularJS诞生于2009年,由MiskoHevery等人创建,后被Google收购.
是一款优秀的前端JS框架,已用于Google的多款产品当中如Gmail、Maps、Calender等.
AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入,等等.
http://baike.
baidu.
com/view/9604951.
htmAngularjs号称下一代web应用主要特性如下:1.
MVC2.
模块化与依赖注入3.
双向数据绑定4.
指令与UI控件官方网站Angularjs.
org但是打不开大家都懂的angularJs资源http://www.
angularjs.
org/https://www.
github.
com/angular/http://www.
angularjs.
cn/http://docs.
angularjs.
cn/apihttp://www.
ngnice.
com/http://www.
phonegap100.
com(phonegap中文网)angularJs下载1.
http://www.
bootcdn.
cn/angular.
js/2.
npminstallangular4.
Ionic介绍以及学习ionic前为什么要学AngularjsIonic是一个强大的HTML5应用程序开发框架,号称AdvancedHTML5HybridMobileAppFramework是AngularJS移动端解决方案可以帮助您使用Web技术,比如HTML、CSS和Javascript构建接近原生体验的移动应用程序.
Ionic主要关注外观和体验,以及和你的应用程序的UI交互,特别适合用于基于Hybird模式的HTML5移动应用程序开发.
Ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点.
为了解决其他一些UI库在手机上运行缓慢的问题.
官网:http://ionicframework.
com/学习ionic前为什么要学Angularjs1.
Ionic整合(AngularJsintegrate)AngularJs2.
IonicUrlrouting,useAngularUIRouterIonicurl路由使用AngularUIRouter,可以指定不同的路由,方便开发和集成3.
Ionic扩展了AngularJS指令(AngularJSExtensions&Directives)ion-tab,ion-content,ion-nav-view,ion-header$ionicPopup,$ionicLoading,$ionicModal…遗憾:ionic直接放弃了IOS6和Android4.
1以下的版本支持,来获取更好的使用体验.
http://www.
umindex.
com/devices/android_osandroid市面设备统计图Ios市面设备统计图5.
Ionic安装helloword演示以及ionic在android环境下面导航在最上面解决方案1.
配置环境2.
先安装node.
js3.
安装cordovanpminstall-gcordovasudonpminstall-gcordova注意:部分同学现在直接使用npminstall-gcordova发现安装了以后执行cordovabuildandroid的时候提示需要安装platformforandroid-21sdk,意思就是需要最新版本的sdk解决方法:1.
更新sdk(推荐)翻墙代理或者想其他办法2.
Sdk没法更新的情况下面可以先卸载当前的cordova,然后再重新指定版本安装cordova3.
下载sdk包集成推荐http://bbs.
phonegap100.
com/thread-1566-1-1.
htmlAndroidadt离线包集成sdkhttp://bbs.
phonegap100.
com/thread-1456-1-1.
html卸载cordovahttp://bbs.
phonegap100.
com/thread-1180-1-1.
html重新指定版本安装cordovahttp://bbs.
phonegap100.
com/thread-1127-1-1.
htmlnpminstall-gcordova@4.
1.
24.
安装ionicnpminstall-gionicsudonpminstall-gionic5.
创建运行项目Ios创建安装运行ionicstartmyprojectcdmyprojectionicplatformaddiosionicbuildiosionicemulateiosAndroid创建安装运行ionicstartmyprojectcdmyprojectionicplatformaddandroidionicbuildandroidionicemulateandroid(模拟器运行)ionicrunandroid(连接上手机运行)安装完成后发现android环境下面导航在最上面解决方案:http://bbs.
phonegap100.
com/thread-1495-1-1.
html6.
Phonegap3.
0以上iosandroid调试,以及ionic写好代码后浏览器动态预览前面给大家讲过weinre在xcode开发中调试我们的代码还有Phonegap桌面开发工具Desktop-App与手机调试工具http://bbs.
phonegap100.
com/thread-1315-1-1.
html下面的ionic调试方法适合于ios和android并且非常简单ionicserve重要用于浏览器调试cordovaserve7.
开发工具介绍,如何不使用eclipse来运行模拟器调试程序第二季中我们采用的是eclipse开发工具发现对html5的支持不是特别好,所以第三季中我们采用了其他编辑器其他编辑器:任何html5编辑器但是必须不占用adb端口可以使用的:例如:dwApatanaStudio3sublimeWebStorm不可以使用的:国内优秀的Hbuilderhtml5开发共工具(原因:占用adb,暂时未找到如何解除占用)WebStorm8.
0免费下载地址:http://bbs.
phonegap100.
com/thread-1567-1-1.
html8.
已经学会了jqmobi,Sencha这样的htnl5移动App开发框架为什么还要学ionic1.
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或者ionicbrowserremovecrosswalkhttp://bbs.
phonegap100.
com/thread-1446-1-1.
htmlCordova中集成CorssWall(比较复杂,上面方法已经适用于所有应用,自己研究)http://blog.
csdn.
net/zapzqc/article/details/41945927安装中可能出现这个错误,解决方案按照最上面的更新sdk感谢收看本次教程本教程由phonegap中文网(phonegap100.
com)www.
itying.
com提供我是主讲老师:树根我的邮箱:phonegap100@qq.
com