前端学习(三十九)移动端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 ...
随机推荐
- vue对特殊特性的研究
key 预期:number | string key 的特殊属性主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes.如果不使用 key,Vue 会使用一种最大限度减少 ...
- LeetCode--044--通配符匹配(java)*
给定一个字符串 (s) 和一个字符模式 (p) ,实现一个支持 '?' 和 '*' 的通配符匹配. '?' 可以匹配任何单个字符. '*' 可以匹配任意字符串(包括空字符串). 两个字符串完全匹配才算 ...
- 实现粘贴WORD图片的在线编辑器
我司需要做一个需求,就是使用富文本编辑器时,不要以上传附件的形式上传图片,而是以复制粘贴的形式上传图片. 在网上找了一下,有一个插件支持这个功能. WordPaster 安装方式如下: 直接使用Wor ...
- ASP.NET MVC3.0 标签提交
[HttpPost] [ValidateInput(false)] public ActionResult UpdateInformationData(ITMovingData p_data) { p ...
- 台哥原创:java五子棋源码(人机对弈)
最近整理以前的代码,发现一些项目还不错,发出来展示下,嘿嘿. 第一个,就是我的五子棋,这是当初学习java编程做的第一个项目. 算起来已经有12年了,后面对源码做了几次重构完善,清爽了很多. 有三种大 ...
- CAS 认证
Central Authentication Service http session 保持机制 1. 用户向服务端发送密码,服务端生成与用户对应的 sessionid 2. 服务端将这个 sess ...
- Ceiling analysis
Course note: Coursera Machine learning by Andrew Ng, 2014, week 10: Application example: photo OCR ( ...
- leetcode 155. 最小栈(c++)
设计一个支持 push,pop,top 操作,并能在常数时间内检索到最小元素的栈. push(x) -- 将元素 x 推入栈中.pop() -- 删除栈顶的元素.top() -- 获取栈顶元素.get ...
- day35—JavaScript操作元素(创建、删除)
转行学开发,代码100天——2018-04-20 JavaScript对DOM元素的创建.删除操作. 1.创建DOM元素 appendChild方法 createElement(ochild); op ...
- Vagrant 手册之 Multi-machine 多机器
原文地址 Vagrant 可以在一个 Vagrantfile 中定义并控制多个虚拟机.这就是"multi-machine"环境. 这些机器可以协同工作或互相关联.multi-mac ...