By

Techparty 11月 HTML5 专题沙龙总结

11 月的广州珠三角技术沙龙昨天刚刚结束,今天就有好多同学在微信群问小编现场 PPT 的下载地址,可见同学们对前端的热爱程度远远超过昨天的温度。由于之前小编发报名贴的时候没有把讲师的一些情况做介绍,也许很多同学错过了与期待已久的”技术大牛”见面的机会呢?下面就让小编代领大家重温一下昨天现场的一些情况以及大家最关心的内容:

####主题一: 页面差异对比与产品监控 分享讲师: UC,张云龙
内容简介:
介绍一个基于 DOM ⽐对历史差异的⼩工具—— page monitor 工具。并且演示了相关的Diff 算法,例如最长公共子序列,逐级对比,子元素利用LCS算法找到公共子序列等。张云龙还现场演示了如何通过 npm 安装 page monitor,并且说明了 page monitor 也支持一些配置:页面大小,指定关注样式等。 最后张云龙介绍了此类工具的应用场景,比如可以建立针对网页变化的监控,精准定位回归测试的范围,提高测试效率等等。

PPT:在线下载

####主题二: 未来的 HTML5 游戏 分享讲师: 每日Q小游戏,赖思扬
内容简介:
介绍 HTML5 游戏现状,探讨未来 HTML5 游戏发展及运营方向。赖思扬在演讲中介绍到, HTML5 性能在近期逐渐被解决,使得 HTML5 被更多的开发者选择,但是用户却普通接受了使用应用市场来找到自己所需要的 APP, 而 HTML5 没有统一的APP寻找入口。除此之外,用户不关心技术。力推 HTML5 的开发者需要一个突破口——赚钱,而 HTML5 游戏将成为 HTML5 的突破口。从目前看, HTML5 游戏用户占比提升,但是也存在许多问题, 比如付费率低、平均 ARPU 值低、缺少中重度游戏、游戏品质、内容存在短板等。 对于 HTML5 游戏未来的展望,赖思扬也提到,对于做 HTML5 的一类人来说,他们持观望的态度,包括浏览器厂商,应用商店。在将来,社交应用入口的价值将会提升,传统手游 CP、新创 CP 投入中重游戏研发。可以期待的是,之后引爆 HTML5 游戏的潮流,将会是第一款中重度 HTML5 付费游戏的出现。

PPT:在线下载

####主题三: Meteor 实践与 web 前端讨论 分享讲师:「用家」app,李秉骏 Cash Lee
内容简介:
李秉骏在演讲中简要介绍了 Meteor 项目的背景,并且与其他框架进行了简单对比。接着,李秉骏从以快速构建网站闻名的 Telescope 切入,介绍了如何借用其在两个小时内完成网站 APP 开发,快速开发全栈应用,并且做到无缝刷新。 然而,世事无完美,李秉骏认为 Meteor 本身也有一些缺点,比如太激进的全 Javascript 架构,因此限制了客户端体验; 而且 Meteor 面向全栈工程师, build 项目运行太慢,架构难以拓展,应用场景受限。李秉骏最后建议其仅适用于做一些小的玩具,比如快速原型开发。

PPT:在线下载

####主题四:AngularJS 在 Coding 中的实践 分享讲师:Coding 前端工程师, 彭博
内容简介:
彭博在演讲中介绍到,AngularJS 几乎在 Coding 所有系统的前端都有使用。Angular 以双向的数据绑定立名,其特点包括模块化的设计、依赖注入、良好的文档等。Angular 相比 jQuery 减少了很多 DOM 操作,相比 jQuery 直接操作 DOM, AngularJS 则采用 Directive 的方式实现文档结构的维护。不过AngularJs 的View和 Controller 过于复杂, Watcher 过多。 在整个演讲过程中,我们能够看到 Coding 在从最初懵懂的摸索到如今能够熟练地驾驭 Angular 的过程中,积累了大量挖坑、爬坑和优化等 AngularJS 应用中的相关经验,最后彭博总结:AngularJS 你值得拥有。

PPT:在线下载

####主题五:HTML5 安全问题 分享讲师:指点传媒研发总监, 刘甘露
内容简介:
在大家都忙于为 HTML5 标准的释出而欢呼的时候,刘甘露提出了 HTML5 技术在安全问题方面的顾虑。刘甘露从跨站脚本攻击、Canvas 等新标签的攻击、WebSQL 的攻击、CORS 跨站攻击、以及 ClickJacking(点击劫持)等新型的攻击手法以及案例入手,演示了 HTML5 目前存在的安全隐患问题,并且为大家介绍了一些好用的攻击工具,比如 Attack API、Shell of the Future 等,各位开发者可以在开发过程中借助这些工具自行测试产品的安全性。

PPT:在线下载

####主题六:边学边玩 D3 数据图像化 分享讲师:香港创业周末负责人,Ben Crox
内容简介:
Ben 在演讲中简要介绍了 D3.js 的主要功能,接着通过有趣的实例展示了 D3.js 支持的数据格式,比如 JSON 以及 CSV 等。Ben 同时也演示了如何使用D3.js:首先在HTML文档头部中通过 <script> 标签引入 D3.js 库,最后在文档中直接调用到 D3.js 提供的 API 初始化图表。 最后,Ben 也提到,在数据转变为图的过程中,实时的数据才是最宝贵的,而且数据需要实时呈现。他最后还推荐了大家可以在类似项目中采用 InfluxDb数据库。

PPT:在线下载