移动开发
移动框架
分类
native app(Objective-C,Android)
用户体验好(速度快，UI漂亮)
web app
基于小屏幕，触控操作特点开发web页面,引用轻量级库,UI应该像nativeUI(digg,sun)
hybrid app
多view混合，单view混合，web主题
开发部署快,跨平台一次开发- PhoneGap,AppCan
- native+web
- 其他语言到原生,Titanium,xamarin,react native,native script
框架
PhoneGap/cordova(Hybrid)
HTML页面构建App,依赖web view,底层库，无UI层(可以用ionic)
Appcelerator Titanium(Native)#
NodeJS驱动编译Native层代码,js来开发native
jQueryMobile(UI 库)
html驱动,更像web UI
Sencha touch(UI 库)
Ext JS项目与触摸屏代码库项目jQTouch和SVG处理库Raphael合并，开发web app,更像原生UI,js驱动无html?
ionic(Hybrid)
基于cordova和angularjs,带UI的cordova
xamarin(Native)
基于Mono,c#开发native
react Native(Native)
js,react开发Native
App Framework
Kendo UI
famo
AppCan
Adobe Air
RubyMotion
mui
库
LESS/SASS#
Unobtrusive JavaScript#1#2#3
polyfill#
填补不支持CSS3,HTML5的空白
Modernizr
检查是否支持css3,html5
YepNope.js
是一个超高速的按条件异步加载资源的加载器，允许你只加载使用到的资源（css及js）
Minify
是使用 PHP5 开发的用于合并压缩 js/css 文件的应用程序
Sizzle
Sizzle原来是jQuery里面的选择器引擎
iScroll
OWASP
Open Web Application Security Project
Jquery移动端的替代者
zepto,jq2
MVC
angularjs,reactjs
cordova(Visual Studio下的mobile开发)
目录结构
- www
- merges
编译特定平台时，会把merges下的文件替换www中的同名文件，也会添加文件
包管理
- bower#
安装命令：
npm install -g bower
安装包:
bower install angular
查看当前项目安装的包：
bower list
查看包版本
bower list angular
重要的文件bower.json(visual studio会自动安装依赖项)，.bowerrc(更改下载包的位置)
基于bower的工具(YeoMan,Grunt)
- npm
- nuget
hooks#
ionic(UI库)#
安装ionic CLI
npm install -g ionic
用ionic创建项目模板
ionic start ionicMySideMenu sidemenu
vs 用 project from existing code 加载ionic项目，bower会自动安装依赖项
添加android platform(build solution 也可以添加)
ionic platform add android
plugin#
当需要访问手机的原生功能或多个app可以共用的组件时，需要创建插件
Build your first Cordova plugin#
debug in VS
Emulator#
- Apache Ripple simulator
主要调试界面, cross domain proxy(local/remote)
Android Virtual Device (AVD)#
Genymotion emulator
Visual Studio Emulator for Android#
调试IOS#
iOS Simulator/iOS device# 需要安装remote agent#(安装在Mac电脑,在Mac端打开emulator)
MacInCloud#
Build#
Cordova Command Line Interface 使用 plugman管理插件
VS中使用vs-tac(CLI pre-processor,npm package) 管理其他CLI,可以注入hooks(实现CLI没有的功能)
remotebuild agent for iOS#