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

腾讯前端大会的幻灯片已经发布啦 share.weiyun.com/e6a49556fda…

主唱妹子声音好听，漂亮，工程师们特别热情，一大早前排都被占领了

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

一、开场致词

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 (郭润增)

当前微信支付前端外包实战相关数据

初次尝试原因

• 合作沟通成本高
• 文档不完善
• 外包研发水品相对底

方案

引入外包的挑战

• 如何解决效率和质量问题
• 如何解决版本更新问题
• 如果解决可持续问题

如何解决效率和质量问题

1. 抽象‘契约式’开发模式、提升沟通合作效率（升级版的后端接口约定）
2. 抽象前端请求生命周期，填空完成业务逻辑开发（生成公共代码，只需要处理数据请求跟返回值接收）
3. 给低水平的研发赋能，提升前端研发质量（UI组件库）
4. 提供更简单的研发视图，降低研发成本（缩小版的组件拖拉）

以上括号中内容为本人理解，仅供参考

如何解决版本变更风险问题（改别人代码的问题）

让外包团队推行自动化测试

PFAT：无痛的前端自动化测试

借助工具保存程序的测试用例视频，代码迭代必须满足之前保存的用例，也方便bug的还原（个人理解）

如何解决“可持续”问题

1. 持续培训
2. 持续平台建设
3. 持续推进标准化建设
4. 持续加强系统管理分析能力

总结

善于接力和赋能，用有限的人做更多的事，解放劳动力，做更有价值的事情，获得更快速的成长

路遇希彤大大，解答了自己的一些疑惑

Q：关于初创团队前端技术选型，是成熟还是先进更合适
A：我之前最早的时候做过一个项目，当时java还是特别新的后端语言，java程序员大部分都不是特别厉害，而且价格不便宜，最后项目被我们玩死了，就我个人而言，感觉初期，项目能安安稳稳的活下来还是技术期望更加重要的

Q：但是如果我们选的是特别成熟的技术对我们找人的吸引力不够大
A：现在没有必要想这么多，还是那句话，什么体量就要想什么事情，我上次听说facebook一直在做一项关于chrome的优化，后来发现是google的问题，直接就去找google说你们改改这个地方，google一看是有必要改，然后他们就改了，你看看那个体量又在怎么解决问题

Q：我们公司用的是vue，关于单页面应用seo有什么好的建议吗
A：如果你们有论坛博客这些，直接架设一个wordpress做seo然后给主站导流是个相对性价比方案比较高的方案

不是原话记录，而且是到了酒店又写的，所以完全不是希彤大神的语气，跟希彤大神的合影就不爆了

end

by 边浩@创客贴