TFC2017 腾讯Web前端大会参会小结
简述
上周有幸参加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前端大会参会小结的更多相关文章
- 腾讯Web前端开发框架JX(Javascript eXtension tools)
转自:Web前端开发-Web前端工程师 » 腾讯Web前端开发框架JX(Javascript eXtension tools) JX – Javascript eXtension tools 一个类似 ...
- 2015腾讯web前端笔试题
1 请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性) 2 请指出一下代码的性能问题,并经行优化. var info="腾讯拍拍网(www.paipai.com)是 ...
- WEB前端性能优化小结
转:http://www.gafish.net/archives/1514 对前端开发工程师来说,前端性能优化的重要性是不言而喻的,最为大家所知的是YSLOW的23条优化规则,在我的理解中,性能优化不 ...
- web前端知识体系小结(转)
1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...
- 你不容错过的 腾讯 AlloyTeam Web 前端大会 看点完全剖析
AC大会 ( Alloyteam Conf ),是由腾讯前端技术团队的标杆团队 AlloyTeam 发起的前端技术大会,旨在分享团队在技术研究.产品研发.开源项目的经验沉淀.AC2017 将会继续在工 ...
- 腾讯WEB前端开发面试经历,一面二面HR面,面面不到!
[一面]~=110分钟 2014/09/24 11:20 星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理 延 ...
- 亲历腾讯WEB前端开发三轮面试经历及面试题
[一面]~=110分钟 2014/09/24 11:20 星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理 延 ...
- 腾讯WEB前端开发三轮面试经历及面试题
[一面]~=110分钟 2013/04/24 11:20 星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理 延 ...
- 腾讯web前端笔试题及个人答案
每道题都有答案,大多数答案亲测正确. 简答题 1.js中“5”+4=? 答案:54 2.js中void(0)=? 答案:undefined 3.js中NaN*4=? 答案:NaN 4.js中null* ...
随机推荐
- poj 2299 Ultra-QuickSort(树状数组)
Ultra-QuickSort Time Limit: 7000MS Memory Limit: 65536K Total Submissions: 67681 Accepted: 25345 ...
- 【刷题】BZOJ 4176 Lucas的数论
Description 去年的Lucas非常喜欢数论题,但是一年以后的Lucas却不那么喜欢了. 在整理以前的试题时,发现了这样一道题目"求Sigma(f(i)),其中1<=i< ...
- unity3d 几种镜头畸变
1.Fisheye distortion 鱼眼镜头 解释来自百度百科:鱼眼镜头是一种焦距为16mm或更短的并且视角接近或等于180°. 它是一种极端的广角镜头,“鱼眼镜头”是它的俗称.为使镜头达到最 ...
- 收藏:IPicture总结
1.IPicture接口对象的创建方法1:直接通过文件创建LPCSTR szFileUrl; IPicture *pIPicture; OleLoadPicturePath(CComBSTR(szFi ...
- CentOS 7 系统root用户忘记密码的重置方法
在一台服务器我们忘记了root的账号或者root账号错误怎么办,我们只有进入到内核里面去修改,具体的操作如下: 1.进入内核 在开机的时候出现下图的界面时 按e键进入内核入下图 2.进入单用户模式 在 ...
- webGL和three.js的关系
如今浏览器的功能越来越强大,而且这些功能可能通过JavaScript直接调用.你可以用HTML5标签轻松地添加音频和视频,而且可以在HTML5画布上创建各种交互组件.现在这个功能集合里又有了一个新成员 ...
- MongoDB 聚合嵌入的数组(扁平化数据+管道)
MongoDB学习教程 先看下要操作的主要数据结构: { "_id" : "000015e0-3e9c-40b3-bd0d-6e7949f455c0", &qu ...
- CSS-3 box-shadow 的使用
box-shadow是给对象实现图层阴影效果的. 语法: E {box-shadow: <length> <length> <length>?<length& ...
- Linux 静态库与动态库
静态库(.a) 一个deal.c usedeal.c 重点 1. gcc -c deal.c 生成 deal.o 2. ar -rsv libdeal.a deal.o 生成 libdeal.a ...
- MacOS 下提示APP 损坏 无法安装 解决方法
sudo spctl --master-disable