前端学习(三十九)移动端app(笔记)
移动端App
开发App的三种方式
Native App 原生
底层语言
java Android
oc IOS
优势:
1.性能非常高
2.可以调用底层功能
劣势:
1.不能跨平台
2.至少需要两个团队
3.成本过高
4.维护难,开发周期长
Web App Web
完全就是页面,只不过包了一个壳子变成了app
优势:
1.可以跨平台
2.只需要一个团队
3.维护容易,开发周期短,成本低
劣势:
1.性能相对于底层来说,要差。
2.不能调用底层功能。
Hybrid App 混合
展示都用Web,底层功能用原生
第三方框架
PhoneGAP
RN
AppCan
==============================================
PhoneGAP
Cordova
最开始交PhoneGAP
被Adobe收购了
改名叫Cordova
最开始用户很少,因为太难玩了。
桌面应用解决了这个问题。
====================================================
想玩PhoneGAP有个前提:
必须得翻墙
官网:
https://www.phonegap.com/
几步:
1.Install our desktop app
2.Install our mobile app
3.Create your new PhoneGap app
4.Preview your new app on your device
5.Write some code & celebrate the world of possibilities!
==========================================
1.如何调用底层功能
2.如果打包app
使用底层功能
手册:http://docs.phonegap.com/references/plugin-apis/
中文:http://www.phonegapcn.com/docs/zh/cn/camera.html
Battery Status 电池状态
Camera 摄像头
Contacts 联系人
Device Info 设备信息
Device Motion (accelerometer) 重力感应
Device Orientation (compass) 罗盘
Dialogs (notification) 提示框
File 文件
File Transfer 文件上传
Geolocation 地理位置
Globalization 全球化
InAppBrowser 新窗口打开
Media 多媒体
Media Capture 媒体捕获
Network Information 网络信息
Splash Screen 欢迎界面
Status Bar 状态栏
Whitelist 白名单
Vibration 振动
=================================================
打包
winphone 直接生成
安卓 需要翻墙
ios 需要mac
官网:https://build.phonegap.com/apps
前端学习(三十九)移动端app(笔记)的更多相关文章
- 前端学习(三十八)vue(笔记)
Angular+Vue+React Vue性能最好,Vue最轻=======================================================Angular ...
- 前端学习(三十六)promise(笔记)
一个页面: 头部.用户信息.新闻列表 jquery ajax: 1.$.ajax({ url:'', dataType:'json', }).then(res=>{ //r ...
- 前端学习(二十九)nodejs(笔记)
后台语言 java php .Net python Node.js------------------------------------------------- ...
- Salesforce LWC学习(三十九) lwc下quick action的recordId的问题和解决方案
本篇参考: https://developer.salesforce.com/docs/component-library/bundle/force:hasRecordId/documentation ...
- 前端学习(三十五)模块化es6(笔记)
RequireJs:一.安装.下载 官网: requirejs.org Npm: npm i requirejs二.使用 以前的开发方式的问题: 1).js 是阻塞加 ...
- 前端学习(三十四)对象&模块化(笔记)
人,工人 //类的定义 function Person(name,age){ //构造函数 //工厂模式 //1.原料 //var obj = new ...
- 前端学习(三十)es6的一些问题(笔记)
赋值表达式 document.onclick = document.onmouseover = fn; var a = b = c = d = 5; 不推荐 逗号表 ...
- Java开发学习(三十九)----SpringBoot整合mybatis
一.回顾Spring整合Mybatis Spring 整合 Mybatis 需要定义很多配置类 SpringConfig 配置类 导入 JdbcConfig 配置类 导入 MybatisConfig ...
- 前端学习(二十二)css3(笔记)
html5 普通: header section footer nav article aside figure 特殊: canvas video audio ...
随机推荐
- vim安装bundle和使用
一.准备工作 安装Git(因为下面我们选择的插件管理器需要使用到它)安装其他插件前首先需要选择一个Vim插件管理器,我这里选择的是Vundle,Vundle的工作过程中需要通过Git自动从远程创库同步 ...
- java 简单指令说明
javac:Java编译器,Java程序的编译工具,用来将Java程序的源文件编译成字节码文件,也就是.class文件.java:Java解释器,解释和执行已经转换成字节码的Java应用程序.jdb: ...
- git 代码强行提交
git add . git commit -m "your comment" git push -u origin master -f
- Java 设计模式之 Command 设计模式
首先我们先来看 UML 图: 参考资料: java设计模式-Command(命令)模式 - - ITeye技术网站http://men4661273.iteye.com/blog/1633775 JA ...
- womenzijide
<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content ...
- JS-关闭当前窗口
不提示直接关闭 默认有提示,若希望不提示直接关闭则需要使用(并非兼容全部浏览器) window.opener=null; window.open('','_self'); window.close() ...
- Invalid bound statement (not found)--spring boot集成mybatis
问题: {"timestamp":"2019-07-02T10:21:32.379+0000","status":500,"err ...
- linux sed如何锁定某一行数据进行替换
- 常见的网络设备:集线器 hub、网桥、交换机 switch、路由器 router、网关 gateway
Repeater 中继器 Hub 集线器 bridge 网桥 switch 交换机 router 路由器 gateway 网关 网卡 参考资料: do-you-know-the-differences ...
- [LeetCode] 182.查找重复的电子邮箱
编写一个 SQL 查询,查找 Person 表中所有重复的电子邮箱. 示例: +----+---------+ | Id | Email | +----+---------+ | 1 | a@b.co ...