前端开发周报：Instant App将至，WebAssembly

因个人精力有限，暂停简书的维护，欢迎大家关注我的知乎https://www.zhihu.com/people/wei-wei-24-86-36/activities，会持续分享前端、Web开发相关文章
因个人精力有限，暂停简书的维护，欢迎大家关注我的知乎https://www.zhihu.com/people/wei-wei-24-86-36/activities，会持续分享前端、Web开发相关文章

[图片上传失败...(image-acd346-1513219882226)]

策划 | 尾尾

注意！！！首发链接附带各种招聘信息，需要的同学请用手机移步前端之巅微信公众号：https://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247485075&idx=1&sn=f7de54c36d77a48ede3135ee8216c8a8&chksm=97236451a054ed47d92b2e6ee080f0885131a64d39b0f488f62734889089ce9c6fad90eb3e63#rd

金三银四跳槽季，天天发愁写简历。不知leader如何选，前端之巅来助力！
——尾尾的打油诗是不是越来越顺溜了？在这个招聘季，希望本文能对你写简历有所帮助，也希望前端之巅能够帮助大家找到合适的工作！

招聘者请注意：这是前端之巅第一次招聘相关的活动，有招聘需求的淀粉均可免费参加，在评论区留言招聘信息，具体的要求见“五、前端之巅招聘活动”。

应聘者请注意：本次群访的leader们，观点不一，但是很多重要的点都是相通的。所以，重要的点不能缺，同时要细细研究，将自己的能力和优点真正展现出来。应聘者的注意事项见“五、前端之巅招聘活动”。

一、他们期待简历中包含这些内容

杨永林：

• 首先个人的基本信息是必须的，姓名、年龄、性别、学历等；

• 其次如果你已经工作了，希望看到你的工作履历和参与过的项目，项目这里希望尽量将自己做的比较好的，比较体现能力的项目着重写一下，不要只是简单的罗列，介绍项目时最好把项目的目的，个人的角色，使用的技术手段和解决的问题简要描述一下；

• 如果你是应届生，那最好能体现出你良好的学习能力，比如优秀的成绩，出彩的毕业设计，良好的实习履历等。

周琪力：

• 你的基本信息，之前的工作经历及实践产出

• 对自己的评价与认识

• 自己工作时间外的小作品，不限于小工具、代码片段、小应用之类。

张耀春：

能完整地把一个事情和项目做好，对技术有积累和沉淀。

任远：

在工作经历中，我比较希望看到比较具有挑战性问题的解决方式和思路，当然这里有一个前提就是要结合所在公司的业务现状提出的技术解决思路，而不是天马星空的时髦技术试错。现在大家简历中普遍有一个误区，就是习惯罗列非常多的技术名词和时下最时髦的技术框架，我不否认这可以表现出一个人技术的全面性，反映对技术潮流的紧密关注度，但是这种不能突出重点的表述，在招聘旺季会很快被淹没在简历的海洋中。

另外我更希望看到，大家是为了热爱这个行业而从事它，而不是单纯只是看重互联网行业的回报。在简历里是否有自己的开源项目和持续性的业余项目是比较能反映出一个同学对技术的理解力和投入度的。通常这也是会成为简历加分项的重要标志。

李超群：

新技术的使用（Vue.js、React等），前端工程化，丰富的项目经验，GitHub开源项目。

麦芽糖：

期待的简历包含面试者的基本信息、个人经历、blog/GitHub、过往的亮点和优缺点。

二、简历中，他们最关注的点

杨永林：

我比较关注工作过的项目，解决的问题，得到的奖励，说白了就是所有能够体现你能力的部分。

周琪力:

• 技术能力与视野

• 善于沟通与表达

• 工作激情与坚持。

张耀春：

• 积累

• 学习能力

• 一些前端关键词

任远：

• 工作经历的工作内容部分，每段经历之间是否有递进关系；一件事情是否做到了90分再去做另一件事情；这对于一些规模化的互联网企业来说是非常重要因为在高QPS，复杂网络环境以及众多不同的用户群里和受众面前，一件平常的小事处理起来也变得异常复杂，比如代码的健壮性，异常处理，和代码层面中对用户行为的追踪都会成为一个功能是否合格的标准

• 工作经历的更替是否比较频繁。这是一不得不提的事情，首先频繁的更换工作会带来额外的管理成本和用人成本，对项目的推进和技术的积累都不是一件有利的事；其次可以间接的反应出一个同学的判断力和规划能力；如果不是因为公司倒闭，老板跑路这种客观原因导致的频繁公司就要非常警惕，因为这类同学要么就是很容易被外界短期的物质诱惑所动摇，要么就是对自己的职业方向规划不清，在没有达到一个阶段目标或转型期前就选择离开。

