当前位置:首页 > 技术知识 > 正文内容

HTML5技术的Web APP能否匹敌Native APP?

maynowei11个月前 (08-12)技术知识143

这种烧脑的问题我觉得还是用例子来说明比较实在,因此我特意找了10个基于HTML5技术的Web App,想要一探究竟。

1、Web FM synthesizer:音频合成器>>>

http://www.taktech.org/takm/WebFMSynth/

这个Web应用程序采用了HTML5和Web音频API(应用程序接口),模拟出80年代最流行的音频合成器。使用方法类似弹钢琴,点击黑白键即可发声。不同的算法提供若干种风格迥异的声音效果,如“01”表示BELL,“02”表示BRASS,“03”表示ORGAN……在移动端操作可以双手并用,玩得更嗨!如果你喜欢音乐,不妨来尝试。

2、TinyPNG:缩图神器>>>

https://tinypng.com/

TinyPNG采用了智能有损压缩技术,通过选择性地降低图像中颜色的数量,只需较少字节即可存储数据。压缩前后的文件大小差异很大,但是视觉效果几乎看不出差距。操作只要两步走——上传、下载,让图片不再臃肿,只是几秒钟的事情,实实在在的缩图神器!

3、Cage App:团队管理工具>>>

http://cageapp.com/

Cage App为团队提供了简单便捷的分享与沟通渠道,借助此平台可以有效管理团队,提高工作效率。

优点包括:

  1. 更快速的批准——让个人的工作快速被团队和客户通过;

  2. 更智能的审核——降低完成一个项目的审核次数;

  3. 更优质的沟通——集中反馈机制可以减少冗长的会议和杂乱的邮件;

  4. 基于语境的反馈——反馈易于理解,具有可操作性;

  5. 基于Web的演示——在线展示和共享工作成果,更加引人入胜;

  6. 有组织性的协作——一个App即可有效管理团队、项目、任务、审核、文件传输等。

4、PDF.js:PDF在线阅读器>>>

http://cageapp.com/

pdf.js是一个基于HTML5技术的PDF的Web阅读器,它提供了一个通用的、标准的平台,用户可以对PDF文件进行阅读翻查、放大缩小、下载打印等一系列操作。与常见的PDF阅读器相比,功能上并无太大区别,但是更加轻便、随时可用。

5、LucidChart:图表在线制作工具>>>

https://www.lucidchart.com/

LucidChart是一个基于HTML5技术的在线制作图表的应用程序。优点在于可以十分方便地勾画和共享专业的流程图表,可满足头脑风暴、项目管理等场景下的需求,无论个人、团队还是企业均可以使用。与其他App具有兼容性,提供标准文件格式的导出服务,这意味着其制作的图表具有可移植性,应用方便。

6、Facturandum:在线发票服务系统>>>

https://www.facturandum.com/

Facturandum是一个提供在线发票服务的系统,特色包括:1.定制化——上传品牌logo,生成带有品牌标志的发票;2.自动化——向你发送提醒,帮助你追踪现金流转状况;3.在线支付——你的客户可以在网上向你支付;4.时间追踪——管理项目并追踪你所花费的时间;5.定期结算——可以设置隔一段时间自动创建和发送发票;6.收入预测——展望未来,根据发票预测你的收入;

7、Apollo:项目和联系人管理工具>>>

http://www.apollohq.com/en

Apollo是一个用于项目和联系人管理的Web应用程序,同样适用于团队管理。使用该平台,用户可以创建项目,设置可选的截止日期,允许团队或客户访问;标签式页面,允许多个喜欢的项目同时打开;按照颜色编码和相关描述,进行项目分类;可以设置项目的状态为运行、不运行或存档,不运行状态下的项目不会发出通知,存档项目可以方便日后参考;可以预定义任务列表,自定义任务的优先级、时间和附件等,从而简化工作流程。

看过了上面的Web App,我发现它们基本上是PC端的应用,那么,移动端有没有好玩的模拟App的轻应用呢?于是乎,我怀着好奇心打开了iH5的主页…… 果不其然,被我找到了!和前面PC端的相比,移动端的这些应用相对简单,但万变不离其宗,无论设计何种Web App,都需要掌握基本的逻辑思维才能做得出来。

