精华内容
下载资源
问答
  • 移动端app开发,原生开发与混合开发的区别

    万次阅读 多人点赞 2019-09-26 18:47:01
    目前市场上主流的APP分为三原生APP、Web APP(即HTML5)和混合APP三,相对应的定制开发就是原生开发、H5开发和混合开发。那么这三开发模式究竟有何不同呢?下面我们就分别从这三者各自的优劣势来区分比较吧...

    目前市场上主流的APP分为三种:原生APP、Web APP(即HTML5)和混合APP三种,相对应的定制开发就是原生开发、H5开发和混合开发。那么这三种开发模式究竟有何不同呢?下面我们就分别从这三者各自的优劣势来区分比较吧!
    一、APP原生开发
    原生开发(Native App开发),是在Android、IOS等移动平台上利用提供的开发语言、开发类库、开发工具进行App软件开发。比如Android是利用Java、Eclipse、Android studio;IOS是利用Objective-C 和Xcode进行开发。
    通俗点来讲,原生开发就像盖房子一样,先打地基然后浇地梁、房屋结构、一砖一瓦、钢筋水泥、电路走向等,都是经过精心的设计。原生APP也一样:通过代码从每个页面、每个功能、每个效果、每个逻辑、每个步骤全部用代码写出来,一层层,一段段全用代码写出来。
    优点:
    1、可访问手机所有功能(如GPS、摄像头等)、可实现功能齐全;
    2、运行速度快、性能高,绝佳的用户体验;
    3、支持大量图形和动画,不卡顿,反应快;
    4、兼容性高,每个代码都经过程序员精心设计,一般不会出现闪退的情况,还能防止病毒和漏洞的出现;
    5、比较快捷地使用设备端提供的接口,处理速度上有优势。
    缺点:
    1、开发时间长,快则3个月左右完成,慢则五个月左右;
    2、制作费用高昂,成本较高;
    3、可移植性比较差,一款原生的App,Android和IOS都要各自开发,同样的逻辑、界面要写两套;
    4、内容限制(App Store限制);
    5、获得新版本时需重新下载应用更新。
    二、Web APP (HTML5)开发
    HTML5应用开发,是利用Web技术进行的App开发。Web技术本身需要浏览器的支持才能进行展示和用户交互,因此主要用到的技术是HTML5、Javascript、CSS等。
    优点:
    1、支持设备范围广,可以跨平台,编写的代码可以同时在Android、IOS、Windows上运行;
    2、开发成本低、周期短;
    3、无内容限制;
    4、适合展示有大段文字(如新闻、攻略等),且格式比较丰富(如加粗,字体多样)的页面;
    5、用户可以直接使用新版本(自动更新,不需用户手动更新)。
    缺点:
    1、由于Web技术本身的限制,H5移动应用不能直接访问设备硬件和离线存储,所以在体验和性能上有很大的局限性;
    2、对联网要求高,离线不能做任何操作;
    3、功能有限;
    4、APP反应速度慢,页面切换流畅性较差;
    5、图片和动画支持性不高;
    6、用户体验感较差;
    7、无法调用手机硬件(摄像头、麦克风等)。
    三、混合APP开发(原生+H5)
    混合开发(Hybrid App开发),是指在开发一款App产品的时候,为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。通俗点来说,这就是网页的模式,通常由“HTML5云网站+APP应用客户端”两部份构成。
    混合开发是一种取长补短的开发模式,原生代码部分利用Web View插件或者其它框架为H5提供容器,程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。比如京东、淘宝、今日头条等APP都是利用混合开发模式而成的。
    优点:
    1、开发效率高,节约时间。同一套代码Android和IOS基本上都可使用;
    2、更新和部署比较方便,每次升级版本只需要在服务器端升级即可,不再需要上传到App Store进行审核;
    3、代码维护方便、版本更新快,节省产品成本;
    4、比web版实现功能多;
    5、可离线运行。
    缺点:
    1、功能/界面无法自定:所有内容都是固定的,不能换界面或增加功能;
    2、加载缓慢/网络要求高:混合APP数据需要全部从服务器调取,每个页面都需要重新下载,因此打开速度慢,网络占用高,缓冲时间长,容易让用户反感;
    3、安全性比较低:代码都是以前的老代码,不能很好地兼容新手机系统,且安全性较低,网络发展这么快,病毒这么多,如果不实时更新,定期检查,容易产生漏洞,造成直接经济损失;
    4、既懂原生开发又懂H5开发的高端人才难找。
    以上就是原生开发、H5开发和混合开发各自的优缺点。相比之下,由于现代人的个性化需求越来越明显,所以原生APP开发也越来越多,定制化的服务更能满足消费者的需求。若您也想要定制一款别开生面的APP,就来找我们吧!

    展开全文
  • 项目中不需要加载jquery这种庞大的js插件要使用到ajax这种功能该如何办呢?下面和大家分享几利用javascript实现原生ajax的方法
  • 种原生js动画效果

    2020-10-23 08:42:30
    主要介绍了九种原生js动画效果,个个都非常精彩,都值得大家学习,需要的朋友可以参考下
  • 原生App与Web APP优劣势分析

    千次阅读 多人点赞 2019-06-25 10:45:33
    现如今APP开发有两个主流的方向:原生App 以及移动Web App。那么您是否知道这两者有何区别?什么是原生APP,什么是web APP?今天小编在此对二者进行一个对比。 ☛ 什么是原生APP 在智能手机上运行的App应用程序有...

    现如今APP开发有两个主流的方向:原生App 以及移动Web App。那么您是否知道这两者有何区别?什么是原生APP,什么是web APP?今天小编在此对二者进行一个对比。
    在这里插入图片描述
    ☛ 什么是原生APP
    在智能手机上运行的App应用程序有NativeAPP(基于本地操作系统运行)和WebAPP(基于手机浏览器运行),其中NativeApp就是原生App的意思,所以原生App开发也就是指基于本地操作系统的App开发服务。如今市面上多数的APP软件开发都是使用的原生程序编写的应用程序,也就是说大部分的手机APP属于原生APP应用软件。原生APP访问和兼容的能力也比较好,可以支持在线或者离线消息推送或是进行本地资源访问,以及摄像、拨号、蓝牙、功能的调取。原生APP开发有许多的优势,如原生APP是针对不同的平台为用户提供不同的体验、原生应用可以节约宽带成本、访问本地资源、打开的速度更快并为用户提供最佳的用户体验和优质的用户界面等。

    ☛ 什么是web APP
    WebApp是一种框架型APP开发模式(HTML5APP框架开发模式),具有跨平台的优势,该模式通常由“HTML5云网站+APP应用客户端”两部分构成,APP应用客户端只需安装应用的框架部份,而应用的数据则是每次打开APP的时候,去云端取数据呈现给手机用户。

    ☛原生APP和web APP的对比
    在这里插入图片描述

    1、开发方面

    原生APP:
        每一种移动操作系统都需要独立的开发项目,iphone版本、Ipad版本、安卓版本。每种平台都需要独立的开发语言。需要使用各自的软件开发包,开发工具以及各自的控件。开发成本高、开发速度慢、维护成本高。三个平台(IOS、安卓、windows)的规则、推广、运营都不相同。官方应用商店对APP上线审核流程比较复杂而且很慢,会严重影响APP的发布上线。

    web APP:
        因为运行在移动设备的浏览器上,所以只需要一个开发项目。可以通过HTML、CSS或者JavaScript来进行WebAPP的开发。开发成本低、开发速度快。

    2、功能方面

    原生APP:
        原生APP是一个系统性的应用程序,可以类比于电脑上的软件。原生app可以调用移动终端的硬件设备, 比如:麦克风、摄像头、短信、GPS、蓝牙、重力感应等。实现功能丰富

    web APP:
        Web APP可以类比于电脑上的网页。WebAPP更多是页面展示类的APP。只能使用有限的移动硬件设备功能。更多用于页面展示,侧重于简单的交互,无法使用很多硬件设备独特的功能。

    3、应用安装与使用方面

    原生APP:
        需要通过应用商店将原生app下载到手机上或移动终端上。以独立的应用程序运行用户必须手动去下载并安装这些原生App,原生应用可以节约宽带成本,可以访问本地资源、缓存。
    web APP:
        过移动设备上的浏览器访问,软件更新只需要更新服务器就够了,用户层面不需要做任何操作。不需要安装客户端,可以节省手机终端的内存空间。

    4、版本控制方面

    原生APP:
        用户可以自由的选择是否更新软件版本,所以会出现不同用户同时使用不同版本的情况。同时也会导致维护成本比较高。使用旧版本的用户无法体验新版本的完整功能。
    web APP:
        所有用户都是同样的版本,所有用户获得的功能都是相同的。版本更新比较方便,直接在服务器册更新数据即可。一个功能做好了就上线,一天更细几十次都毫无压力。如果客户端只是一个浏览器,那一切都会变得非常简单。另外web统一性高,跨平台使用时开发量少。由于其入口不明显(浏览器导航或者随意点击链接进入),让用户记住的门槛也随之拔高。每次推广导入的流量都可能沦为一次性努力,用户留存低。

    5、加载速度方面

    原生APP:
        原生APP由“云服务器数据+APP应用客户端”两部分构成,APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。访问的时候,不需要重新下载加载应用页面框架,只需要加载数据即可。所以加载速度更快,页面响应更快。
    web APP:
        而WebAPP打开一个页面,都需重新加载页面的所有元素,访问速度受手机终端性能和网络环境的限制,导致加载速度慢,而且操作频繁容易卡死。

    总结:

        原生App偏向于交互,注重用户体验(导航切换、勾选选项、图片、视频等操作),WebAPP偏向与浏览和简单的交互。一些功能需要访问硬件(摄像头、传感器等),使用原生App,WebAPP用于信息展示。成本有限时,核心的功能使用原生APP,周边辅助的功能可以使用WebApp。现状:比较流行的方法就是将原生App和WebApp进行融合,就是说应用大的框架是原生的,其他详细的内容就通过网页封装,这样做的好处就是在方便更新的同时,也能保证核心功能的交互体验。

    展开全文
  • 本文主要介绍了原生js更改css样式的两方式,具有很好的参考价值,下面跟着小编一起来看下吧
  • 主要为大家详细介绍了原生ajax和iframe框架实现图片文件上传的两方式,感兴趣的小伙伴们可以参考一下
  • 行业文档-设计装置-一种原生木浆卡纸及其制备方法.zip
  • NULL 博文链接:https://ynp.iteye.com/blog/2007053
  • 拖拽效果:只可在浏览器中拖拽;可超出浏览器拖拽;点击头部在浏览器中拖拽;点击头部可超出浏览器拖拽
  • 原生js Dialog对话框插件制作19对话框弹出层拖动
  • 本文实例讲述了原生JS实现循环Nodelist Dom列表的4方式。分享给大家供大家参考,具体如下: function $(id) { return document.getElementById(id); } var _PAGE = { timeListDom: $('timeList') }; var ...
  • 下面小编就为大家带来一篇php原生导出excel文件的两方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 业分类-物理装置-一实现云原生的MIPS架构容器云的方法.zip
  • 下面小编就为大家带来一篇原生js获取left值和top值的三方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 原生js和jquery两处理cookie的插件介绍-附件资源
  • 行业分类-作业装置-一种原生纳米弥散相改性镁合金中LPSO结构的方法.zip
  • 在JavaScript中,有三常用的绑定事件的方法: 在DOM元素中直接绑定; 在JavaScript代码中绑定; 绑定事件监听函数。 1.在DOM元素中直接绑定 html标签事件绑定:属性赋值 ,这个在该元素的properties属性中可以查...
    JavaScript绑定事件的方法

    要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定"事件处理函数"。所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称。

    在JavaScript中,有三种常用的绑定事件的方法:

    • 在DOM元素中直接绑定;
    • 在JavaScript代码中绑定;
    • 绑定事件监听函数。
    1.在DOM元素中直接绑定

    html标签事件绑定:属性赋值 ,这个在该元素的properties属性中可以查到, 也可以在事件监听中看到

    function show(){
      console.log('show');
    }
    
    function print(){
      console.log('print');
    }
    
    <button onclick="show()" id="btn1" onclick="print()">html标签事件绑定</button>
    //触发的方法只有show方法
    
    <button onclick="show();print()" id="btn1">html标签事件绑定</button>
    //一个事件,触发两个方法
    
    2.在JavaScript代码中绑定

    js事件绑定:属性赋值,这个在该元素的properties属性中可以查到,也可以在事件监听中看到

    <button id="btn2">js事件绑定</button>
    
     document.getElementById("btn2").onclick = show;
     document.getElementById("btn2").onclick = print;
    
    //只能触发print方法,如果需要同时触发两个方法,只能使用事件监听,也就是第三种绑定方案.
    
    3.绑定事件监听函数

    只可以在该元素的事件监听中看到

    <button id="btn3">事件监听</button>      
    
    //show和print两个方法都可以触发
    document.getElementById("btn3").addEventListener("click",show);
    document.getElementById("btn3").addEventListener("click",print);
    
    //移除事件监听
    document.getElementById("btn3").removeEventListener("click");
    
    展开全文
  • 开发一个完整的app需要哪些技术?App开发的到底要多少钱?如何简单快速低成本的开发app?现在,市场上的app开发...第一原生App开发 原生App开发(Native App)就是通过安卓或者苹果官方推出的开发语言、开发工具...

    开发一个完整的app需要哪些技术?App开发的到底要多少钱?如何简单快速低成本的开发app?现在,市场上的app开发可以分为4种不同的app开发方式,不同的app开发方式,对app技术、开发人员、开发成本、开发周期的要求完全不提供,大家可以根据自己需要,选择适合自己的app软件开发方式。

    第一种:原生App开发

    原生App开发(Native App)就是通过安卓或者苹果官方推出的开发语言、开发工具分别进行app的开发。开发出的app可实现的功能多、性能好,用户体验好,页面交互效果佳,但是开发难度大,需要安卓及iOS两套开发人员。

    原生App开发安卓版需要的技术包括Android Studio、eclipse,iOS系统主要通过Objective-C进行开发。

    第二种:Web App开发

    Web App软件开发简单地说,就是开发一个网站,然后加入app的壳。Web App一般非常小,内容都是app内的网页展示,受制于网页技术本身,可实现功能少,而且每次打开,几乎所有的内容都需要重新加载,所以反应速度慢,内容加载过多就容易卡死,用户体验差,而且app内的交互设计等非常有效。但是开发周期长端,需要的技术人员少,成本低。

    Web App开发通常使用html或html5、CSS3、JavaScript进行开发,服务端使用java、php、ASP等。

    第三种:混合 App开发

    混合App(Hybrid App)顾名思义就是不分使用原生开发,不分使用web开发的模式。在核心部分采用原生开发,来实现功能、做交互等,非核心部分采用web开发,节省开发时间。混合开发的功能、开发周期、费用等介入前两种之间。但是目前混合开发技术不成熟,市场缺乏跨语言的开发人才。

    第四种:免编程 App开发

    免编程App开发(SaaS化App)主要借助最新的免编程SaaS化app制作平台“应用公园”,采用0编程、模块化、可视化的app制作方式。让用户不用找app开发公司,不用找专业开发人员,不需要懂专业开发技术,不需要有软件开发经验,自己也能开发制作原生app软件。

    展开全文
  • 本篇文章主要介绍了深入理解React Native原生模块与JS模块通信的几方式,具有一定的参考价值,有兴趣的可以了解一下
  • 基于原生系统的下载demo支持断点续传支持多线程下载.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
  • 史上最全最详细的Anaconda安装教程

    万次阅读 多人点赞 2020-01-08 16:46:41
    C:\Program Files\PuTTY\ 发现原生Python路径还在,同时在原生Python路径之前多了与Anaconda相关的路径,因此Anaconda自带安装的Python并不会覆盖掉原生Python,但为什么输python --version显示的是Anaconda的版本...
  • 原生与Flutter数据交互,主要就是构建好通道机制  Flutter 与原生交互使用Platform Channel。Flutter定义了三不同类型的Channel,它们分别是: BasicMessageChannel:用于传递字符串和半结构化的信息(双向...
  • 利用React Native以一简单、声明式的API创建跨平台原生表单
  • 返回顶部组件是一极其常见的网页功能,需求简单:页面滚动一定距离后,显示返回顶部的按钮,点击该按钮可以将滚动条滚回至页面开始的位置,接下来通过本文给大家介绍原生JS实现平滑回到顶部组件,需要的朋友参考...
  • 原生跨平台编译 种子项目,免得每次建项目,搞一大波的配置..
  • 原生js——四对话框

    千次阅读 2018-09-27 11:11:42
    js一共提供了四对话弹框,即**alert()、confirm()、prompt()、showModalDialog()**。具体使用方法如下: 1.alert() alert()向用户显示一条消息并等待用户关闭对话框。 在大多数的浏览器里,alert()方法会产生...
  • 原生是面向云应用设计的一思想理念,能够充分发挥云效能的最佳实践路径;帮助企业构建弹性可靠、松耦合、易管理可观测的应用系统,提升交付效率,降低运维复杂度;代表技术包括不可变基础设施、服务网格、声明式API...
  • 主要介绍了原生javascript中this几常见用法,结合实例形式总结分析了JavaScript中this的功能、常见用法及操作注意事项,需要的朋友可以参考下
  • 在做项目的时候,有时候需要用到异步数据请求,但是如果这个时候没有框架的依赖,就需要用到原生JS进行异步数据请求。这时候无非有两请求方式,一是AJAX,另一个是JSONP。通过原生JS对异步请求进行简单的封装。 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 343,180
精华内容 137,272
关键字:

原生种