移动端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(笔记)的更多相关文章

  1. 前端学习(三十八)vue(笔记)

    Angular+Vue+React    Vue性能最好,Vue最轻=======================================================Angular     ...

  2. 前端学习(三十六)promise(笔记)

    一个页面:  头部.用户信息.新闻列表 jquery ajax:  1.$.ajax({    url:'',    dataType:'json', }).then(res=>{    //r ...

  3. 前端学习(二十九)nodejs(笔记)

    后台语言    java     php     .Net     python    Node.js------------------------------------------------- ...

  4. Salesforce LWC学习(三十九) lwc下quick action的recordId的问题和解决方案

    本篇参考: https://developer.salesforce.com/docs/component-library/bundle/force:hasRecordId/documentation ...

  5. 前端学习(三十五)模块化es6(笔记)

    RequireJs:一.安装.下载    官网: requirejs.org    Npm:  npm i requirejs二.使用    以前的开发方式的问题:        1).js 是阻塞加 ...

  6. 前端学习(三十四)对象&模块化(笔记)

    人,工人 //类的定义    function Person(name,age){ //构造函数        //工厂模式        //1.原料        //var obj = new ...

  7. 前端学习(三十)es6的一些问题(笔记)

    赋值表达式    document.onclick = document.onmouseover = fn;    var a = b = c = d = 5;             不推荐 逗号表 ...

  8. Java开发学习(三十九)----SpringBoot整合mybatis

    一.回顾Spring整合Mybatis Spring 整合 Mybatis 需要定义很多配置类 SpringConfig 配置类 导入 JdbcConfig 配置类 导入 MybatisConfig ...

  9. 前端学习(二十二)css3(笔记)

    html5        普通:        header section footer nav article aside figure 特殊:        canvas video audio ...

随机推荐

  1. vim安装bundle和使用

    一.准备工作 安装Git(因为下面我们选择的插件管理器需要使用到它)安装其他插件前首先需要选择一个Vim插件管理器,我这里选择的是Vundle,Vundle的工作过程中需要通过Git自动从远程创库同步 ...

  2. java 简单指令说明

    javac:Java编译器,Java程序的编译工具,用来将Java程序的源文件编译成字节码文件,也就是.class文件.java:Java解释器,解释和执行已经转换成字节码的Java应用程序.jdb: ...

  3. git 代码强行提交

    git add . git commit -m "your comment" git push -u origin master -f

  4. Java 设计模式之 Command 设计模式

    首先我们先来看 UML 图: 参考资料: java设计模式-Command(命令)模式 - - ITeye技术网站http://men4661273.iteye.com/blog/1633775 JA ...

  5. womenzijide

    <!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content ...

  6. JS-关闭当前窗口

    不提示直接关闭 默认有提示,若希望不提示直接关闭则需要使用(并非兼容全部浏览器) window.opener=null; window.open('','_self'); window.close() ...

  7. Invalid bound statement (not found)--spring boot集成mybatis

    问题: {"timestamp":"2019-07-02T10:21:32.379+0000","status":500,"err ...

  8. linux sed如何锁定某一行数据进行替换

  9. 常见的网络设备:集线器 hub、网桥、交换机 switch、路由器 router、网关 gateway

    Repeater 中继器 Hub 集线器 bridge 网桥 switch 交换机 router 路由器 gateway 网关 网卡 参考资料: do-you-know-the-differences ...

  10. [LeetCode] 182.查找重复的电子邮箱

    编写一个 SQL 查询,查找 Person 表中所有重复的电子邮箱. 示例: +----+---------+ | Id | Email | +----+---------+ | 1 | a@b.co ...