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

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

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

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

1、开场致词

by stonehuang（黄希彤）

以前希彤大神调试代码干的最多的事情居然是重启机器！（IE dom操做的部分接口可能会形成越界而致使蓝屏）

每一个技术人都要尽量作到

问题到此为止

即到我这即知道当前问题能不能解决，若是能解决怎么去解决

2、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

3、初创公司前端工程体系建设

by 张云龙

天下武功惟快不破，提升效率

创业中技术选型就像在高速公路上换轮子

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

土鳖的方法每每最有效

这点我深有感触，在公司全站vue以后赶上的种种问题（seo等等），可是也不能说是太前卫的方法很差，新技术用的多的感受整个前端团队都更有激情了

创业不是要减小犯错的次数，而是要尽可能减小犯错的成本

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

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

系统测试：基于DOM-Diff的自动回归检查系统

经过检测dom的变化来标志页面的变化，测试人员将很方便的只经过肉眼就能方便的进行UI测试

敏捷开发：物理看板

4、面向前端开发者的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的具体研究经验，因此基本没有听懂！！，看到微信群中一人说了句‘要下课了’，特别贴合如今的状态

5、迟到的winter老师致词

终于又到了能听懂的内容

前端跟客户端的竞争变为了前端跟客户端的整合

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

6、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 速度编译速度很是快，生成的代码可读性高
• 性能牛逼

7、微信支付大规模前端外包实战

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 边浩@创客贴