Skip to content

Latest commit

 

History

History
187 lines (94 loc) · 17.7 KB

fdconf-2018-05-19.md

File metadata and controls

187 lines (94 loc) · 17.7 KB

FDCon2018第三届中国前端千人峰会

活动网址

活动总结

活动时间

2018/05/19，上午09:00

活动地点

上海兴荣温德姆酒店 上海杨浦区宁国路25号 （近杨树浦路）

分享内容简介

前端体验的融合开发之道
  • 《局限和突破 — 谈谈Web性能瓶颈和未来发展》

嘉宾简介：吴小倩，W3C 万维网联盟-Web 标准技术专家

内容简介：从 HTML 和 DOM 的角度，谈谈各浏览器共同面临的一些性能局限，同时探讨如何用各种 Web Timing API 去监测网页瓶颈，以及运用 PWA, resource-hints, long-tasks, request-idle-callback 等新的性能优化手段去改善你的页面。

文档地址：https://attachments-cdn.shimo.im/9I3RbnnVOtg6GpFV/%E4%B8%BB%E4%BC%9A%E5%9C%BA_1_%E5%90%B4%E5%B0%8F%E5%80%A9_%E5%B1%80%E9%99%90%E5%92%8C%E7%AA%81%E7%A0%B4_%E8%B0%88%E8%B0%88Web%E6%80%A7%E8%83%BD%E7%93%B6%E9%A2%88%E5%92%8C%E6%9C%AA%E6%9D%A5%E5%8F%91%E5%B1%95.pdf

  • 《西西弗斯的转生》

嘉宾简介：侯振宇，支付宝-前端技术专家

内容简介：围绕“在快速变化的外部环境中，前端如何建立高效的研发体系”这一话题展开，将全面地讨论到工具、框架、自动化等细分领域的问题。并将与听众一起展望，在人工智能等新技术冲击的大背景下，前端的研发工作以及工程师的发展将走向何方。

文档地址：https://attachments-cdn.shimo.im/KIw7zyv5VLU8iKPs/%E4%B8%BB%E4%BC%9A%E5%9C%BA_2_%E4%BE%AF%E6%8C%AF%E5%AE%87_%E8%A5%BF%E8%A5%BF%E5%BC%97%E6%96%AF%E7%9A%84%E8%BD%AC%E7%94%9F.pdf

  • 《一个程序员的成长之路》

嘉宾简介：张云龙，全民直播-CTO

内容简介：创业以来我面试过很多工程师，工作 4-5 年的时候大多会在职业发展上遇到瓶颈期，不知道前路在何方。我毕业到现在工作 8 年，从北京到广州再到上海，从程序员到技术专家再到 CTO，踏踏实实地走过一条完整的程序员成长之路。回顾职业生涯这些年，有很多经历和感悟可以与他人分享，技术深要深到什么程度？是不是程序员的终极目标都是成为 CTO？创业之路会遇到哪些荆棘与坎坷？如何建设一个团队良好的工作氛围？希望能藉由大会与大家交流讨论。

文档地址：https://mp.weixin.qq.com/s/zWPjfHiYxx0HH9lE99Yijw

  • 《支付宝小程序的开放架构》

嘉宾简介：何一鸣（承玉），支付宝-高级前端技术专家，小程序前端框架负责人

内容简介：支付宝小程序依托自身的技术能力和开放服务，为开发者提供了触达亿级用户的机会。我们不仅提供高效的开发框架，易用的开发者工具，还在监控，发布，数据分析方面给开发者提供全方面的支持。支付宝小程序对外更是一套开放架构，未来支付宝将和合作伙伴 app 一起打造共赢的小程序生态。

文档地址：https://attachments-cdn.shimo.im/ZucZ0B2TDqE2RQsX/%E4%B8%BB%E4%BC%9A%E5%9C%BA_4_%E4%BD%95%E4%B8%80%E9%B8%A3_%E6%94%AF%E4%BB%98%E5%AE%9D%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%9A%84%E5%BC%80%E6%94%BE%E6%9E%B6%E6%9E%84.pdf

H5和小程序专场
  • 《mpvue 小程序开发框架和最佳实践》

嘉宾简介：胡成全，美团点评-前端技术专家

