技术周刊 - 第 18 期

[HazelZ]

【前端】

1. V8 改进垃圾清理机制

V8 引擎宣布"垃圾清理机制"的重大改进。我们知道，对于大型程序，垃圾清理很影响性能，因为程序必须暂停，让引擎识别哪些内存不再需要。

V8 现在允许内存识别不暂停程序，而是并发进行，使得程序停顿时间减少70%左右。引擎如何识别不再需要的对象，希望了解具体实现的朋友，可以看看下面这篇文章。

详情：https://v8project.blogspot.com/2018/06/concurrent-marking.html

2. Github Star !== 使用(Usage): React 仍然比 Vue 有更广泛的用户

上周有一个关于 Vue.js 的有趣的社区故事：Vue 在 GitHub 上获得了比 React 更多的 star，但是尽管 Vue 增长迅速，React 仍然在实际使用中占主导地位。

详情：https://zendev.com/2018/06/19/react-usage-beating-vue-angular.html

3. JavaScript 引擎基础：Shapes 和 Inline Caches

本文就所有 JavaScript 引擎中常见的一些关键基础内容进行了介绍——这不仅仅局限于 V8 引擎。作为一名 JavaScript 开发者，深入了解 JavaScript 引擎是如何工作的将有助于你了解自己所写代码的性能特征。
详情：https://zhuanlan.zhihu.com/p/38202123

4. 如何在浏览器中使用 JavaScript 模块

所有主流浏览器现在都已支持 JavaScript 模块！本文将介绍如何使用 JS 模块，如何正确地发布，以及 Chrome 团队如何努力使模块今后做的更好。

详情：https://developers.google.com/web/fundamentals/primers/modules

5. SpriteJS -- 一款简单的跨终端 canvas 绘图框架

SpriteJS 是一款由360奇舞团开源，月影大大亲自操刀的跨终端 canvas 绘图框架，可以基于 canvas 快速绘制结构化 UI、动画和交互效果，并发布到任何拥有canvas环境的平台上（比如浏览器、小程序和node）。

详情： https://zhuanlan.zhihu.com/p/38262981

6.ES2018(ES9) 新特性

每年 ES（ECMAScript） 都会将处于 Stage 4 阶段的提案作为本年度的 ES 规范，一起来看看今年都有哪些新特性值得我们 GET 的呢？

详情：https://juejin.im/post/5b2a186cf265da596d04a648

7.浅析前端安全之 XSS

作为前端开发者，我们需要时刻保持安全意识。虽然安全始终是相对的，但如果我们通过提高开发中的安全意识，也就增加攻击者发起攻击的成本。本篇文章例举详实的例子详细介绍了 XSS 的风险、产生和防御，希望对各位前端 er 的日常开发有所帮助。

详情：https://zhuanlan.zhihu.com/p/38327058

8.前端本地文件操作与上传

本文讨论了3种交互方式的读取方式，通过input控件在input.files可以得到File文件对象，通过拖拽的是在drop事件的event.dataTransfer.files里面，而通过粘贴的paste事件在event.clipboardData.files里面，Safari这个怪胎是在编辑器里面插入一个src指向本地的img标签，可以通过发送一个请求加载本地的blob数据，然后再通过FileReader读取，或者直接append到formData里面。得到的File对象就可以直接添加到FormData里面，如果需要先读取base64格式做处理的，那么可以把处理后的base64转化为blob数据再append到formData里面。对于老浏览器，可以使用一个iframe解决表单提交刷新页面或者跳页的问题。

详情：https://fed.renren.com/2017/11/25/local-file-manage-upload/

【后端】

1. Java 生态圈知识汇总

该项目列举了工作中常用的一些技术（汇总 Java 生态圈常用技术框架、开源中间件，系统架构、项目管理、经典架构案例、数据库、常用三方库、线上运维等知识），以及如何锻炼提升自己的架构能力。
由于每块技术市场上基本都有对应的网络资料或书籍，所以项目只是少篇幅列举工作中用到的核心知识点，抛砖引玉，属于进阶型，不适用初学者。

详情：https://github.com/aalansehaiyang/technology-talk

2. Go 微服务实战汇总

包括国内经验：今日头条 Go 建千亿级微服务的实践、华尔街见闻基于 Golang 的微服务实践、阿里云基于 Go 的微服务架构分享、Golang 微服务在腾讯游戏用户运营领域的探索及实践等。以及国外经验：Microservices in Golang 等。

详情：https://gocn.vip/question/1999

3. 用于 Web 开发的公共 JSON API 集合

内容包括 Books、Business、Calendar、Machine Learning、Music、New、Vehicle、Video、Weather 等。

详情：https://github.com/toddmotto/public-apis

4. Google API Design Guide

API设计规范一直是个让人很头痛的问题，不同的设计风格会导致同一个公司之间无论是前端浏览器还是后端服务调用不同的实现时产生很多不可预知的情况，维护成本和理解成本还很高。这是一份针对网络API的通用设计指南。这份指导可同时应用于基于HTTP的REST APIs与基于socket的RPC APIs，尤其是gRPC APIs。

详情：https://google-cloud.gitbook.io/api-design-guide/

5. 利用 EasyWeChat 和 ChatterBot 简单搭建一个公众号「自动回复机器人」

自从公众号列表页改版以来，很多人都说会弱化公众号菜单的作用，所以索性「放弃菜单」，制作「自动回复」来替代菜单功能。本文简述使用这两个工具来构建公众号的「自动回复」功能。

详情：https://juejin.im/post/5b2f7030f265da597c772c3e

6. 后端应该如何安全地储存用户数据？

合格的后端开发者和运维人员需要考虑每个接口的安全性、每个可被公网访问到的服务器的安全性，保证不要犯错。但是我们还需要考虑，如何在已经犯错的情况下把损失降低到最小。在做数据的存储方案时，我们需要假设储存的数据已经被泄露出去了，如用户密码这种隐私数据的存储就是一个重点。

详情：https://zhuanlan.zhihu.com/p/38057805

【其他】

1. 美团外卖 Android Crash 治理之路

Crash 率是衡量一个 App 好坏的重要指标之一。如果你忽略了它的存在，它就会得寸进尺，愈演愈烈，最后造成大量用户的流失，进而给公司带来无法估量的损失。本文讲述美团外卖Android客户端团队在将 App 的 Crash 率从千分之三做到万分之二过程中所做的大量实践工作，抛砖引玉，希望能够为其他团队提供一些经验和启发。

详情：https://mp.weixin.qq.com/s/FoimQL9XsgnM8gKtsC5jRA

2. 除了技术实力，程序员晋升还需要具备哪些软技能？

程序员如何保持较快速度成长？程序员如何转型做管理？除了技术能力以外，程序员还需要具备哪些软技能，才能获得快速晋升？当下最热的人工智能技术商业落地情况如何？
前两周，极客 Live 邀请了馒头商学院创始人王欣、知识星球创始人吴鲁加、美团技术学院院长刘江、知道创宇 CTO&COO 杨冀龙、商汤科技联合创始人 &副总裁杨帆，为大家贡献了 5 场高质量的直播分享。应观众的呼吁，现在将直播回放奉上，因为各种原因错过直播的小伙伴赶紧补功课啦！

详情：https://mp.weixin.qq.com/s/l-qX30NzOIudwvvQK27j8A