• 候选人背景的质量。背景好坏，不能绝对的肯定或否定一个人，但是可以间接的判断一个候选人过往是否足够优秀，这也就是为什么985，BAT经历的同学获得面试机会更多的原因；学校的好坏往往反映的是一个候选人对待新知识的态度和学习能力，我们可以回忆一下我们的高中和大学时期，周围是什么样特质的同学最后进入了985类型的大学，就不难理解企业为什么有时会从学校的维度筛选简历了。当然不排除有些同学对教条的课本知识并不感冒，但是却有很强的动手能力，所以具备一些知名互联网企业背景的同学也会被优先考虑

李超群：

是否对新技术敏感，跳槽是否频繁，知识的广度与深度，是否有大型互联网公司经验。

麦芽糖：

在简历中最关注的三点是：

• 技能是否match，重合度越高越好；

• blog/GitHub；

• 内容简洁，诚恳，稍微夸大的就pass。

三、他们这样初步判断应聘者的技术水平

月影：

简历主要看技术背景、以前做什么，现在做什么，大概用到的技术栈，还有就是简历里面有没有打动我的点。通过简历没法判断技术水平，能判断就不用面试了。看简历只是判断自己对那个人有没有兴趣，那个人有没有可能是适合团队，决定值不值得让那个人来见一面。

杨永林：

理论上面试官是不应该仅通过简历就评价应聘者的技术水平的，这会在面试前先入为主认为对方是某类人。我一般会根据对方的工作年限，经历过的项目，服务过的公司以及对待遇的预期等因素初步判定应聘者面临过的问题，然后在面试中针对性地提问，看对方在过往的经历中如何解决问题，如果解决的很好，我会加深问题的难度，看对方的潜力。

周琪力：

我大概说下我们的经验吧。先说一些大忌：

排版 重要信息要突出，类目要有层次感，长篇文字谁也看不下去。不能有错别字诸如「前端」写成「前段」，其次英文不分大小写。前端工程师要对自己的作品有基本的审美，如果写简历都不愿意花时间做好做漂亮的话只能说明对自己的要求太低，相应的也不可能比别人优秀

逻辑错误 我们收到过很多简历打开一看应聘职位「Java/PHP工程师、网页开发」，即使应聘者觉得自己是全能型的人才，在投简历的时候也要看下招聘的要求。建议应聘职位和招聘信息上写一致，这才能体现自己正确的应聘需求

没有重点 相信大多数简历上都会写「熟练掌握 HTML\CSS\JavaScript...」然而这些类同的太多了。只说自己掌握什么、熟悉什么但不提自己用它们做了些啥成果。这类简历基本上的质量不高

张耀春：

找一个具体的他提到的业务场景去试探深度和解决问题的能力以及设计业务采用的结构，再依据发散出来看看广度，解决方案的多样化。

任远：

这个其实很难，因为技术水平通常是聊出来，写出来，而不是通过简历看出来的；所以这时候如果简历上有一些开源项目或者GitHub地址，会比较便于我们做快速判断，我们可以在代码的细节中，快速判断出一个同学做事严谨程度和基本功；项目的适用性和方向上，评判一个同学的技术视野和技术的敏锐度。在项目的维护时候长短上判断一个同学做一件事情的专注度。

李超群：

以往工作经历，项目中用到的技术，开发过的项目以及以往担任过的职能。

麦芽糖：

快速判断应聘者的技术水平方式是看应聘者的技术技能点是否在简历中体现，有blog的话就快速过下blog。 简历只是一面之词，还需面谈一步一步深入了解应聘者的技术水平。

四、他们在招聘

杨永林：

杨永林，微博昵称@教主，链家网架构师， 从业10年，长期关注于前端性能优化与工程化领域。同时负责公司前端团队的人员招聘，职级评定与人才培养。yangyonglin@lianjia.com

周琪力：

大家好，我叫周琪力，现在在京东网站平台担任高级软件开发工程师，主要负责京东商品详情页前端开发、网站监控系统，以及前端团队建设相关、招聘等方面工作。我们最近在招一名高级前端开发工程师，主要负责前端部门技术架构设计与实践，新技术调研等。联系方式：zhouqili@jd.com（注明“前端之巅”获得内推资格）。

张耀春 ：

目前在滴滴负责公共前端团队，再之前在豌豆荚，目前负责招聘资深和交叉面试高阶前端和参加公司校招。

任远：