一、任务管理系统>>>

http://aebca5be71a3.ih5.cn/idea/SY3DAhy

这是一个带有注册和登录功能的Web轻应用,通过网页构建系统和应用,提供传统App登录与注册所需的姓名输入框、手机输入框、密码输入框,注册后登陆即可看到任务管理的界面,可以查看“所有任务”、“已完成”,也可以新建任务,值得注意的是,任务需要认领,认领后才能够标记完成与否,可不能随意干扰别人的任务噢。

二、签到系统>>>

http://c19db6610971.ih5.cn/idea/h9C-EAx

我们之前做过一个签到送V币和流量的活动,这就是当时用于统计数据的H5签到系统(运用了计数器、变量、2维变量、数据库等工具)。签到过程非常简单,只需点击“点击签到”按钮即可轻松实现,与此同时,“当前已获得流量”、“累计签到天数”和“当前已获得V币”的数据会实时更新。图中上方圆圈可以显示你的头像,另外,该应用还设置了排行榜查询,你可以点击“排行榜”看到所有人的签到情况。

三、模仿网易云音乐APP>>>

http://b9ae5ea2f0d3.ih5.cn/idea/AlV6ujh

我承认一开始是被它的封面吸引的,点进去发现…界面似乎有点简(jian)约(lou)?好的,毕竟是一个模仿,我们还是保持一颗博爱的心——其实音乐App的基本功能它已经做到啦!比如,点击首页的《说谎》即可来到带有林宥嘉写真的播放界面,中间的圆形按钮表示播放/暂停,可以下载、分享该歌曲,也可以按左右的圆形按钮进行歌曲的切换。如果你想回到首页,只需点击左上角的“首页”即可。

回到最开始的问题:基于HTML5技术的WebApp究竟能否匹敌Native App?答案是肯定的,基于HTML5技术的WebApp不但可以匹敌Native App,甚至它的很多特性可以超越Native App,最明显的就是跨平台和高效率这两点,而这恰恰是用户最最关心的问题。每个人的时间都很宝贵,没人愿意为效率低下的东西买单。

与此同时,可视化的HTML5制作工具又可以称得上是梦想成为“App开发者”的人的一个福音。即使你是代码小白,也可以借着HTML5制作工具这棵大树乘凉——做出一款有趣实用的Web App绝不是难事!当然,如果你能够深谙HTML5和JavaScript这些的话,那么,下一个厉害的Web App可能就出自你手了。

你觉得Web App能匹敌传统APP吗?

相关文章

Objective-C的本质(objective-c的特点)

我们平时编写的Objective-C代码,底层实现其实都是C\C++代码,所以Objective-C的面向对象都是基于C\C++的数据结构实现的OC对象的本质Objective-C的对象、类主要是基于...

Django 官方推荐的姿势:类视图(django类视图和函数视图哪个好)

作者:HelloGitHub-追梦人物在开发网站的过程中,有一些视图函数虽然处理的对象不同,但是其大致的代码逻辑是一样的。比如一个博客和一个论坛,通常其首页都是展示一系列的文章列表或者帖子列表。对处理...

c++ 继承简介(c++继承的概念)

24.1 — 继承简介2024 年 6 月 5 日在上一章中,我们讨论了对象组合,即从更简单的类和类型构建复杂类。对象组合非常适合构建与其部分具有“has-a”关系的新对象。但是,对象组合只是 C++...

Navicat Premium 连接 Oracle 数据库

Navicat Premium是一个可多重连接的数据库管理工具,它可让你以单一程序同時连接到 MySQL、SQLite、Oracle 及 PostgreSQL 数据库,让管理不同类型的数据库更加方便。...

Oracle又双叕开始严查JDK,连夜提桶跑路

哈佛商业报道了最近几起北美的JDK许可问题公司用了来源不明的JDK,怕蹲里面,连夜提桶跑路The company uses JDK from unknown sources, and is afrai...

Oracle 11g安装教程完整版(oracle 11g 安装教程)

由于工作需要,将安装的经验分享给大家。第一步:首先准备安装文件包:Oralce 11.2.0.4 64bit和plsqldev1405x64如图所示:第二步:将2个文件解压到同一个目录,如图所示:第三...