内容简介：小程序凭借其良好的用户体验和优秀的双端端覆盖能力逐渐发展成独立的终端开发体系，但对于搭建大规模的复杂应用，并没有特别好的技术方案。针对此问题，美团点评实践出了一套基于 Vue.js 开发微信小程序的解决方案：mpvue 小程序开发框架。通过该框架，开发者将获得真正的组件化开发能力，拥有完整的 Vue.js 开发体验和配套设施。此次主题将为你揭秘框架本身的设计和实现思路，框架的工作原理和最佳实践方案、未来支持计划等。我们从实际项目中证实 mpvue 将带来至少 30% 的开发效率提升，并将拥和H5的快速复用代码的能力。

文档地址：https://attachments-cdn.shimo.im/9kz8UAg98Xw2t5g0/%E5%88%86%E4%BC%9A%E5%9C%BA1_1_%E8%83%A1%E6%88%90%E5%85%A8_mpvue_%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91%E6%A1%86%E6%9E%B6%E5%92%8C%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5.pdf

  • 《快应用快速进阶指南》

嘉宾简介：回晓，饿了么-高级前端工程师

内容简介：介绍饿了么快应用的从 0 到 1 的过程中所遇到的问题及解决方案。总结分享快应用尚未解决的痛点，收集快应用社区遇到的问题，为大家做统一的排坑攻略。纵观快应用的商业价值，拓展快应用在饿了么生态中更多领域的应用。

文档地址：https://attachments-cdn.shimo.im/IIJ9KAROE8Ycwemm/%E5%88%86%E4%BC%9A%E5%9C%BA1_2_%E5%9B%9E%E6%99%93_%E5%BF%AB%E5%BA%94%E7%94%A8%E7%9A%84%E9%82%A3%E4%BA%9B%E4%BA%8B%E5%84%BF.pdf

  • 《WebRTC在阿里巴巴的实践》

嘉宾简介：杨帆(洋风)，淘宝-高级前端工程师

内容简介：WebRTC 在阿里巴巴内部已经有了比较广泛的应用：通话、视频会议、直播加连麦、视频流编辑等等。本次分享将为你介绍 WebRTC 技术及其实践和阿里 RTC 全平台支持和互通的解决方案。

文档地址：https://attachments-cdn.shimo.im/LZhx202xIZM1rv2C/%E5%88%86%E4%BC%9A%E5%9C%BA1_3_%E6%9D%A8%E5%B8%86_%E6%B4%8B%E9%A3%8E_WebRTC%E5%9C%A8%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E7%9A%84%E5%AE%9E%E8%B7%B5.pdf

  • 《极致流畅的移动Web应用解决方案》

嘉宾简介：关开设，腾讯 - 高级前端工程师

内容简介：在各种概念技术难以落地、没有Hybrid技术的支持、产品场景要做到多平台兼容的业务场景下，Web 应用的流畅性还能达到什么程度？我们团队探索了一套解决方案，以提升首屏速度、切换流畅度为主要指标，以技术的简约、开发效率为辅助， 打造极致流畅体验的 Web 应用。在腾讯视频商城上落地，带来了令人惊艳的流畅体验。

文档地址：https://attachments-cdn.shimo.im/Ym3XXZQbJ4wOhrx1/%E5%88%86%E4%BC%9A%E5%9C%BA1_4_%E5%85%B3%E5%BC%80%E8%AE%BE_%E6%9E%81%E8%87%B4%E6%B5%81%E7%95%85%E7%9A%84%E7%A7%BB%E5%8A%A8Web%E5%BA%94%E7%94%A8%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88.pdf

  • 《react-native 技术在壹钱包中的实践及优化》

嘉宾简介：刘志伟，壹钱包-无线端的技术专家

内容简介：介绍壹钱包如何对React Native进行性能优化，包括RN启动优化、如何拆分bundle，业务热更新、RN框架由0.38升级到0.52经验和问题以及现在取得的成果和规划

文档地址：https://attachments-cdn.shimo.im/bTxiOgqMNH8HOFOe/%E5%88%86%E4%BC%9A%E5%9C%BA1_5_%E5%88%98%E5%BF%97%E4%BC%9F_react_native_%E6%8A%80%E6%9C%AF%E5%9C%A8%E5%A3%B9%E9%92%B1%E5%8C%85%E4%B8%AD%E7%9A%84%E5%AE%9E%E8%B7%B5%E5%8F%8A%E4%BC%98%E5%8C%96.pdf