我是美团智能支付的前端负责人任远，之前在腾讯和小米工作过5年，目前负责美团金融BG内一个20人规模的前端团队管理；团队主要的方向是围绕传统前端，移动前端，混合应用和NodeJS去构建一些面向企业和用户金融服务类产品。目前我们正在招聘的方向是高级前端工程师和前端技术专家。这两个岗位通常需要同学在这个行业内深耕3~5年以上，有丰富的经验积累和一定的技术判断力。

李超群：

我叫李超群，现在在京东上海分公司工作。技术出深，做过架构师，现在是移动研发组负责人。主要负责京东商城上海分公司大前端技术开发和管理工作。招聘人才主要从事京东商城交易系统和机票业务的开发工作。现招聘职位为前端架构师(T7)和高级前端工程师(T5)岗位。因公司最新政策，对工作年限有要求，具体参照下图。邮箱：lichaoqun@jd.com

麦芽糖：

大家好，我叫麦芽糖。在QQ空间做过前端，在手机QQ做过Android，之后加入创业公司回到前端领域。 现在是观麦科技（生鲜配送SaaS服务）的前端负责人，我们在使用React技术栈，也希望能找到热爱React技术栈的你，RN经验者更佳，"前端之巅"粉丝更佳，我的邮箱：liyatang@qq.com。

五、前端之巅招聘活动

我们不鼓励跳槽，只是希望每个人都能找到对的工作，获得最大的成长，实现自己的价值。

招聘活动规则如下：

招聘信息发布数量

由于微信限制，超出评论条数后将不再发布，先到先得。

参加方式

按以下格式在本文后添加评论即可，拒绝后台留言。

回复格式

【前端开发工程师/负责人N名】XX公司XX团队，负责开发维护XX App，要求前端开发经验N年，职位P5-P6，薪资XX-XX，简历发送至邮箱：abc@def.com。

发布者注意事项

• 仅限前端开发工程师的招聘

• 同一团队的招聘信息只发布一次

• 为公平起见，单条消息限140字以内

• 不可直接贴或者包含招聘网站链接

• 联系方式也可以是微信或其他方式

求职者注意事项

• 本文仅发布招聘信息，不发布求职信息

• 本文收集的相关招聘信息未经核实，入职前请和招聘方确认

• 邮件标题格式：【前端之巅-应聘前端中级工程师-刘xx】

• 邮件中注明：从前端之巅公众号得知招聘信息，以方便招聘方统计来源。

• 做好离职交接工作，维护好自己的权益。

视野拓展

全球移动技术大会（GMTC）是由InfoQ主办的全球顶级技术盛会，关注移动、前端、跨平台、AI应用等多个技术领域、促进全球技术交流，推动国内技术升级。GMTC为期两天，面向移动开发、前端、AI技术人员，聚焦前沿技术及实践经验，打造技术人员的学习和交流平台。戳这里了解更多信息。

前端之巅

「前端之巅」是InfoQ旗下关注前端技术的垂直社群，加入前端之巅学习群请关注「前端之巅」公众号后回复“加群”。投稿请发邮件到editors@cn.infoq.com，注明“前端之巅投稿”。

周报封面3.jpg

前端开发周报专注前端领域内容，分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。关注前端之巅微信公众号（ID：frontshow），及时获取前端周报。

作者：王下邀月熊
编辑：尾尾

新闻热点

国内国外，前端最新动态

• 《WebAssembly 成员就 API 设计与二进制格式达成一致》：近日，WebAssembly CG 成员单位 Chrome、Edge、Firefox 以及 Webkit 就初始版本的 WebAssembly API 以及 二进制格式达成一致，标志着浏览器预览阶段的结束，各大浏览器会开始默认支持 WebAssembly，让我们拭目以待。
• 《备受瞩目的 Instant App 即将到来》：Android 一向致力于让用户能以更加省力的方式发现并使用各种应用，而 Android Instant App 正是这一理念的集中体现——这是一种用户无需安装即可运行 Android 应用的全新方式。
• 《为快速生成基于JS的Web应用，微软发布系列工具》 Microsoft发布了一系列工具，用于快速生成基于JavaScript的Web应用，这些工具包含了dotnet new和对Node.js的巧妙运用。
• 《Ant Design 2.7.3 发布，阿里前端设计语言&前端框架》：Ant Design 2.7.3 发布了，Ant Design 是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现。
• 《斯坦福 CS 授课开始用 JavaScript 替换 Java》：今年春学期，斯坦福计划将 CS106J 课程实验性地使用 JavaScript 而不是 Java 进行教学；并且将 CS106S: "Programming Abstraction and Social Good" 作为独立课程发布，鼓励学生思考他们未来能够承担的社会职位。

