11 月 19 - 20 日 Apache Pulsar 社区年度盛会来啦,立即报名! 了解详情
写点什么

年度回顾:海豚浏览器刘铁锋谈 Web App 热点

  • 2012-01-19
  • 本文字数:2326 字

    阅读完需:约 8 分钟

在刚刚结束的第22 期百度技术沙龙中,来自海豚浏览器的CTO 刘铁锋( @百纳刘铁锋)来到沙龙现场,分享了过去一年中 Web App 的发展情况,并对移动互联网相关技术趋势和热点做了分析和展望。

1. 对 Web App 的理解

对于一个网页或者网站,其实也是一个 Web App。因为这样的一个利用技术手段实现的应用或页面,可以通过某些特定功能来为用户服务,所以从某种程度上来说,网页也属于 Web App 的一种。我认为,只要是使用 Web 技术开发的,可以运行在 Web 中且在展现效果和用户体验上看,都与 Native App 没有什么分别的应用,都可以看作是 Web App,这是我的理解,这也是 HTML5 和 Web App 所关注的事情。

2. 在 2012 年,Web App 的应用案例会更多、更成熟

在过去一年中,从 Show Case 的角度来看,首先是大家对 Web 的印象的改变。其中最有名的是一款名为 Financial Time 的 Web App。它是第一款手机端上效果非常接近于原生应用体验的一个 Web App,主要基于 Web 技术实现。大家可以在 iPhone 上面搜索一下 FT,这是唯一的一个做得不错的 Show Case。目前来看,酷狗也刚刚发布了一款 HTML5 版本音乐播放器,这也是一个不错的 Web App。从以上两个 Show Case 可以看出。无论是从体验还是技术能力上来看,包括运用 HTML5 技术,从技术能力上来讲,现在已经完全可以使一款 Web App 具备类似于 Native App 的操作体验,我认为在 2012 年,类似的这种 Show Case 会出现的更多而且会变得更加成熟。

3. 支持 Web App 的技术框架发展迅速

从现有技术框架上来看,在过去一年里,有些代表性技术的出现,加速了 Web App 的发展。例如大家比较熟悉的 jQuery Mobile ,还有一款比较出名的叫做 Sencha Touch ,它的的 UI 可以帮助我们在 Web 上实现丰富的控件和交互体验。还有就是提供跨平台的支持,比如类似 PhoneGap 这样的技术。它使得开发者通过 Web 技术开发出的应用,不但可以具备浏览器中的功能和操作体验,而且还具有在移动设备中运行的能力,PhoneGap 就是实现了这么一个功能的框架。利用 PhoneGap 开发出的应用,可以运行在 Windows Phone、Android、iPhone 等多个平台,还可以访问它们的硬件资源,比如操作摄像头,振动这些操作。

4. 对于 Web App 来说,重要的是要挖掘 HTML5 的能力

对于 Web App 来说,最重要的是要去挖掘 HTML5 的能力,HTML5 和 Native App 的不同点在于:首先,通常的 Web 程序在存储方面的功能都比较薄弱,我们知道 HTML5 可以通过 Web Storage 的方式来扩展存储能力,这就使得 Web 应用可以做到类似于像 Native App 一样,甚至是秒开,即点一下,界面出来后内容也会紧跟着出来,而不是像我们用到的应用,打开后要习惯性得等上一秒钟,先 Load 界面,然后文字慢慢出来,最后才能看到图片。所以,这是存储上的一个增强。

其次,对于网络的处理能力有所提高。大家可以看到,通过 HTML5 中的 Web Socket 是可以去处理一些复杂通讯的。

最后,在 GUI 绘图上的提升。这里主要指的是 Canvas 和 CSS,这是 Web 层面所涉及到的。通过与过去在.Net 上面的 GDI+ 或者 GDI 这样的技术类比就会发现,2011 年 Canvas 上最大的一个案例就是,有家名为 AppMobi 的公司,将 HTML5 的 Canvas 进行了封装,加上了一些他们自己的东西,称之为 Direct Canvas ,并宣称:与原生的 Canvas 绘图速度相比,渲染速度提升了三到五倍。前提是要基于特定的 SDK 来开发。另外在存储上,他们在 Modern Web Storage 上也做了改进,影响最大的应该是那些基于 HTML5 的游戏,其实,我们也可将 HTML5 游戏看作是 Web App 的一种,因为这在技术上可行,通过 HTML5 在没有做任何网络连接的情况下,在本地点开一个 Link,或是点击一个图标,都可从本地所有存储读取,完全就是一个本地 HTML5 游戏,所以,也就不需要任何网络连接。

5. 相关的媒体和书籍推荐

在国内,一些不错的技术媒体也对 Web App 进行了探讨和推广,一个是 HTML5 研究小组,他们的活动有声有色,并由此把前端工程师这一角色做了进一步的升华。另外一家媒体叫做 Web App Trend ,他们主要探讨如何做 Web App 开发,以及在未来应该如何去发展 Web App。以上是在 2011 年中,媒体层面所做的事情。在技术的理论支持方面,我推荐两本非常不错的书,一本叫 Mobile First ,作者好像是雅虎的一位工程师,书中主要探讨了如何进行移动设备上的交互体验设计,同时还有一些应该遵守的基本原则等,书比较薄,大概一百多页。还有一本叫做 Responsive Web Design ,主要讲如何通过 Web APP 来做设计和用户体验。

