上周第321天（2018年6月25日至7月1日）前端世界的新鲜材料摘要

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

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

---

媒体类

• 播客“网络标准”， 第127期：关于BeerJS的论文，互联网上的图形，SVG中的字体，框架逐渐消失，ES2015 +模块，我不单击CSS为何如此。
• 前端周末播客＃59-德米特里·曼尼尼科夫（Dmitry Manannikov）讲述了移居丹麦的历史，并在智利创建了一家初创公司，并创建了BreakfastJS
• Devschacht播客： 夜间前端＃39-Bloody Entepraise vs Startup Atmosphere
• 播客“前沿青年（18岁以上）” ＃54想要速度-在职业选手上写
• 播客“ CSSSR”， 新闻 512- 第12期（06.25-01.07）
• “所有您的HTML”＃55： “ Vue.js + Nuxt流目录”
• Dev.Tube-适用于开发人员的最佳视频聚合器
• DUMP 2018会议：所有报告和演示的视频
• YGLF 2018基辅 ，会议所有视频

网站开发

• 布局设计师的11种最佳英语资源
• WebAssembly如何加速Web开发的未来
• 如何使您的Web应用程序移动友好
• 通过在超市购买牛奶的过程来解释Web缓存
• Foundation 6.5.0（RC 1）的发布，包含许多错误修复和改进

• 表现：
  • Google PageSpeed Insights包含有关加载整个网站的速度的数据
  • 网络状态：最佳图像优化策略
  • 改善页面加载性能：Pingdom，YSlow和GTmetrix
  • 铁路绩效方法论概述
  

• 工具：
  • 纱包管理器-使用说明
  • lepto-使用CLI和Web界面自动编辑，优化和分析图像
  

• 辅助功能：
  • 提供快速的现场工作，作为开发流程的一部分
  • “接口的可访问性” -SRI的Dmitry Batogov
  • Firefox开发人员工具中的辅助功能检查器
  • 创建可访问的界面很容易
  

• 效果：
  • 在CodePen挑战赛中创建的创意菜单
  • 具有过渡动画的三面板滑块
  • Rabbit Ear是一个用于创作折纸的图书馆。
  • tenori -off.glitch.me-来自Monica Dinculescu的JavaScript音乐音序器。 鼓选择使用机器学习
  

的CSS

• 稳定，声明式，上下文相关（重新审视CSS的优势）
• 我如何使用PurgeCSS摆脱250 KB的死CSS
• 使用CSS渐变绘制图像
• 像素与 Ems：用户可以更改字体大小
• 我们如何以及为什么对Sass进行单元测试
• CSS4在哪里？ 他什么时候出来？
• 如何使用CSS Grid和CSS变量快速原型化应用程序
• CSS中的“ ch”单位是什么？
• 傻瓜CSS网格指南

Java脚本

•Airbnb上React Native的故事。 Gabriel Peal由Andrey Melikhov翻译： 第1部分：Airbnb中的React Native ， 第2部分：技术 ， 第3部分：创建跨平台移动团队 ， 第4部分：对React Native做出决定 ， 第5部分：移动开发的下一步
• .getInstance的新版本：Map＆WeakMap
• Async-Await ES2017实用介绍
• 使用Javascript和HTML创建AR / VR
• 在行业中使用JavaScript
• 新书：全栈JavaScript Web开发-A到Z

• 理论：
  • JS的工作原理：类和继承，Babel和TypeScript中的转译
  • 面向设计师的JavaScript -Mikhail Koloskov在研究JS的过程中创建的信息摘录的结构化纲要
  • ECMAScript装饰器基本指南
  • TypeScript中的类和接口
  • 在几分钟内学习这些基本的JavaScript概念。
  • 他知道如何变异吗？ 列出了30种在JavaScript中使用数组的方法，这些方法标记了它们是对现有数组进行突变还是返回新数组
  • 酷事ES6-大胖箭
  

• 反应：
  • 反应或生活的新境界，没有痛苦和样板
  •用React.js编写的Lition
  • 使用Gatsby，CosmicJS和React创建静态博客
  • 如何在React 16中使用错误边界
  • 将React，D3及其生态系统相结合
  • 我们在最新的React版本中获得的新功能和修复
  

• VueJS：
  • 如何编写可很好交互的Vue组件
  • Vue + TypeScript：代码编辑器中的组合
  • Vue.js的动态组件模板
  

• 角度：
  • 2018年学习Angular的5种最佳课程
  • Angular-技巧和窍门
  • Angular上的大型企业项目的体系结构
  

• 库和插件：
  • gio.js-用于使用Three.js创建三维地球图表的JS库
  • face-api.js-使用tensorflow.js在浏览器中识别人脸的JavaScript API
  • docz-文档从未如此简单
  

浏览器

• Firefox将使用k-匿名化方法检查受感染的密码
• Firefox 61版本
• Opera 54版本具有更新的快速拨号和新的恢复功能
• Yandex浏览器中出现了一种针对计算机性能较弱的模式
• Brave浏览器内置的Tor支持
• Mozilla在Firefox中添加了“泄漏”功能
• Firefox 61-冬至量子
• EdgeHTML 17中的JavaScript和WebAssembly性能增强

娱乐性

• Punto Switcher发生了什么
• JetBrains发布了程序员年度调查的结果
• 苹果公司的采访中问了49个问题
• 在GitHub上入侵了Gentoo项目基础架构
• Google向KaiOS投资2200万美元，后者是Firefox OS的分支
• Google创建了一种AI，可以为一张照片中的黑白视频着色
• Facebook改变了主意，并在推出六个月后取消了对广告加密货币的禁令
• 将付款连接到Telegram机器人的指南。

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

上周文摘
dersmoll和alekskorovin制备的材料