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

1. 入场

伴随着鹅厂员工的歌舞,走进了高大上的会场
8点半左右到的,前排早已坐满

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

2. 开场致辞——黄希彤

这里写图片描述

问题到此为止

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

3. the Future of Writing JavaScript —— Nicolas Bevacqua

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

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

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

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

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

不是很清楚...

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

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

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

分享了“看板”的选型——物理看板…
哈哈哈

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

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

6. winter老师致词

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

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

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

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

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

  • 网页加载的特点——突发的大量小文件下载

  • 页面加载速度优化指标——首字、首屏、全部内容完成
    这里写图片描述

  • 加载速度优化
    这里写图片描述

  • 引入首屏标签
    这里写图片描述

  • 页面交互优化(渲染)
    这里写图片描述
    这里写图片描述
    这里写图片描述

介绍了WebAssembly(WebAssembly是什么
这里写图片描述

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

又是一个没听过,更没用过的概念,用来做多媒体的,简单了解下
这里写图片描述

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

  1. Service Worker介绍与实践

传统的浏览器缓存策略:
这里写图片描述

缓存机制的不足:

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

Service Worker的出现:

这里写图片描述

这里写图片描述

这里写图片描述

Service Worker的生命周期
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

介绍了可实现增量更新的MoggyCache
这里写图片描述
这里写图片描述
这里写图片描述

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

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

这里写图片描述
这里写图片描述

WePY框架是小程序开发过程中应运而生的一款框架
这里写图片描述

这里写图片描述

这里写图片描述

WePY将小程序开发与普通的web开发有机的结合在一起,让普通的web代码移植到小程序上变得更加简单与顺畅。该框架很大程度上借鉴了尤大大的Vue,之前用过Vue的童鞋转过来想必无任何压力。
这里写图片描述
这里写图片描述
这里写图片描述

以上就是全部内容啦!

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

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值