6. 对 Web App 在 2012 的展望

在 2012 年,我觉得最主要的是对 HTML5 标准的支持,大家会看到各种浏览器厂商会继续做的一件事情就是拼分数,通过对 HTML5 支持程度的测试来跑分。但是 HTML5 跑分我觉得还不是影响 Web App 发展的一个关键因素。

第二,基于 HTML5 技术,支持开发 Web App 的框架的出现,在今天早上极客公园创新大会上面就出现了一个国内的HTML5 Web App 框架 Julia ,我估计在 2012 年这样的东西会更多。

第三,针对行业和企业的移动解决方案会变得越来越多,比如说我经常举的例子,钢铁厂或者是锅炉厂,其实也有各自的信息系统,把他们内部的企业 CRM、ERP 系统移动到 Web 上面的需求也会增多,因此关于这类方案的探讨会越来越成熟。

第四,更好的跨平台解决方案可能会出现,像前面提到的例子一样,将 Web 开发好的应用放到多个设备上运行,甚至通过简单的命令就可以将应用编译、部署到不同的平台上,是 APK 也好,IDA 文件也好,这是我觉得在 2012 年在 WEB APP 上面的一些发展。

相关报道

年度回顾:开源专家姜太文谈开源硬件

年度回顾:知名博客冯大辉的技术感悟

年度回顾:酷壳陈皓谈搜索和移动互联网

年度回顾:百度乔梁谈持续交付与 DevOps

年度回顾:禅道王春生谈开源软件趋势

2012-01-19 00:542183
用户头像

发布了 156 篇内容, 共 46.6 次阅读, 收获喜欢 4 次。

关注

评论

发布
暂无评论
发现更多内容

TDesign 更新周报(2022年3月第3周)

TDesign

数字化原住民|ONES 人物

万事ONES

软件 招聘 软件工程师

多场景推进 服务网格在联通的落地实践(下)

百度大脑

743 网络延迟时间

好吃不贵

敏捷实践|好的用户故事怎么写?

LigaAI

用户故事 敏捷实践

春分耕种时,AI“现身”田间地头

百度大脑

Git 如何回退代码

秋天

小程序电商微服务设计

唐尤华

架构实战营

RocketMQ的tag还有这个“坑”!

中间件兴趣圈

RocketMQ tag 消息过滤

centos7.6安装MySQL5.7采坑指南

云原生

MySQL 数据库 sql centos

母婴后浪品牌频出,各个细分市场有哪些发展潜力?

易观分析

母婴

收藏很久的资源整合网站,一个网站一个世界

小炮

从 SVN 迁移到极狐GitLab

极狐GitLab

svn 迁移 极狐GitLab

Python迎来31岁生日,蝉联年度编程语言排行榜冠军

Python猫

Python

计算机编码规则之:Base64编码

程序那些事

Java base64 nio 程序那些事 3月月更

Centos7安装Nginx

云原生

nginx centos 部署

“StarRocks 极客营” 重磅来袭,和技术大牛一起推开数据库梦想之门!

StarRocks

数据库 大数据 StarRocks

深入浅出事务的本质,附 OceanBase 事务解析14问!

OceanBase 数据库

oceanbase OceanBase 社区版

使用 ABAP 开发的一个基于 Web Socket 的小工具,能提高程序员日常工作效率

Jerry Wang

自动化 前端开发 websocket 程序员进阶 3月月更

网络安全:绕过MSF的一次渗透测试

网络安全学海

黑客 网络安全 信息安全 渗透测试 安全漏洞

《软件开发的201个原则》思考:4. 高质量软件是可以实现的

非晓为骁

个人成长 软件工程 软件开发

电脑就是我的安全感|ONES 人物

万事ONES

招聘 软件工程师

一周热点回顾|虎符交易所上线多链合一;俄央行称加强监控加密资产等P2P交易

区块链前沿News

区块链 虎符交易所

Kubernetes API规范:为optional的字段使用pointer

工程师薛昭君

API Kubernetes 集群

如何在新公司快速落地

Hockor

恒源云(GpuShare)_MaskFormer:语义分割可以不全是像素级分类

恒源云

语义分割 像素分割 MaskFormer

小程序容器技术,App热更新与敏捷开发新方案

Speedoooo

敏捷开发 APP开发 热更新 小程序容器 动态更新

科幻变现实:喷下即疗愈,生物3D打印绘就生命密码图

脑极体

一文搞定 Flutter 底部弹窗实现

岛上码农

flutter 跨平台 ios开发 Android开发 3月月更

Redis集群架构剖析(3):集群处理redis-cli指令

非晓为骁

redis 架构 分布式 redis cluster

年度回顾:海豚浏览器刘铁锋谈Web App热点_HTML5_贾国清_InfoQ精选文章