开发教程

步步为营，掌握基础技能

• 《CSS Grid 指南》: 网格系统是布局设计的核心之一，在 Web 开发中我们经常需要借助第三方库来创建合适的网格系统。而 CSS Grid 则是一个二维布局系统，能够辅助开发者创建基于网格的用户界面，此文则是详细地介绍 CSS Grid 的语法细节以及调试实例
• 《基于 Vue.js 开发一个 Pokemon Battle 指南》: 此文是非常详细的如何利用 Vue.js 开发一个宠物小精灵的战斗场景的教程，还是挺有意思的。
• 《Web 常见权限认证技术详解》：此文详细阐述了 Web 开发中常用的权限认证技术，首先介绍了 Web 开发中与权限相关的常见名词，而后介绍了 HTTP Basic Authentication、基于 Session 的认知、基于 Token 的认证、JWT、OAuth 以及 OpenID。
• 《ECMAScript 4 背后的故事》: 此文是对于 1999 ~ 2008 年之间 JavaScript 世界发生的大事件的详细介绍，阐述了 ECMAScript 4 从提出到角力到流产的前世今生。
• 《React Native 与 Swift 性能对比》：作为混合式开发框架，React Native 在运行时仍然会实际调用 Objective-C 或者 Java。此文作者同时用 Swift 与 React Native 构建了相同的应用，并且从 CPU、GPU、内存使用、电池耗费等多个角度对这二者进行性能分析。结果表明二者性能相差无几，Swift 在 CPU 占用略占优势，二者的 GPU 占用不相伯仲，而 React Native 在内存上则有一定长处。
• 《React 与 MobX 开发中的测试驱动开发》: 此文对于 React 与 MobX 的基本使用进行了介绍，阐述了为何作者认为 MobX 是个不错的 Redux 的替代以及如何对 MobX 进行单元测试。
• 《基于 React 与 GraphQL 的全栈开发指南》：GraphQL 最早由 Facebook 提出以解决复杂多变的查询问题，弥补 REST 中的不足。它允许界面组件以声明式获取数据而忽略后端实现细节。本系列文章是由 Apollo 团队提供，讲解如何基于 React 与 GraphQL 开发应用。

工程实践

立足实践，提示实际水平

• PWA《百度搜索对PWA的探索和初步实践》: 此文是百度搜索资深Web前端工程师沈洲在前端之巅微信群中的分享整理总结而成，介绍了百度天气 PWA 应用的开发实践。

• PWA饿了么大前端团队PWA内容专栏：《PWA 实践：从一个简单的页面开始》与[《PWA实践：理解和创建 Service Worker 脚本》]。

• PWA《工程实践中的 PWA 利器清单》: 此文是 Google Chrome 团队的 Addy Osmani 所写，介绍了这两年来他们团队开发或者推荐的一系列能够用于生产环境的 PWA 开发工具或者辅助库。此文作者同时来列举了目前在很多主流站点应用 PWA 之后带来的一系列包括离线优先、首屏加载优化等提升用户体验的实践案例。

• 《React 开发中的 10 个微模式》：此文是 Gilbertson 在工作中总结而来的 React 开发中常见的设计模式总结，譬如输入域的唯一标识分配、CSS 控制等。

• 《美团点评前端无痕埋点实践》：构建一个数据平台大体上包括数据采集、数据上报、数据存储、数据计算，以及数据的可视化展示等几个重要的环节。前端数据采集与上报是整个流程中最重要的一环，只有确保前端数据生产的全面、准确、及时，最终产生的数据结果才是可靠的、有价值的。为了解决前端埋点的准确性、及时性、开发效率等问题，业内各家公司从不同角度，提出了多种技术方案，此文则是美团点评前端无痕埋点实践。

• 《深入了解 JavaScript 中错误对象与堆栈跟踪》：JavaScript 中 Error 对象的堆栈跟踪信息包含了从异常抛出点到构造函数的所有栈帧信息，而手动地去捕获与操作堆栈跟踪信息有助于我们在开发测试或者异常处理相关的框架时有更好地实践。

• 《Airbnb 使用 React 重构搜索功能的实践》：早在 2015 年，Airbnb 的工程团队就决定将 React 作为主要的前端开发栈，不过因为其搜索页面过于复杂因此直到 2016 年初才开始迁移工作。此文就是 Airbnb 进行代码重构的经验介绍。

深度阅读

深度思考，升华开发智慧

