前端学习(三十九)移动端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 ...
随机推荐
- Web核心之JSP
JSP JSP = HTML + Java + JSP自己的一些语法 JSP也是一个动态网页开发技术. JSP本质 Jsp实际上就是一个Servlet,在jsp被访问时,tomcat会把jsp转换为一 ...
- python——解释型语言
编程语言分三大类 : 低级语言 . 汇编语言 . 高级语言. 现代计算机都是基于 图灵机模型 制造的. 因此计算机的内部只能接受二进制数据.而用二进制代码 0 1 描述的指令叫 ...
- Influxdb根据配置文件启动(Influxdb的数据存储)
1.在Influxdb文件夹下建立一个bat文件 2.文件内容如下: @echo offSETLOCAL :: 获取当前批处理所在路径SET InfluxdP==%~dp0 :: 开启influxdb ...
- BZOJ 1112: [POI2008]砖块Klo Splay + 性质分析
Code: #include<bits/stdc++.h> using namespace std; #define setIO(s) freopen(s".in",& ...
- 如何添加筛选器 (Reporting Services)
如果您希望在计算或显示时包含或排除特定值,可向数据集.数据区域或组添加筛选器.在运行时应用筛选器的顺序为:先对数据集,再对数据区域,最后对组,并按照组层次结构自上而下的顺序.在表.矩阵或列表中,对行组 ...
- [CSP-S模拟测试]:任(duty)(二维前缀和)
题目描述 $liu\_runda$退役之后就失去梦想开始咸鱼生活了……$Bilibili$夏日画板活动中,所有人都可以在一块画板上进行像素画创作.$UOJ$群有一群无聊的人决定在画板上创作一个$50\ ...
- ECharts t图表组件使用心得
1.使用较多的是“柱状图”和“折线图”: 2.数据列的展示不能够直接输入字符串,正确的做法是将字符串转换成数字类型,这样在生成的图表上才会显示最大值和最小值: 3.对上 1 点的补充,数据列应该使用数 ...
- CSU 1556 Jerry's trouble
题目链接:http://acm.csu.edu.cn/csuoj/problemset/problem?pid=1556 Description Jerry is caught by Tom. He ...
- 关于ADB 执行报错问题-db server version (31) doesn't match this client (40); killing...
D:\ADB>adb devicesList of devices attachedadb server version (31) doesn't match this client (40); ...
- flutter 按键监听
import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main() => ru ...