简述

上周有幸参加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. 用call/cc合成所有的控制流结构

    用call/cc合成所有的控制流结构 来源 https://www.jianshu.com/p/e860f95cad51 call/cc 是非常.非常特殊的,因为它根本无法用 Lambda 演算定义. ...

  2. bzoj2817[ZJOI2012]波浪

    题目链接: http://www.lydsy.com/JudgeOnline/problem.php?id=2817 波浪 [问题描述] 阿米巴和小强是好朋友. 阿米巴和小强在大海旁边看海水的波涛.小 ...

  3. Oracle数据库--PL/SQL存储过程和函数的建立和调用

    1.存储过程建立的格式: create or replace procedure My_Procedure is begin --执行部分(函数内容); end; / 例子:(以hr表为例) crea ...

  4. 8: springMVC ModelAndView 作用与功能解析

    Spring mvc视图机制 所有的web应用的mvc框架都有它定位视图的方式.Spring提供了视图解析器供你在浏览器中显示模型数据,而不必被拘束在特定的视图技术上. Spring的控制器Contr ...

  5. Hadoop基础-常见异常剖析之防坑小技巧

    Hadoop基础-常见异常剖析之防坑小技巧 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任.

  6. SQL语句（九）使用特殊关系运算符查询

    使用特殊关系运算符查询 特殊关系运算符 IN.NOT IN IS NULL.IS NOT NULL BETWEEN.NOT BETWEEN LIKE.NOT LIKE IN , NOT IN IN 在 ...

  7. BAT及各大互联网公司2014前端笔试面试题--JavaScript篇（昨天某个群友表示写的简单了点，然后我无情的把他的抄了一遍）

    (某个群友)http://www.cnblogs.com/coco1s/ 很多面试题是我自己面试BAT亲身经历碰到的.整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习js更是大 ...

  8. 五行代码终极完美解决从IE6到Chrome所有浏览器的position:fixed;以及闪动问题

    这个方法其实已经使用很久了,之前主要在嵌入式WebQQ等产品中用过,现在拿出来分享一下吧,是目前最简洁的方式来实现ie6的position:fixed; 失效bug,以及的其他方法的闪动问题,CSS代 ...

  9. 【GDOI2018】所有题目和解题报告

    使用说明:题意和数据范围都只是回忆内容,仅供参考.题解陆续补上. Day 1 第一题 题意:给定n个数字,要求划分成k的连续段使得每个连续段内的数字之和相同,求最大的k.n,Σai<=10^6. ...

  10. python技巧 合并两个字典

    python 3.5+ 版本 In [1]: a={'x':2,'y':4} In [2]: b={'c':1,'d':3} In [3]: c={'c':3,'y':6} In [4]:  w={* ...