写点什么

百度技术沙龙第 27 期回顾:HTML5 之美(含资料下载)

  • 2012-06-17
  • 本文字数:2119 字

    阅读完需:约 7 分钟

在 6 月 16 日由 @百度 主办、 @InfoQ 负责策划组织和实施的第27 期百度技术沙龙活动上,来自百度高级工程师,用户体验研究平台技术负责人王集鹄( @王集鹄 ),街旁前端工程师齐伟( @hustkiwi )分别分享了各自在 HTML5 技术实践上取得的成果及经验,话题涉及“HTML5 中的图形图像处理”,以及“应用 HTML5 搭建街旁新版混合式 iOS 客户端”等。本文将对他们各自的分享做下简单的回顾,同时提供相关资料的下载。

主题一:HTML5 中的图形图像处理微盘下载讲稿 Demo 下载

来自百度高级工程师王集鹄第一个为大家分享,本次演讲主要对 HTML5 中 Canvas 和 SVG 矢量图的使用经验以及对曲线变化进行了研究,并通过丰富的 Demo 与参会者分享了一些综合应用。王集鹄首先分享了来自 ie6countdown.com 上的一份数据,数据表明:

目前,全球范围内,IE6 使用比重最多的国家就是中国,占到了 22.4% 的比重。然而其他国家的占比则非常小,占比在 1% 以下。

接下来王集鹄分别通过老虎的实例说明了 SVG 缩放时不失真的特点,还演示了 SVG 动画、Path 和路径编辑器、Canvas 热力图、贝塞尔曲线等精彩的示例。此外,还对 2012 年春节时,百度首页的舞龙效果进行了技术分享,最后,王集鹄对本次的分享进行了总结:

  • HTML5 发展现状
  • SVG 两种加载方式
  • Canvas 的像素处理,包括二进制存储
  • Canvas 动画原理、性能、时间轴
  • SVG Path 辅助工具——路径编辑器
  • 贝赛尔曲线两个公式:计算轨迹、切分曲线
  • SVG+ 前端模版组合
  • Canvas 中绘制 SVG
  • 更多精彩内容和演示代码请参考讲稿和 Demo。

    主题二:应用 HTML5 搭建街旁新版混合式 iOS 客户端微盘下载讲稿

    街旁前端工程师齐伟第二个为大家分享,混合式应用(Hybird App)继承了方便调用原生接口操控底层 API 与应用 HTML5 前端技术快速开发的优点。随着移动设备硬件的提升,成为一种可行的应用开发架构趋势。在街旁新版 iOS 客户端“街旁 5”中,对应用 HTML5 搭建混合式应用进行了大胆实践,并积累了一些有关混合式应用开发、架构和优化相关的宝贵经验。齐伟首先引用了 Steve Jobs 的话开场:

    New open standars created in the mobile era,such as HTML5,will win on mobile devices.

    在提到为什么采用 Hybrid 方式时,齐伟提到:

    • IOS 开发资源不足
      很难招到有经验的 iOS 开发者,维护成本较大
    • 需要更快的开发迭代
      引入界面及交互上的 AB Test;绕过 Apple Store 发布流程的 Bugfix

    接下来讲解了 Native 和 WebView 的相互调用方法,并针对使用 Backbone.js 给出了使用建议:

    1. API 应严格遵循 RESTful JSON 接口规范
    2. 避免在不被销毁的标签上绑事件
    3. 统一捕获跳转事件

    最后,齐伟还谈到了在使用 LocalStorage 中所遇到的挑战:

    1. 是同步的,会阻塞网络
    2. 对 I/O 有操作,时间不可控
    3. 有大小限制,甚至在内存吃紧时会丢数据

    Open Space(开放式讨论环节)

    和以往的环节一样,​为了让参会者能够有更多的时间进行相互的交流,本次活动依然设置了 Open ​Space(开放式讨论)环节。除了讲师王集鹄、齐伟外,Storm 团队 @含冰、@Mr.Null,蒸汽猛犸团队张振熙也参与了小组讨论。在 Open Space 的总结环节,几位话题小组长​分别对讨论的内容进行了总结。

    王集鹄:主要讨论了 HTML5 目前的应用情况,以及性能优化的技术细节。

    齐伟:主要讨论了通过 Hybrid 的方式,可以借助 HTML5 对于原生 API 的开发支持,但同时在应用和性能方面还有提升的空间,但一致认为这是未来应用开发的趋势。

    MR.NULL:主要讨论了如何基于 Canvas 原生事件对层进行捕获,模拟原生 DOM 响应的问题以及动画相关的话题讨论。

    张振曦:向大家揭示了“别碰我的妞儿”游戏,是如何在 30 小时内设计和开发出来的。技术层面,一起讨论了粗粒度刷新、细粒度刷新等相关问题。

    会后,一些参会者也通过新浪微博分享了他们的参会感受:​​

    @破车推荐 @hustKiwi 老师 PPT 的 Transition 效果是世界级的。

    @李二栋 Star :主题是 html5 之美,的确是好活动。百度有很大影响力,活动吸引了很多技术大牛和爱好者,从中能了解很多有意义的信息。还好我今天去基本能听懂大思路,因为前段时间看完前端的一本书,有了基础。

    @蒋宇捷:第二个演讲里提到的,关于 Linkedin iPad Web 版本的优化方式,我也正好有过相关的文章《 用 HTML5 实现 iPad 应用无限平滑滚动 》: http://t.cn/zOHNB4o

    @做自己的心理丶医生 v :在#百度技术沙龙#听到了第一个干货, 用 HTML5 加 Object-C 开发 app 实在是太不友好了。

    有关百度技术沙龙的更多信息,可以通过新浪微博关注 ** @百度技术沙龙,或者加入百度技术沙龙微群 **,InfoQ 上也总结了过往 26 期所有百度技术沙龙的演讲视频和资料等,感兴趣的读者可以直接浏览阅读

    特别提示:2012 百度开发者大会全国巡讲终点站——上海站,免费报名参加,活动将于 6 月 21 日(本周四)进行,特别邀请到上海改变科技有限公司 CTO 李亮分享《移动应用技术开发路线选择》的话题,敬请关注。

    李亮目前致力与移动计算与云计算方向,他还是 iOS 第一个输入法 iCosta for iPhone 以及 RockPlayer for Android 的主要开发者之一。RockPlayer 是 Android 平台上全球最成功的媒体播放工具,受到了广大用户的好评,目前为止累计下载数量大概在三千万左右。最新推出的 iOS 平台上的演讲工具 AirSlides。