全端与全栈专场
  • 《从前端到全栈——Vue SSR 的踩坑之旅》

嘉宾简介：俞天翔，快手-前端架构师

内容简介：组件化已经逐渐成为前端应用开发的必备武器，但是在2C场景下，单纯的SPA模式并不能给用户极致的使用体验；本次演讲将借由讲解Vue Server Side Render原理、技术点，以及快手直播整体开发过程中所遇到的问题以及解决方案，展开介绍当前端开发人员开始介入Node开发的时候，思考问题以及整体应用设计层面会发生怎样的变化

文档地址：https://attachments-cdn.shimo.im/5pkNCBXAlIEBLm84/%E5%88%86%E4%BC%9A%E5%9C%BA2_1_%E4%BF%9E%E5%A4%A9%E7%BF%94_%E4%BB%8E%E5%89%8D%E7%AB%AF%E5%88%B0%E5%85%A8%E6%A0%88_Vue_SSR_%E7%9A%84%E8%B8%A9%E5%9D%91%E4%B9%8B%E6%97%85.pdf

  • 《Electron 在开发者工具中的应用》

嘉宾简介：占有伟(先野)，淘宝-高级前端工程师

内容简介：Electron 在开发者工具中的应用，EMAS 开发者工具主要为Weex开发者提供一站式开发解决方案。本次主要分享 Electron 开发过程中遇到的问题与踩坑心得。

文档地址：https://attachments-cdn.shimo.im/SUaSOBYldJoTzQDc/%E5%88%86%E4%BC%9A%E5%9C%BA2_2_%E5%85%88%E9%87%8E_Electron_%E5%9C%A8%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7%E4%B8%AD%E7%9A%84%E5%BA%94%E7%94%A8.pdf

  • 《淘宝Web 3D应用与游戏开发实战》

嘉宾简介：徐乾伟(烧鹅)，淘宝-前端技术专家

内容简介：随着WebGL技术在移动端的普及，Web图形技术越来越多地应用到手淘中。同时，人们越来越追求精神享受，App的“微游戏”化成为互动营销中的必要手段。如何在苛刻的移动端环境中开发Web游戏，借鉴传统游戏开发工具和设计模式，较低成本地实现高性能的3D游戏与应用，已经成为新一代前端开发者面临的挑战。本次分享将以多个互动项目为例，讲述手淘Web 3D技术的发展史，内容涵盖3D图形技术、游戏架构以及移动端工程化方面的最佳实践。

文档地址：https://attachments-cdn.shimo.im/rB7lvc0vhdMTakmI/%E5%88%86%E4%BC%9A%E5%9C%BA2_3_%E5%BE%90%E4%B9%BE%E4%BC%9F_%E6%B7%98%E5%AE%9DWeb_3D%E5%BA%94%E7%94%A8%E4%B8%8E%E6%B8%B8%E6%88%8F%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98.key

总结地址：https://mp.weixin.qq.com/s/DHkNJdUqf3oy2WVNlhTxow

  • 《前端与领域驱动设计》

嘉宾简介：李华桥，Teambition-高级前端工程师

内容简介：使用领域驱动设计，在不断变化的前端技术中寻找对复杂前端应用的描述和解决方案。

文档地址：https://attachments-cdn.shimo.im/4lPrMYKthwkqbolN/%E5%88%86%E4%BC%9A%E5%9C%BA2_4_%E6%9D%8E%E5%8D%8E%E6%A1%A5_%E5%89%8D%E7%AB%AF%E4%B8%8E%E9%A2%86%E5%9F%9F%E9%A9%B1%E5%8A%A8%E8%AE%BE%E8%AE%A1.pdf

  • 《webassembly在全民直播的应用》

嘉宾简介：赵洋，全民直播-前端研发经理

内容简介：webassembly在全民直播中已经有很不少的探索和实践，其优异的性能、比javascript更好的保密性以及代码的多端复用带来的开发效率提升都不断的让我们惊喜。本次分享为你介绍webassembly整体在全民直播的探索和实践落地的过程，为大家介绍其中的一些良好实践和踩坑经验。

文档地址：https://attachments-cdn.shimo.im/iQnGY37oWkQqts0u/%E5%88%86%E4%BC%9A%E5%9C%BA2_5_%E8%B5%B5%E6%B4%8B_webassembly%E5%9C%A8%E5%85%A8%E6%B0%91%E7%9B%B4%E6%92%AD%E7%9A%84%E5%BA%94%E7%94%A8.pdf

