简述

上周有幸参加TFC腾讯Web前端大会，见识了各路前端大神的精彩演讲，干货满满的。会议流程分为上午主会场，以及下午的三个分会场。分享的主题涵盖Web新技术、Node.js、框架、工程化、 图形处理等前端前沿内容 ，还包含极致的性能优化、海量用户运营等具有腾讯前端特色的宝贵经验，具有很好的实践参考价值。前端在近几年的快速发展，从简单的页面演变成越来越复杂的Web应用，为应对这种庞大的业务开发，产生出各式各样的工具来提高开发效率，如前端框架的革新以及前端走向工程化，通过业务来驱动技术发展，以技术来提升业务。前端已经不能同日而语，慢慢走上了历史的舞台，哈哈。
因分享的主题太多，无法一一去听讲，主要听讲主会场的了几个比较感兴趣的主题：前端工程化体系建设、面向前端开发者的V8性能优化及国外讲师Nicolas的TC39，ECMAScript分享。

前端工程化体系建设

该主题是由业界前端工程化的大神张云龙分享，FIS构建工具的核心开发者，现任全民主播CTO。前端工程化的主要目的就是通过工程化来实现一套标准的流程规范，提高前端开发效率。性能优化、构建工具、持续集成、测试部署、发布监控、敏捷开发等一系列实践大大提高了生产力。选择这个主题主要是项目开发中使用到的构建工具就是FIS，通过分享更深入地了解构建原理，目前使用构建工具来实现代码压缩、合并、本地调试等，方便了日常的开发工作。大神从自身的业务环境讲述了前端工程化实践的所遇到的问题及解决方案，具有很好的实用价值。 要点如下：

  • 前端架构：组件开发 + 子系统拆分
  • 持续集成：基于 Gitlab-CI 环境 及 GitFlow 开发规范
  • 系统测试：基于 Dom-Diff 的自动回归检查系统。
  • 敏捷开发：物理看板（推荐阅读《看板实践》）

V8性能优化

谜渡（justjavac）大神这次分享的内容略高深，涉及javascript引擎的工作原理。通过学习JavaScript引擎优化的相关知识，写出更性能更好的javascript代码。
V8引擎入门知识：
http://jiongks.name/blog/v8-javascript-performance-tips/
http://newhtml.net/category/v8%E4%B8%93%E9%A2%98/

后续的一些尝试

  • 前端架构：组件化
  • 物理看板实践

TFC2017 腾讯Web前端大会参会小结的更多相关文章

  1. 腾讯Web前端开发框架JX(Javascript eXtension tools)

    转自:Web前端开发-Web前端工程师 » 腾讯Web前端开发框架JX(Javascript eXtension tools) JX – Javascript eXtension tools 一个类似 ...

  2. 2015腾讯web前端笔试题

      1 请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性) 2 请指出一下代码的性能问题,并经行优化. var info="腾讯拍拍网(www.paipai.com)是 ...

  3. WEB前端性能优化小结

    转:http://www.gafish.net/archives/1514 对前端开发工程师来说,前端性能优化的重要性是不言而喻的,最为大家所知的是YSLOW的23条优化规则,在我的理解中,性能优化不 ...

  4. web前端知识体系小结（转）

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  5. 你不容错过的 腾讯 AlloyTeam Web 前端大会 看点完全剖析

    AC大会 ( Alloyteam Conf ),是由腾讯前端技术团队的标杆团队 AlloyTeam 发起的前端技术大会,旨在分享团队在技术研究.产品研发.开源项目的经验沉淀.AC2017 将会继续在工 ...

  6. 腾讯WEB前端开发面试经历，一面二面HR面，面面不到！

    [一面]~=110分钟  2014/09/24 11:20  星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理        延 ...

  7. 亲历腾讯WEB前端开发三轮面试经历及面试题

    [一面]~=110分钟  2014/09/24 11:20  星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理        延 ...

  8. 腾讯WEB前端开发三轮面试经历及面试题

    [一面]~=110分钟  2013/04/24 11:20  星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理        延 ...

  9. 腾讯web前端笔试题及个人答案

    每道题都有答案,大多数答案亲测正确. 简答题 1.js中“5”+4=? 答案:54 2.js中void(0)=? 答案:undefined 3.js中NaN*4=? 答案:NaN 4.js中null* ...

随机推荐

  1. MT【104】高斯函数找周期

    分析:$t(n)=n-[\frac{n}{2}]-[\frac{n}{3}]-[\frac{n}{6}]$的周期为6,故 $\sum\limits_{n=1}^{2014}(n-t(n))=\sum\ ...

  2. 【刷题】BZOJ 3512 DZY Loves Math IV

    Description 给定n,m,求 模10^9+7的值. Input 仅一行,两个整数n,m. Output 仅一行答案. Sample Input 100000 1000000000 Sampl ...

  3. 【BZOJ1089】[SCOI2003]严格n元树（高精度，动态规划）

    [BZOJ1089][SCOI2003]严格n元树(高精度,动态规划) 题面 BZOJ 洛谷 题解 设\(f[i]\)表示深度为\(i\)的\(n\)元树个数.然后我们每次加入一个根节点,然后枚举它的 ...

  4. 【bzoj2001】 Hnoi2010—City 城市建设

    http://www.lydsy.com/JudgeOnline/problem.php?id=2001 (题目链接) 题意 给出一张无向图,$m$组操作,每次修改一条边的权值,对于每次操作输出修改之 ...

  5. yolo-v2只识别person

    一.修改源代码 (1)修改cfg/voc.data classess=20    改成 classes = 1 (2)修改data/voc.names 只留下person这一类 (3)修改exampl ...

  6. DCT变换、DCT反变换、分块DCT变换

    一.引言 DCT变换的全称是离散余弦变换(Discrete Cosine Transform),主要用于将数据或图像的压缩,能够将空域的信号转换到频域上,具有良好的去相关性的性能.DCT变换本身是无损 ...

  7. 虚拟机中liunx安装教程

    目标:在Linux服务器上部署Java开发的网站  工具 VirtualBox-4.3.8:下载后安装. linux系统镜像: Centos国内镜像文件下载地址: http://centos.ustc ...

  8. 如何在Ubuntu-14.04上安装g++-6.3 ?

    特别注意: ppa:ubuntu-toolchain仅为尝鲜测试版,并非官方稳定版. 以下仅用于学习,不建议进行以下操作,以免出现包依赖关系问题,影响系统稳定性. askUbuntu github a ...

  9. Vue自定义组件插入值

    我们自定义组件的时候有时候需要往组件里面插一些内容: //定义一个组件test,插值内容用slog来代替 export default { name: 'test', template:` <d ...

  10. SQL记录-PLSQL包

    PL/SQL包 PL/SQL包是组逻辑相关的PL/SQL类型,变量和子程序模式对象. 程序包将有两个强制性的部分: 包装规范定义 包体或定义 包装规范定义 规范是接口到包.它只是声明的类型,变量,常量 ...