TFC 2017 腾讯Web前端大会 全场笔记

时间:2021-09-24 12:48:44

1. 入场

伴随着鹅厂员工的歌舞,走进了高大上的会场
TFC 2017 腾讯Web前端大会 全场笔记

(晚上回来看到朋友圈里大神晒图,原来台上的鼓手是《javascript设计模式与开发实践》的作者曾探大神。。。膜拜!主场是他媳妇。。。请收下我的膝盖!)

2. 开场致辞——黄希彤

TFC 2017 腾讯Web前端大会 全场笔记

问题到此为止

这是每个前端开发者的目标!

3. the Future of Writing JavaScript —— Nicolas Bevacqua

Nicolas大神是《JavaScript Web 应用开发》的作者,来自阿根廷。由于本人英语太烂,大神的发言基本没怎么听懂…结合讲义和现场百度,大概了解了TC39发布新提案的流程,见到了还未正式发布的新方法和属性。

4. 初创公司前端工程体系建设 —— 张云龙

天下武功唯快不破,提高效率
创业中技术选型就像在高速公路上换*

对于创业公司来说,不要一味地去追求技术,在前期阶段建议选用已经成熟的技术来降低犯错的成本。

前端架构:组件化+子系统拆分

TFC 2017 腾讯Web前端大会 全场笔记

谈了前端资源管理:源码→资源表→加载,过程中涉及到构建工具的处理以及性能优化的一些东西。

介绍了基于GitLab-CI的环境+GitFlow的开发规范

继续介绍了前端自动化测试的内容,基于DOM-Diff做页面变更监控(变更包括:新增、删除、内容改变、样式改变),推荐了一款工具Dolphin。

分享了“看板”的选型——物理看板…
TFC 2017 腾讯Web前端大会 全场笔记

5. 面向前端开发者的V8性能优化 —— 迷渡(JJC)

V8这块没有什么涉猎,老师讲得也比较低层,所以…基本没听懂…百度迷渡老师的博客看了半节课…

6. winter老师致词

阿里巴巴手淘前端负责人winter老师分享了他对于web和app发展的看法

前端跟客户端的竞争变为了前端跟客户端的整合

顺便推广了一下阿里的框架weex。

下午有三个分会场,分别是:Web前沿技术、框架&优化、NodeJS&工程化&其他。由于本人水平有限,近期又打算学习一下主流框架,所以选择了分会场2.

7. 从浏览器内核看性能优化 —— rockling ( 凌实 )

  • 网页加载的特点——突发的大量小文件下载
  • 页面加载速度优化指标——首字、首屏、全部内容完成
    TFC 2017 腾讯Web前端大会 全场笔记
  • 加载速度优化
    TFC 2017 腾讯Web前端大会 全场笔记

  • 引入首屏标签
    TFC 2017 腾讯Web前端大会 全场笔记

  • 页面交互优化(渲染)
    TFC 2017 腾讯Web前端大会 全场笔记
    TFC 2017 腾讯Web前端大会 全场笔记
    TFC 2017 腾讯Web前端大会 全场笔记

介绍了WebAssembly(WebAssembly是什么
TFC 2017 腾讯Web前端大会 全场笔记

8. 基于WebRTC的P2P-CDN流媒体加速 —— 谢庭

又是一个没听过,更没用过的概念,用来做多媒体的,简单了解下
TFC 2017 腾讯Web前端大会 全场笔记

9. QQ钱包h5应用开发实践 —— 周明礼

  1. Service Worker介绍与实践

    传统的浏览器缓存策略:
    TFC 2017 腾讯Web前端大会 全场笔记

缓存机制的不足:

  • 更新不可靠
  • 离线体验不佳
  • 无法增量更新

    Service Worker的出现:

TFC 2017 腾讯Web前端大会 全场笔记

TFC 2017 腾讯Web前端大会 全场笔记

TFC 2017 腾讯Web前端大会 全场笔记

Service Worker的生命周期
TFC 2017 腾讯Web前端大会 全场笔记
TFC 2017 腾讯Web前端大会 全场笔记
TFC 2017 腾讯Web前端大会 全场笔记
TFC 2017 腾讯Web前端大会 全场笔记
TFC 2017 腾讯Web前端大会 全场笔记

介绍了可实现增量更新的MoggyCache
TFC 2017 腾讯Web前端大会 全场笔记
TFC 2017 腾讯Web前端大会 全场笔记
TFC 2017 腾讯Web前端大会 全场笔记

10. WePY-小程序框架设计 —— 龚澄

龚澄大神是小程序一线开发者,经历了小程序诞生的所有过程。

TFC 2017 腾讯Web前端大会 全场笔记
TFC 2017 腾讯Web前端大会 全场笔记

WePY框架是小程序开发过程中应运而生的一款框架
TFC 2017 腾讯Web前端大会 全场笔记

TFC 2017 腾讯Web前端大会 全场笔记

TFC 2017 腾讯Web前端大会 全场笔记

WePY将小程序开发与普通的web开发有机的结合在一起,让普通的web代码移植到小程序上变得更加简单与顺畅。该框架很大程度上借鉴了尤大大的Vue,之前用过Vue的童鞋转过来想必无任何压力。
TFC 2017 腾讯Web前端大会 全场笔记
TFC 2017 腾讯Web前端大会 全场笔记
TFC 2017 腾讯Web前端大会 全场笔记

以上就是全部内容啦!

接下来有时间看看其他分会场的视频,实践一下Service Worker。

总的来说,接触到了很多新技术的具体实现、选型,希望有朝一日能向大牛们看齐!!