开放#33

技术周刊 第 27 期

作者:
Lmagic16
发布时间:
更新时间:

【前端】

1. 在开始React之前,你需要学好这些JavaScript

我在给别人培训 React 的过程中得出这样的一个结论:React 完全是关于 JavaScript 的。而且,有很多材料是关于 JavaScript 而不是 React。其中大部分是 JavaScript ES6 及其特性和语法,还包括三元运算符、简化的语法、this 对象、JavaScript 内置函数(map、reduce、filter)或更一般的概念,如可组合性、可重用性、不变性或高阶函数。在刚开始接触 React 之前,你可能不需要掌握这些基础知识,但在学习或实践过程中肯定需要用到它们。这篇文章列出了大部分有用的 JavaScript 特性,将在你学习 React 的过程中助你一臂之力。

链接:https://mp.weixin.qq.com/s/2HLrU43Qsc61gaeJj2Q2Og

2. Tone.js:交互式音乐 web 框架

Tone.js是一个用于在浏览器中创建交互式音乐的Web Audio框架。 Tone.js的架构旨在让希望创建基于Web的音频应用程序的音乐家和音频程序员熟悉。 在高层,Tone提供通用的DAW(数字音频工作站)功能,如用于安排事件和预建合成器和效果的全局传输。 对于信号处理程序员(来自Max / MSP等语言),Tone提供了大量高性能,低延迟的构建模块和DSP模块,可构建您自己的合成器,效果和复杂的控制信号。

链接:https://github.com/Tonejs/Tone.js

3. StyleURL

我们有时会在 Chrome 浏览器的开发者工具里面,修改 CSS 样式表。这个浏览器插件会比较修改前后的样式表,生成 diff 文件,并存入 GitHub Gist。

链接:https://www.styleurl.app/

4. TLS 1.3 介绍(英文)

image | left

HTTPS 协议的最新版本 TLS 1.3,最近成为了国际标准 RFC 8446。本文详细介绍这个新协议,包括 TLS 1.2 的缺陷,以及 TLS 1.3 如何解决它。

链接:https://blog.cloudflare.com/rfc-8446-aka-tls-1-3/

5、js-lingui - 面向 JavaScript 和 React 的可读、自动化和强优化的 i18n 库

jsLingui 简化了 JavaScript 的国际化。它涵盖了所有 i18n 功能,同时通过使用编译的消息目录来保持库的小尺寸,消息会自动从源代码中提取出来,并在构建步骤中编译,这使得生产代码变得更小、更快。

链接: https://github.com/lingui/js-lingui

6、anu 小程序 - React 转 小程序解决方案

anu小程序是去哪儿网推出的基于anujs的React转微信小程序方案。近年来,涌现不少转换小程序的方案,mpvue, mina, wept, wepy, mpvue-wxparser, taro,一方面说确了小程序的确兴旺发达,另一方面也暴露了小程序自身的抽象能力不足,更体现这些补救工具也是各种槽点,因此才一直混战到现在。作者 通过系列文章来探讨 React 转 小程序的可能性。

链接: https://zhuanlan.zhihu.com/p/42788287

7、三角函数在前端动画中的应用

image.png | left | 600x327.95031055900625

作者结合图像应用,SlowInSlowOut 和角度控制等场景以及行走动画案例,带领大家掌握三角函数在前端动画中的应用。

链接:https://w3ctrain.com/2018/08/20/trigonometry-you-must-know/

8、第四届 FEDAY 的 PPT 已全部更新

schedule.jpg | center | 600x266

2018 年 8 月 19 日于广州,由 w3ctech、前端圈共同举办的第四届 FEDAY 落下帷幕,来自全国各地的前端爱好者共聚一堂,畅聊前端,畅聊未来,目前 PPT 已更新。

链接:https://fequan.com/2018/#schedule

【后端】

1、结合 Apollo Server 和 Express 的 GraphQL Server 教程

graphql-apollo-server-tutorial.jpg | center | 600x196

本文提供了一个完全可用的 GraphQL server 模版,包含身份验证,角色访问,订阅,分页等。

链接:https://www.robinwieruch.de/graphql-apollo-server-tutorial/

2、使用 Go 创建一个简单的跨平台桌面游戏

image.png | left | 512x434

跨平台桌面应用一般用 Electron 开发,打包体积很大。对于纯静态应用,其实有另一种轻量级选择。操作系统都有自己的 Webview,Mac 是 webview,Windows 是 MSHTML,Linux 是 gtk-webkit2。这篇文章教你怎么用 Webview,开发一个跨平台的桌面打飞机游戏。

链接:https://sausheong.github.io/posts/cross-platform-games-with-go/

3. 1.25亿用户以后,Netflix总结的系统高可用经验

Netflix 可谓是硅谷最酷的公司之一,其企业文化也备受推崇:这家公司没有 CTO,只保留高效能人士,不论公司发展如何都提供市场价最高的薪资……也正是在这样的背景下,Netflix 发展迅速,从 5000 万用户增长到 1.25 亿用户,他们总结了哪些可供参考的系统高可用经验?

链接:https://mp.weixin.qq.com/s/Pak3ADWx5Wlgtkn8lTODVA

4. Go 1.11 正式发布:添加对模块 "modules" 的初步支持

美国当地时间8月24日,Go 开发团队宣布推出 Go 1.11 正式版。下载地址:https://golang.org/dl/ or https://golang.google.cn/dl/

链接:https://mp.weixin.qq.com/s/-0HiWG17EBesGFHeZcaCTQ

【其他】

1、微信的历史

image.png | left | 512x250

微信能够拥有现在如此庞大的用户群,是有原因的。

链接:http://www.ruanyifeng.com/blog/2018/08/weixin.html

2、工程师以道德方面的原因拒绝科技巨头的招募

image.png | left | 530x398

Anna Geiduschek 是 Dropbox 的一名软件工程师,通常没时间回应招聘邮件,但最近她强硬的拒绝了 AWS 的招募,原因是她反对 AWS 托管一家科技公司的服务,该服务被美国政府用于对非法移民进行拘留和驱逐。亚马逊、Facebook、Google 和微软等公司面临越来越多的内乱,它们的员工对公司的服务和产品提出了道德方面的质疑。

链接:https://plus.google.com/104314277918209223775/posts/fkEVX36GYW4