用web技术开发出原生的App应用的体会(1)
本人是是个前端小白,学前端已经有半年的时间了,前几天开了个博客,希望记录自己学习历程的点滴。
今天要写的是关于用html,css,javascript等web技术开发原生的app应用。
总所周知,web所写出东西的性能一直被人饱受诟病,这个也是做web开发会一直被轻视的原因之一,那么怎么用web技术开发出较好的有原生一般体验的应用呢?原生的应用开发成本高,而且更新周期短,这就需要用户不断的更新才能使用到原生App的一些新的功能和特性,试想一下,一般的我们的手机安装的应用都在10个以上,那么每隔一小段时间就会有很多消息提示你安装新的版本,这个对用户来说是很反感的一件事,但是用web开发的webApp所有的版本更新只需要在服务器端操作,客户端不会接受到任何信息。这个对用户来说无疑的大大增加了友好程度。原生的拥有近40W个api去调用操作系统各个组件,而web尽管发展了那么多年,但也只有可怜的7W多个API,而且有些还存在兼容性的问题。
小小的分析了下(其实关于webApp还有nativeApp网上有很多对比,还有HybirdApp,这里就不在啰嗦,只讲个人的对这些的一点最大的体会)。
再来说下实现。
原生的App可以调用许多原生的Api,而且由于手机操作系统的支持,原生的体验要好很多很多,相比有webAPP的话,那结果是惨不忍睹。在IOS上还好,但是一放到安卓上,别说什么3D,旋转,大爆炸了,多开几个定时器,也会有稍微的小卡顿。(对为什么会这个样子,我个人还没有深入探究,大神勿喷)
后面我尝试用了zepto,jquery moblie,效果都不太好。
意外的看到了天朝的一家科技公司DColud公司推出一款交Hbuider的IDE,就下下来玩了下,发现还是很不错的,有提供移动设备的在线调试,不过要安卓4.4以上,还有强大的代码提示,可以高数你那些属性是那些浏览器支持(对于CSS来说),但是就是性能不是很好,对你的电脑还是有掉要求的额。DColud一直致力于HTML5的推广,他们在web峰会上推出了由他们公司的技术团队写了几个库,一个叫MUI的UI框架,风格据说是格局IOS7来做的,还有一个叫native.JS 库,这个就叼爆了,在web峰会上,DColud号称封装了原生的40多W个API,还优化过程,用web开发IOS和安卓是不在话下。我顿时就来了兴趣,去官网看了看官方的文档,但是很郁闷的是,在写出这么伟大的框架的公司,居然官方网站上没有一份详细的文档,而且人气iye很低,在百度和google上都收不到。我业界只能期望DColud快点给粗详细点官方文档,要不然,估计也就是昙花一现,唬唬人。
不久前,又发现了一款叫Apache cordova的东东,还没深入去看,但是看完介绍,感觉和Dcolud差不太多,但是这个至少是有详细的官方文档解释的,而且知名度也还不错(vs2015上可以吧这个作为插件安装),只不过文档是英文的,要费点时间了,好了,今天就谈到这里,下次继续分享。。
用web技术开发出原生的App应用的体会(1)的更多相关文章
- Git使用总结 Asp.net生命周期与Http协议 托管代码与非托管代码的区别 通过IEnumerable接口遍历数据 依赖注入与控制反转 C#多线程——优先级 AutoFac容器初步 C#特性详解 C#特性详解 WPF 可触摸移动的ScrollViewer控件 .NET(C#)能开发出什么样的APP?盘点那些通过Smobiler开发的移动应用
一,原理 首先,我们要明白Git是什么,它是一个管理工具或软件,用来管理什么的呢?当然是在软件开发过程中管理软件或者文件的不同版本的工具,一些作家也可以用这个管理自己创作的文本文件,由Linus开发的 ...
- web技术开发桌面应用
三款前端工程师桌面应用开发神器! http://mini.eastday.com/a/160630023107669-2.html 如果我告诉你,以后你们可以用前端语言(html5+css3+js)开 ...
- .NET能开发出什么样的APP?盘点通过Smobiler开发的APP
.NET程序员一定最熟悉所见即所得式开发,亲切的Visual Studio开发界面,敲了无数个日夜的C#代码. Smobiler也是因为具备这样的特性,使开发人员,可以在VisualStudio上,像 ...
- 用Web技术开发客户端(一)
http://www.cnblogs.com/lefan/archive/2012/12/27/2836400.html 范怀宇(@duguguiyu)分享了<豌豆荚2.0重构时遇到的坑> ...
- 如何用Web技术开发Windows Form应用
现在H5很热,很多互联网公司的产品都采用混合编程,其中各个平台客户端的“壳”为原生控件,但是内容很多都是Web网页,因此可以做出很多炫酷的效果.随着Node.js和Ionic等框架的出现,现在感觉Ja ...
- 【转】使用Xcode中的iOS SDK给iphone开发出第一个App程序
之前已经折腾过用Xcode开发OS X的程序了,现在继续折腾,用iOS SDK开发移动设备(iphone/ipad/ipod touch)的程序. 1.从iOS Developer Library中找 ...
- .NET(C#)能开发出什么样的APP?盘点那些通过Smobiler开发的移动应用
.NET程序员一定最熟悉所见即所得式开发,熟悉的Visual Studio开发界面,熟悉的C#代码. Smobiler也是因为具备这样的特性,使开发人员,可以在VisualStudio上,像开发Win ...
- 【web开发 | 移动APP开发】 Web 移动开发指南(2017.01.05更新)
版本记录 - 版本1.0 创建文章(2016.12.30) - 版本1.1 更正了hybird相关知识:增加了参考文章(2017.01.05): + Web APP更正为响应式移动站点与页面,简称响应 ...
- 成都app开发:架构一个App需要学会哪些技术呢?
成都亿合科技小编为您分享: 随着APP应用的流行,越来越多的人想自己学习怎么开发APP应用,那架构一个APP需要学些什么技术呢?首先要了解App都有哪些类型,不同的类型适用于哪些需求,用户可以根据自己 ...
随机推荐
- getParameter百科
获取数据库中的参数数据 getParameter(). request.getParameter("username");其中的这个username 是接受前台的参数 比如in ...
- Linux 开机报 or type Control-D to continue
解决步骤: 1.输入root密码 2.看是哪个盘报的错,我这边是sda3(可能会是不同的盘),就是代码中标为FAIL 输入以下命令fsck -y /dev/sda3
- eclipse使用和优化配置
一.简介 eclipse 可谓是Java开发界的神器,基本占据了大部分的Java开发市场,而且其官方还对其他语言提供支持,如C++,Ruby,JavaScript等等.为 什么使用它?我想离不开下面的 ...
- HDU 2896 病毒侵袭 (AC自动机)
这题模板题.............但是竟然要去重........调试了半天才发现.................... #include <cstdio> #include <i ...
- 兄弟选择器 E + F
兄弟选择器在IE7下支持会有bug,特记于此 如果兄弟选择器有Html注释,兄弟选择器在IE7下会失效 代码如下 E + Fp + p{color:red} <p class="te ...
- css3画苹果logo
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
- 解决APP中fragment重叠问题
由于内存重启,导致的frgament重叠,其原因就是FragmentState没有保存Fragment的显示状态,即mHidden,导致页面重启后,该值为默认的false,即show状态,所以导致了F ...
- DEDE函数
Html2text() 函数是去掉html标签代码. cn_substr(str,) 函数是截取字符串长度. 当然,他们也可以合并起来使用: [field:body function="cn ...
- Python 基础教程中的问题及解决方案(1)
1. 在ubuntu中,调用终端时如: f = open('/home/theone/test_input.txt', 'r') 中的txt格式文本不能加后缀 正确的应为: f = open('/h ...
- struct tm->time() localtime() gmtime()
struct tm->time() localtime() gmtime() struct tm { int tm_sec; /*代表目前秒数,正常范围为0-59,但允许至61秒 */ int ...