前端基础设施专场
  • 《从零开始建设服务化的 Web 设计规范》

嘉宾简介：易郑超，富途网络-前端负责人

内容简介：需求爆炸、重复开发、设计和体验不统一是很多公司都会碰到的问题，我们作为一家创业公司，自然也不例外。面对这一系列问题，我们联合设计和前端的同学，从零开始梳理，逐步在项目迭代过程中整理出一整套web设计规范，并以组件的方式一一进行落地。最终形成了一套服务化的web设计规范，使得前端页面的开发变成搭积木的方式，同时能在保证统一用户体验的情况下，极大减少设计和开发的人力投入。

文档地址：https://attachments-cdn.shimo.im/o2QD1oG7TswZY6c0/%E5%88%86%E4%BC%9A%E5%9C%BA3_1_%E6%98%93%E9%83%91%E8%B6%85_%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%BB%BA%E8%AE%BE%E6%9C%8D%E5%8A%A1%E5%8C%96%E7%9A%84_Web_%E8%AE%BE%E8%AE%A1%E8%A7%84%E8%8C%83.pdf

  • 《自动化生成 H5 骨架页面》

嘉宾简介：罗冉，饿了么-高级前端工程师

内容简介：在 Web 应用加载过程中，用骨架页面代替常规的 loading 图标，用户感知上页面响应更快，但是手动书写骨架页面带来的只是重复劳动，「自动化生成H5骨架页面」方案正是为了解决以上痛点。

文档地址：https://attachments-cdn.shimo.im/hmWSbXGKZ7YQxcGH/%E5%88%86%E4%BC%9A%E5%9C%BA3_2_%E7%BD%97%E5%86%89_%E4%B8%80%E7%A7%8D%E8%87%AA%E5%8A%A8%E5%8C%96%E7%94%9F%E6%88%90%E9%AA%A8%E6%9E%B6%E5%B1%8F%E7%9A%84%E6%96%B9%E6%A1%88_.pdf

  • 《Make Front-End MVC Great Again》

嘉宾简介：古映杰，携程-高级研发经理

内容简介：GUI 开发架构绕不开 MVC 及其变种，此分享将围绕 MVC 的历史由来、演化，及其在 Web 开发开发里的延伸和表现；并用当前流行的前端技术栈和基础设施，重新设计和强化前端 MVC 架构，得到一个在功能、易用性、性能和开发效率上都比上一代前端 MVC 优秀的新形态。

文档地址：https://attachments-cdn.shimo.im/wRlhzVFLKpwspAoe/%E5%88%86%E4%BC%9A%E5%9C%BA3_3_%E5%8F%A4%E6%98%A0%E6%9D%B0_Make_Front_End_MVC.pdf

  • 《跨框架组件的学习和复用》

嘉宾简介：王骆菲，陆金所-前端架构师

内容简介：1. 从组件共性出发快速学习react和vue；2. 如何写跨框架的组件，使组件支持react，vue，weex和react native等；3. react-to-vue工具是如何自动转换react组件为vue组件的,使组件复用性不局限于单个框架

文档地址：https://attachments-cdn.shimo.im/4OwuEyt1Ko4reAYI/%E5%88%86%E4%BC%9A%E5%9C%BA3_4_%E7%8E%8B%E9%AA%86%E8%8F%B2_%E8%B7%A8%E6%A1%86%E6%9E%B6%E7%BB%84%E4%BB%B6%E7%9A%84%E5%AD%A6%E4%B9%A0%E5%92%8C%E5%A4%8D%E7%94%A8.pdf

  • 《滴滴前端工程化实践》

嘉宾简介：杨永乐，滴滴 - 全栈架构师

内容简介：当前前端主要面临团队成员越来越多、跨团队协作越来越多、业务系统越来越复杂、框架越来越多、性能要求越来越高、可维护性越来越差等问题，因此这就需要运用工程化的管理思想来解决，最终使其更加灵活、高效、稳定、简单。

文档地址：https://attachments-cdn.shimo.im/daUTgDPCB8Yjd75g/%E5%88%86%E4%BC%9A%E5%9C%BA3_5_%E6%9D%A8%E6%B0%B8%E4%B9%90_%E6%BB%B4%E6%BB%B4%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96%E5%AE%9E%E8%B7%B5.pdf