腾讯web前端大会（TFC2017）现场笔记

腾讯前端大会的幻灯片已经发布啦 https://share.weiyun.com/e6a49556fdabb62d802e07a175699d01
主唱妹子声音好听，漂亮，工程师们特别热情，一大早前排都被占领了

到的时候前排都以被占领，所以图片不是特别清晰

一、开场致词
by stonehuang（黄希彤）

之前希彤大神调试代码干的最多的事情竟然是重启机器！（IE dom操作的部分接口可能会造成越界而导致蓝屏）
每个技术人都要尽可能做到
问题到此为止

即到我这即知道当前问题能不能解决，如果能解决怎么去解决
二、the Future of Writing JavaScript
by Nicolas Bevacqua

什么是TC39
TC39（Technical Committee 39） 是一个推动JavaScript发展的委员会，它的成员由各个主流浏览器厂商的代码组成
以下关键词自行百度
Array#includes

Async Functions

Async Iteration

Rest/Spread Properties

Dynamic import()

Named Captures

Unicode Escapes

Lookbehind Assertions

Class Decorators

Promise#finally

三、初创公司前端工程体系建设
by 张云龙
天下武功唯快不破，提高效率
创业中技术选型就像在高速公路上换轮子

前期公司快速发展，在时间就是金钱的创业阶段，技术选型更改压力太大而且有很大风险
土鳖的方法往往最有效

这点我深有感触，在公司全站vue之后遇上的种种问题（seo等等），但是也不能说是太前卫的方法不好，新技术用的多的感觉整个前端团队都更有激情了
创业不是要减少犯错的次数，而是要尽量减少犯错的成本

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

持续集成：基于GitLab-CI的环境+GitFlow开发规范

系统测试：基于DOM-Diff的自动回归检查系统
通过检测dom的变化来标志页面的变化，测试人员将很方便的只通过肉眼就能方便的进行UI测试

敏捷开发：物理看板

四、面向前端开发者的V8性能优化
by justjavac（迷渡）
int30 int31 or int32
32位系统是int30，64位系统是int31
js中的'加法'
加法操作
V8的算数运算
去优化：
生成一个未优化的帧

生成重新优化后的机器吗

去优化的消耗很大（重新优化的消耗很大）

v8看到一个变量跟0或运算，v8会把当前变量当作int32处理
SIMD：
充分利用cpu的资源，例如两个int32相运算，是不是可以放到int64里面以达到更快的效率
el.getAtttibute('name')与el.name的相同点不同点
因为本身没有V8的具体研究经验，所以基本没有听懂！！，看到微信群中一人说了句‘要下课了’，特别贴合现在的状态
五、迟到的winter老师致词
终于又到了能听懂的内容
前端跟客户端的竞争变为了前端跟客户端的整合

大部分时间感觉都是在安利weex，所以最后放一张winter老师跟希彤老师的合照吧

六、Start R & B
by 贺师俊（Hax）
什么是R&B
Reason & BuckleScript
什么又是Reason：近js语法->OCaml
什么又又是OCmal：ML语言家族一员（F#等）
什么又又又是BuckleScript：JS编译器 作者张宏波
什么又又又又是...（好吧，习惯性先写模版）
所以R&B就是 js -> OCmal -> js，一脸懵逼，看图

R&B牛逼在哪
动态类型一时爽，代码重构火葬场

函数式编程

类型安全

Reason是 真函数语言

BuckleScript 速度编译速度非常快，生成的代码可读性高

性能牛逼

七、微信支付大规模前端外包实战
by rizenguo (郭润增)
当前微信支付前端外包实战相关数据

初次尝试原因
合作沟通成本高

文档不完善

外包研发水品相对底

方案

引入外包的挑战
如何解决效率和质量问题

如何解决版本更新问题

如果解决可持续问题

如何解决效率和质量问题
抽象‘契约式’开发模式、提升沟通合作效率（升级版的后端接口约定）

抽象前端请求生命周期，填空完成业务逻辑开发（生成公共代码，只需要处理数据请求跟返回值接收）

给低水平的研发赋能，提升前端研发质量（UI组件库）

提供更简单的研发视图，降低研发成本（缩小版的组件拖拉）

以上括号中内容为本人理解，仅供参考
如何解决版本变更风险问题（改别人代码的问题）
让外包团队推行自动化测试
PFAT：无痛的前端自动化测试

借助工具保存程序的测试用例视频，代码迭代必须满足之前保存的用例，也方便bug的还原（个人理解）
如何解决“可持续”问题
持续培训

持续平台建设

持续推进标准化建设

持续加强系统管理分析能力

总结

善于接力和赋能，用有限的人做更多的事，解放劳动力，做更有价值的事情，获得更快速的成长
路遇希彤大大，解答了自己的一些疑惑
Q：关于初创团队前端技术选型，是成熟还是先进更合适A：我之前最早的时候做过一个项目，当时java还是特别新的后端语言，java程序员大部分都不是特别厉害，而且价格不便宜，最后项目被我们玩死了，就我个人而言，感觉初期，项目能安安稳稳的活下来还是技术期望更加重要的
Q：但是如果我们选的是特别成熟的技术对我们找人的吸引力不够大A：现在没有必要想这么多，还是那句话，什么体量就要想什么事情，我上次听说facebook一直在做一项关于chrome的优化，后来发现是google的问题，直接就去找google说你们改改这个地方，google一看是有必要改，然后他们就改了，你看看那个体量又在怎么解决问题
Q：我们公司用的是vue，关于单页面应用seo有什么好的建议吗A：如果你们有论坛博客这些，直接架设一个wordpress做seo然后给主站导流是个相对性价比方案比较高的方案
不是原话记录，而且是到了酒店又写的，所以完全不是希彤大神的语气，跟希彤大神的合影就不爆了
end

本人长期维护的前端公众号欢迎大家关注

前端那些事