2012-06-17 21:463505
用户头像

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

关注

评论

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

@所有高校师生,2022全国大学生物联网设计竞赛火热开启,限量礼品等你来拿!

HarmonyOS开发者

HarmonyOS 物联网设计竞赛

RDP是什么意思?有什么用?

行云管家

运维 网络协议 RDP

在Rainbond上部署高可用Apollo集群

北京好雨科技有限公司

PHP项目微信提现功能代码详解

CRMEB

如何通过Password Vault的XSS漏洞窃取用户密码信息

喀拉峻

网络安全 XSS

在Linux环境下安装SQLserver2017

春风十里

数据库 Linux SqlServer

自助洗车设备全套多少钱?有了解的吗

共享电单车厂家

自助洗车机价格 自助洗车加盟 自助洗车设备多少钱

jackson学习之六:常用类注解

程序员欣宸

4月月更

杭州等保测评公司有哪些?分别叫什么?如何能查到?

行云管家

等保 等级保护 等保测评 杭州

crontab命令详细介绍教程,快来围观

CRMEB

eBPF Cilium实战(2) - 底层网络可观测性

北京好雨科技有限公司

Docker Kubernetes PaaS cilium

如何设计帮助中心才能真正地帮助客户解决问题?

小炮

帮助中心

盘点近期虎符交易所上线的项目

区块链前沿News

虎符交易所

Tapdata PDK 生态共建计划启动!MongoDB、Doris、OceanBase、PolarDB等十余家厂商首批加入

MongoDB中文社区

易周金融观点 | 数字人民币试点扩大带动增量场景需求

易观分析

金融 数字化人民币

Docker 实战教程之从入门到提高(一)

汪子熙

Docker Kubernetes 容器 镜像 4月月更

直播预告|年营业额百亿的企业都在如何做数字化转型

云智慧AIOps社区

数字化转型 AIOPS 解决方案 智能运维

逃离过度努力陷阱

FunTester

FunTester 湛卢 轻松主义

不再单调!快来自定义你的专属背景~

优麒麟

Linux 开源 操作系统 优麒麟 用户登录

大咖说|阿里巴巴副总裁陈龙:数字技术将在绿色低碳转型中发挥关键作用

大咖说

阿里巴巴 数字化 碳中和

SAE 联合乘云至达与谱尼测试携手共同抗疫

阿里巴巴云原生

AliPLC 智能丢包补偿算法,提升弱网环境的通话质量

阿里云CloudImagine

音视频 音频 视频云 音频算法 丢包补偿

“转型·破局” 看数字化会员如何重塑企业竞争力

科技热闻

ETL 和数仓建模的设计思路!

五分钟学大数据

4月月更

俄乌战争下的国产数据库替换思考-墨天轮

墨天轮

数据库 oracle 达梦 gbase8a

netty系列之:netty中的自动解码器ReplayingDecoder

程序那些事

Java Netty 程序那些事 4月月更

多个角度论证SeekTiger 生态核心STI的魅力

西柚子

百度荣获 “2021年中国网络安全产业联盟数据安全工作委员会突出贡献奖”

百度开发者中心

重磅!百度安全参编的国家标准《信息安全技术 术语》正式发布

百度开发者中心

零信任访问控制下企业ABAC的实施问题

Geek_2d6073

“囤菜新宠”预制菜,会是生鲜电商的破局点吗?

易观分析

百度技术沙龙第27期回顾:HTML5之美(含资料下载)_JavaScript_贾国清_InfoQ精选文章