• 《对比探秘 WebAssembly 性能优越之谜》: 本系列文章通过有趣的漫画介绍了 WebAssembly 的前世今生，并且与 JavaScript 就加载、解析、编译、执行等浏览进行了详细对比，从而介绍 WebAssembly 的性能缘何相较于 JavaScript 会好上很多。同时作者也强调，WebAssembly 与 JavaScript 各有所长，未来并不会存在太多的竞争，更多的是相辅相成，各司其职。
• 《对于在浏览器中使用 UDP 协议的一系列考虑》: 现代浏览器与网站大多构建于 HTTP 协议之上，而对于类似 agar.io 这样的实时游戏往往会选择 WebSockets 协议。此文作者首先介绍了下这些基于 TCP 的应用层协议面对的所谓对头阻塞问题，然后又讨论了 QUIC 以及 WebRTC 在构建专用服务器时的不足。最后，作者分析了使用 UDP 作为传输协议存在的问题，并且提出了 netcode.io 这个轻量级的传输加密的基于 UDP 封装的网络协议。
• 《为何使用 Node.js ？》：此文来自于 Node.js 的技术专家 Tomislav Capan，此文最早发布于 2013 年，详细介绍了 Node.js 的内部原理，并且论述了 Node.js 适用的业务场景与典型的范模式。
• 《槽糕的 JavaScript 框架们》：此文作者 Matt Burgess 严肃地吐槽批评了几乎所有的现今流行的 JavaScript 框架，与他上一篇文章伟大的 JavaScript 框架一起阅读效果更佳。当然，作者并不是想让大家回到茹毛饮血的岁月，而是希望能以辩证地态度去认识与使用框架。
• 《当我们在谈大前端的时候，我们谈的是什么》：大前端到底指的是什么？事实上大前端并没有明确的定义，它由国内业界发明，甚至没有对应的英文词汇。在客户端开发上，Native与HTML5之争持续快十年，吵了人们都失去兴趣了，从现在来看，并没有谁取代谁，而是有融合的趋势，融合之后的产物就是大前端。此文则是对于大前端的一些探讨，还可以参考《大前端年终总结与展望：大前端时代即将来临？》。
• 《来自 Google 的 API 设计指南》：这是来自于 Google 的网络 API 设计指南，最早于 2014 在 Google 内部推行，指导了包括 Cloud APIs 等在内的一系列对外服务。该指南同时适用于 REST API 与 RPC API，特别是 gRPC API。

开源项目

乐于分享，共推前端发展

• 《notie》：这是一个轻量级的、零依赖的面向 JavaScript 的通知、输入以及选择套件库。它允许弹出警示信息、确认输入框、允许用户输入信息、允许用户进行选择以及进行日期选择等。
• 《跨浏览器通用存储接口 Store.js》：Store.js 能够根据浏览器情况自动选择合适的底层存储，并且提供了统一的 API 接口。Store.js 始于 2010 年，目前已经被运用到数以千计的站点中。而近日 Store.js 发布了 2.0 版本，其提供了完整的可插拔式的存储支持以及大量的附加功能。
• 《Rapscallion》：React 服务端渲染的性能一直是广为诟病，相较于其他前端框架会满上很多，笔者在此文中也进行过简要探讨。而 Rapscallion 则是新的支持 React 服务端渲染的开源包体，它支持异步非阻塞渲染，相较于renderToString其能达到将近 50% 的性能提升。同时 Rapscallion 官方还为我们准备了基于 Redis 的缓存实例。
• 《在浏览器中实现自动驾驶汽车》：人工智能与深度学习的浪潮滚滚而来，也给我们带来了很多有趣的应用。该项目利用 JavaScript 创建了一个完整的自我学习的代理，能够在一个 2D 环境下控制某个车辆自动规避各种障碍 。用户还可以通过鼠标绘制出新的障碍，而小车可以通过强化学习不断进行自我更新，值得一试。
• 《Caporal.js》：特性全面的可用于创建 Node.js 命令行工具的框架，包括了帮助信息生成、自动补全等。
• 《Gutenberg》：网页打印时的格式错乱一直是个头痛的问题，而 Gutenberg,css 提供了一系列基本的仅在打印时才会加载的样式，优化专用于打印的格式显示。

巅峰人生

一览众山，聆听巅峰故事

• 《程序员该如何过好他的整个职业生涯？》：此文是池建强在大咖说的分享总结整理而成。池建强为什么要离开锤子科技加入极客邦科技？程序员职业生涯的关键点是哪些？程序员如何做出好产品？专业性很重要吗？怎么看程序员的跳槽？如果你对这些问题感兴趣，那么此文值得一看。

微信底图－5.jpg