Tweb2019年腾讯前端技术大会不完全总结 _Tweb2019年腾讯前端技术大会不

文章插图
上周末，我有幸去深圳参加了2019年腾讯前端大会。本文是对本次分享的不完全总结。
是时候了解一下WebIDLby 吴小倩 - W3C中国总经理
吴小倩老师，为我们介绍了WebID —— 制定web规范的标准语言。Web IDL的关键在于定义了如何把DOM和相关的Web API映射到语言里，尤其是ECMAScript 。之前的标准都使用OMG IDL，没有正式的对这些映射关系作出定义，实现者需要从字里行间猜测。一个统一的、规范的、标准的语言，可以避免各个浏览器厂商在实现同一个web api时出现差异，带来兼容性问题。吴老师介绍了最新的关于网页端支付的web api标准：
[SecureContext, Exposed=Window]interface PaymentRequest : EventTarget { constructor( sequence methodData, PaymentDetailsInit details, optional PaymentOptions options = {} ); [NewObject] Promise show(optional Promise detailsPromise); readonly attribute DOMString? shippingOption;}作为一名开发者，了解WebIDL，可以帮助我们更好的读懂DOM API的定义，更好地认识浏览器和web，同时，有助于我们更好地书写对web的想法提案，为web的发展贡献自己的思考。
Headless CMS - 小微项目的业务中台解决方案by 张云龙 - 巧子科技创始人
张云龙老师给介绍了strapi：一个数据到API的自动生成系统，为产品运营人员提供数据管理后台。对于企业中的小微项目来说，strapi是一个很不错的解决方案，对于个人开发者来说， strapi就是一个外包神器。
Flutter在腾讯企鹅辅导上的实践之路by 涂金林 - 腾讯教育flutter负责人
涂金林老师首先介绍了flutter，并且从实践框架及页面栈管理、性能优化这两个方面，介绍了flutter在腾讯企鹅辅导上的实践之路。最后，介绍了对项目中某个模块进行flutter for web改造的过程。整个演讲还是有不少干货的，对其他flutter的使用者有一定的借鉴意义。
大型Web项目可用性提升优化by 郭林烁 - 腾讯AlloyTeam高级前端工程师
郭林烁老师介绍了腾讯文档在可用性提升上的实践。
1、脚本错误监控、优化和持续跟进。从最基本的脚本错误监控开始，使用CORS避免Script Error，结合sourcemap定位错误代码。发现问题后，通过代码历史提交记录，找到开发者，作为问题的处理人。接着生成bug单，推送报警给问题处理人，并跟踪问题的解决过程。同时，将监控前移，上线前使用自动化测试等流程减少Bug数量。
2、前端日志系统的搭建、优化和打通。在关键点上报日志，且上报是可以采用worker等方式避免日志上报对主线程的影响。使用特定的id，打通全链路日志，并且时刻关注用户的反馈，通过反馈不断更新、优化测试用例，避免问题再次出现。
3、腾讯文档白屏监控体系和优化。优化资源的加载，加载失败时，进行重试，并且及时给用户反馈。可以使用SRI来保证资源加载的完整性，使用CSP保证加载正确的资源。在页面卡死时，可以结合上面两点的日志定位问题，然后进行修复。
腾讯文档搭建了一整套完善的可用性监控体系，其流程和经验是值得学习的。所有的这些工作，都是为了给用户提供更好的体验。
微信小程序同构方案新思路by June - 腾讯web前端高级工程师
June老师为我们介绍了微信小程序同构方案的新思路 —— kbone.
目前市面上有许多的小程序同构方案，如mpVue等。这些同构方案让我们可以直接使用vue、react等进行小程序开发，一套代码，多端运行。这些同构方案都是同一个思路：将Vue模板静态转换为WXML模板，再交由小程序渲染。但是这个方案有一定的问题：对于一些复杂的模板语法无法转化，比如富文本渲染、过滤器、图片预览等等。这是因为vue的模板语法毕竟和wxml语法不对等。