phonegap 性能优化 以及 phonegap + Angularjs +ionic

分类: 在移动端的新的征程 | 标签: , , | 日期:


第一讲 phonegap 性能优化 以及 phonegap + Angularjs +
ionic 移动 app 开发介绍
学习要点:
1. Phonegap 第一季 第二季视频教程内容简介
2. phonegap 介绍 phonegap 运行速度介绍以及 phonegap 安装介绍
3. Angularjs 介绍
4. Ionic 介绍以及学习 ionic 前为什么要学 Angularjs
5. Ionic 安装 helloword 演示 以及 ionic 在 android 环境下面导航在最
上面解决方案 (重点)
6. Phonegap3.0 以上 ios android 调试,以及 ionic 写好代码后浏览器动态
预览
7. 开发工具介绍 ,如何不使用 eclipse 来运行模拟器调试程序(重点)
8. 已经学会了 jqmobi , Sencha 这样的 htnl5 移动 App 开发框架 为什么
还要学 ionic
9. Crosswalk 开源 android WebView 引擎,让 Phonegap android 应用飞
起来(经测试运行速度可以提升 3-5 倍 重点)

 

Ionic 介绍 以及学习 ionic 前为什么要学 Angularjs
Ionic 是一个强大的 HTML5 应用程序开发框架,号称 Advanced HTML5 Hybrid Mobile App
Framework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术,比如 HTML、CSS 和
Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验,以及和你的应用
程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。为了解决其他一些
UI 库在手机上运行缓慢的问题。
Ionic 安装 helloword 演示以及 ionic 在 android 环境下面导航在最上面解决
方案
1. 配置环境
2. 先安装 node.js
3. 安装 cordova
npm install -g cordova sudo npm install -g cordova
注意:部分同学现在直接使用 npm install -g cordova 发现安装了以后 执行 cordova build
android 的时候 提示需要安装 platform for android-21 sdk ,意思就是需要 最新版本的 sdk
解决方法:
1.更新 sdk (推荐) 翻墙 代理 或者想其他办法
2.Sdk 没法更新的情况下面 可以先卸载当前的 cordova,然后再重新指定版本安装 cordova

安装 ionic

npm install -g ionic
sudo npm install -g ionic

Ios 创建安装运行
ionic start myproject
cd myproject
ionic platform add ios
ionic build ios
ionic emulate ios
Android 创建安装运行
ionic start myproject
cd myproject
ionic platform add android
ionic build android
ionic emulate android (模拟器运行)
ionic run android (连接上手机运行)

下面的 ionic 调试方法适合于 ios 和 android 并且非常简单
ionic serve 重要用于浏览器调试
cordova serve

Crosswalk 开源 android WebView 引擎,让 Phonegap android 应用飞起来(经
测试运行速度可以提升 3-5 倍)
1. Crosswalk 介绍:
Crosswalk 作为一款开源的 web 引擎,正是为了跨越这些障碍而生。目前 Crosswalk 正式支
持的移动操作系统包括 Android 和 Tizen,在 Android 4.0 及以上的系统中使用 Crosswalk 的
Web 应用程序在 HTML5 方面可以有一致的体验,同时和系统的整合交互方面(比如启动画
面、权限管理、应用切换、社交分享等等)可以做到类似原生应用。现在 Crosswalk 已经成
为众多知名 HTML5 平台和应用的推荐引擎,包括 Google Mobile Chrome App、Intel XDK、
Famo.us 和 Construct2 等等,未来的 Cordova 4.X 也计划集成 Crosswalk。同时在去年的中国
iWeb 大会上,Cocos2d-HTML5 游戏引擎也宣布与 Crosswalk 展开合作。
2.使用 Crosswalk 的优点和缺点
优点:运行速度提升
安装包比较大
Ionic 中集成 Crosswalk (也可以集成其他的 htnl5 框架 如 jqmobi)介绍:
1.集成 crosswalk
ionic browser add crosswalk
2.卸载 crosswalk
ionic browser revert android 或者 ionic browser remove crosswalk

声明:本文为耿师傅 http://www.bordf.com发布文章。转载务必注明出处

注意:转载须保留全文:请保留本文出处!否则耿师傅将向你网站的主机商投诉。
本文永久地址:http://www.bordf.com/article/1477.html


1人发表了评论  ↓发表评论↓

表情:<( ̄︶ ̄)> | (⊙ˍ⊙) | >﹏< | b( ̄▽ ̄)d | (─.─||) | (^_-)

[ Ctrl+Enter提交 ]