上周第334期来自前端世界的新鲜材料摘要（2018年10月7-14日）

我们提请您注意与前端区域及其周围的新材料链接的选择。

媒体 | 网站开发 | CSS | Javascript | 浏览器 | 娱乐性

---

媒体类

• 前端周末播客＃74-Mikhail Bodnarchuk，关于开发人员应如何以及为何测试其代码
• 播客Devshacht /夜间前端： 53：DevOops 2018
• Vadim Makeev视频博客5.理工学院，神奇的JPEG，不必要的形式和SVG上的对象适配 ， 6.沉浸在对象适配中：带polyfill的封面和无

网站开发

• 为什么不将<wonderful>元素添加到HTML？
• 在前端面试中如何将一个困难的问题变成一个简单的问题
• 关于静态站点生成器
• 部署前端应用程序是一种有趣的方式。
• 使用Web Audio API ，有关MDN的详细更新信息
• 使用Web Audio API的高级技术：声音生成，序列，同步，计划

• 表现：
  • 我们使用Vitaliy Fridman优化了网络：下载速度，内存，CPU
  • 绩效预算入门 ，有关问题的细微差别和方面的详细Addy Osmani文章
  • 使用JavaScript和网络信息API的自适应内容交付 。 Addy Osmani的另一篇文章，关于根据连接速度选择不同的资产
  • 改善前端下载性能的最佳方法
  • 另一个PWA + AMP成功案例：Superbalist如何提高页面加载速度，从而将转化率提高26％
  

• 工具：
  • DevTools（Chrome 71）的新增功能
  • Favicon Checker是用于比较所有主要浏览器（包括浅色和深色主题）中的图标图标的在线工具。
  • termtosvg-用于将终端中发生的事件记录为SVG的实用程序
  • markdown页面 -一种将Markdown一行转换为HTML的脚本
  

• 辅助功能：
  • 辅助功能备忘单
  • WordPress，可访问性和古腾堡
  • 我离开了WordPress的辅助功能团队领导职位。 这就是为什么
  

的CSS

• CSS内容功能
• CSS Border-Radius可以做到这一点吗？
• 我如何记住CSS网格属性
• 您的受访者是否了解CSS布局？
• 上一个相邻的CSS选择器以及如何模拟它们
• 您不知道的CSS-in-JS中可以做的5件事
• Firefox中的形状路径编辑器

Java脚本

• 关于如何使用Fetch API发出HTTP请求的实用ES6指南
• 适用于初学者的JavaScript快捷方式
• JavaScript Visualizer-用于可视化上下文，浮动变量，闭包，原型和其他基本JS概念的工具，以更好地理解工作原理
• 深深地沉浸在JavaScript中：为什么编写出色的代码如此重要
• ≤13kB的JavaScript中包含13个游戏
• 让我们处理一下JavaScript中slice（），splice（）和split（）方法的困惑
• 新版本： Ember 3.4 ， ESLint v5.7.0 ， Aurelia-CLI v1.0.0-beta.1，具有自动跟踪功能的新Aurelia-CLI收集器

• VueJS：
  • 使用事件总线在Vue组件之间共享道具
  • 12个使用Vue.js开发应用程序的公司
  • 使用Vuex的Upbeat Offline-First App
  • 使用TDD在Vue.js中使用应用程序是有时间的人的广泛指南，第1部分
  • 您需要了解的Vue CLI 3
  

• 反应：
  • 对React基础知识的无知可能会摧毁您
  • 事件处理程序缓存和React应用程序性能改进
  • 如何在2018年成为React开发者
  • React.js：有史以来最强大的UI库的最佳视图
  • OOP和RxJS：React with Akita中的状态管理
  • 11个用于使用React UI组件的沙箱
  • 如何结合Webpack 4和Babel 7创建一个出色的React应用程序
  • Create React App 2.0视频系列的新增功能
  • 您是否需要知道React成为WordPress开发人员？
  • 使用react-testing-library测试React应用程序
  • 全栈广播：99：Tim Neutkens-使用Next.js构建React应用
  

• 角度：
  • Angular开发人员的22个技巧。 第1 部分 ， 第2部分
  • 一些角度提示
  • 宣布Angular Console的第一个稳定版本-Angular CLI的UI
  • Angular 6中的嵌套表单
  • Angular 6参考： 样式 ， 路由器
  • Angular＆Chart.js（带有ng2-charts）
  • 使用Angular CLI和Nx创建全栈应用程序
  

• 库和插件：
  • TensorFlow.js和clmtrackr.js：在浏览器中跟踪用户注视的方向
  • Deity Falcon-开源的跨平台PWA库，用于创建任何类型的站点
  • aroma.js-用于测量首次（内容）绘制，交互时间和首次输入延迟的JavaScript库。
  • mb-访问具有空值的嵌套属性而不会出现异常错误
  • Muze-建立针对数据的Web复合可视化
  

浏览器

• 发布了Firefox更新系统的审核结果
• Mozilla开发人员推迟了终止Symantec证书信任
• 在Microsoft Edge中发现一个漏洞，该漏洞使您可以运行任何程序
• Google Chrome即将停止在运行Android 4.3及更低版本的设备上运行
• JS和WebAssembly之间的调用最终在Firefox中变得快速

娱乐性

• 古腾堡4.0首次发布候选版本发布
• 密码学的演变：从数学到物理学
• ICANN监管机构成功更改域名密钥
• 视觉翻译Google Translate也切换到了神经技术，并获得了对13种新语言的支持
• Windows PowerShell初学者教程
• Facebook透露了最新黑客的详细信息：黑客收到了3000万用户的电话和电子邮件地址
• Google+在数据泄漏500,000个帐户后关闭
• Yandex无法就新的反盗版协议与版权所有者达成协议
• Alexa用户承认对语音助手的爱超过一百万次，但遭到她的拒绝
• 微软已开放6万项专利保护Linux免受诉讼
A．

对于任何错别字或断开/重复的链接，我们深表歉意。 如果您发现问题-请写一封个人电子邮件，我们会尽快解决。

上周的摘要 。
由dersmoll和alekskorovin制备的材料。