前端学习(三十九)移动端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 ...
随机推荐
- LeetCode--043--字符串相乘(java)
给定两个以字符串形式表示的非负整数 num1 和 num2,返回 num1 和 num2 的乘积,它们的乘积也表示为字符串形式. 示例 1: 输入: num1 = "2", num ...
- 百度编辑器UEditor使用总结
官网下载地址:http://ueditor.baidu.com/website/download.html 我下载的是jsp版本,下载后将整个目录复制到项目的js包下,然后将jsp包下的lib下的ja ...
- web前端 在react中使用移动端事件,学习笔记
一 移动端事件的使用: onTouchStartCapture onTouchStart onTouchMoveCapture on ...
- python 全栈开发,Day53(jQuery的介绍,jQuery的选择器,jQuery动画效果)
01-jQuery的介绍 1.为什么要使用jQuery 在用js写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件. 代码容错性差. 浏览器兼容性问题. ...
- 0XFF
0xFF = 00000000000000000000000011111111 也就是说 0xFF 代表了一个 byte 位全为 1,-1的补码(数据). 数值和数据是两个不同的概念.数值表示一个数的 ...
- NOIP 2010 P1514 引水入城
题目:传送门 题目概要:有一个n行m列的矩阵,每一个格子都有一个高度,路径只能从高处向低处扩散,问你如果最后一行可以全部被覆盖,最少要从第一行多少个格子开始,如果不能使最后一行全部被覆盖,求有多少个格 ...
- css样式表的理解
全拼Cascading Style Sheete 美化html网页 1分为 内联样式表 和html联合显示 内嵌样式表 在单独区域内嵌,必须在head 外部样式表 需建一个css文件,保存并附加 2选 ...
- linux sed如何锁定某一行数据进行替换
- git如何撤销工作区的修改
对工作区中文件的修改分为三种情况: (1)还没有git add (2)已经git add (3)已经git add,并再次进行修改 对于第一种情况,直接使用git checkout -- 文件,即可撤 ...
- Vagrant 手册之 Provisioning - file 配置程序
原文地址 Provisioner 命令:"file" 通过 file 配置程序可以上传宿主机的文件或目录到虚拟机中. 使用场景:将宿主机的 ~/.gitconfig 复制到虚拟机中 ...