上周第375期（2019年8月5日至11日）来自前端世界的新鲜材料摘要

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

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

---

媒体类

• Podcast Web Standards ，188。地址簿，Hermes，PageSpeed，DevTools，ndb，Puppeteer，PiterJS
• CSSSR播客：新闻512-25年的PHP，Github Actions，设计，CSS和Instagram优化
• 播客“ devschacht”＃90 ：与SkyEng一起直播远程工作
• 播客“ devschacht”＃89 ：Roman Prudnikov关于在2GIS和Yandex Music中工作的信息。
• 播客前端青年（18岁以上）＃103 ：黑洞-Stallman庇护所
• Repozitorro＃24 ：从不同角度看的初级投资组合...
• 播客网络标准 ，第187号。 HTML语义，Web组件，W3C和WHATWG，HTML5 Doctor，Prince XML，Web货币化
• Now Live：您的SmashingConf Toronto播放列表

网站开发

• 出色的网络规范及其居住地
• JavaScript中的Web Workers的简单介绍
• 使用Google的AMP框架创建交互式，优化的电子邮件
• 为什么现代Web开发如此复杂？ 漫长而仓促的解释：第1部分
• 哪个更好：PWA忠诚度计划或移动应用程序？
• 联系Picker API ，有关新API的详细信息，请访问Google Developers Blog
• 创建交互式Web应用程序时Mavo闪耀

• 表现：
  • Google PageSpeed的功能：改进了网站评分和搜索排名
  • 最大含量的涂料（LCP） 。 新的性能指标可帮助您测量网页主要内容的加载时间。
  • 第一个字节的时间：这是什么以及为什么重要
  • 懒惰的本地Web上传
  • 原生延迟加载已在Chrome 76中运行！
  • 预先建立网络连接以提高感知的页面速度
  • 高性能网络输入处理
  

• 工具：
  • 5个有用的Webpack插件
  • Visual Studio Code热键指南，用于提高生产力和30个我最喜欢的捷径，值得学习
  • SVG Gobbler是一个简单的扩展，可以在当前窗口中找到SVG，选择包括大小在内的独特属性，并允许您将已经优化的版本下载或复制到剪贴板。
  

• 辅助功能：
  • 网络可访问性与 易用性
  • 意外的辅助功能提示
  

• 动画：
  • 移动鼠标时留下图像痕迹的效果
  • 令人印象深刻的励志网站摘要＃7
  • 如何使用Anime.js创建网络动画
  
  

的CSS

• 自定义CSS属性作为一种将数据从JavaScript传输到CSS的机制
• 编写模式和CSS布局
• 通过阅读规范学习CSS
• 处理SASS中未使用的CSS以获得更好的性能
• CSS：空选择器
• 该平台的每周新闻：CSS字体样式：倾斜，webhin浏览器扩展，CSS模块V1
• 开发人员设计原则：CSS流程和更好的Web设计技巧
• 沿弯曲的路径移动文本
• 5个适合您的布局的CSS网格生成器
• 亚像素渲染和边框

Java脚本

• 因为我没有在Telegram的JavaScript开发人员竞赛中获得第一名
• 现代JavaScript教程 。 Ilya Kantor的热门资源的重大更新
• 如何使用Javascript实现HTML元素和文件的拖放
• 创建我的第一个苗条的应用程序：想法和印象
• 客户端JS重定向：Googlebot可以检测到它们吗？

• 理论：
  • 类型系统常见问题
  • 定义还是未定义？ 在JavaScript中创建数组的细节
  • 在JavaScript中使用变量的let声明和结果闭包的功能
  • 设计模式＃1-单例（单例）
  • 使用for-of处理ECMAScript 2019异步迭代
  • 国际编号格式
  • JavaScript按位运算符的有趣用例
  • JavaScript Promise组合器：.all（）、. race（）、. allSettled（）
  

• 反应：
  • React Basic动画指南
  • React v16.9.0发布和路线图更新
  • React v16.9的新增功能
  • 开发模式如何工作？
  • 使用Ionic和React构建移动应用程序
  • 一种简单易用的语言中的useEffect或useLayoutEffect
  • 使用Immer管理React应用程序状态
  

• VueJS：
  • 在无头WordPress之上的Vue.js上创建SPA
  • 如何为Vue建立开发环境
  • 使用Vue.js中的事件源修改组件数据
  • 从异步Vue组件获取更多信息
  

• 角度：
  • 在Angular中使用async-await函数
  • Angular Ivy中的异步模块和组件
  • 迈向Angular 9：Angular 9中的三个错误修复
  • 如何在项目和应用程序之间交换Angular组件
  

• 灰烬
  • 在Ember数据API中处理外键属性
  • 像数学一样编写测试：第1部分
  • EmberMap播客-对象引用被认为有用
  • EmberMap播客-您一定会感到痛苦
  

• 库和插件：
  • sharec-一个替代样板和包的项目，例如Create React App，它允许您更新配置并允许对其进行更改
  • Frosted Panel-基于纯JS的跨浏览器库，用于实现“ Frozen Glass”的响应效果
  • murphyjs：一种在组件中实现基于滚动的动画的简单方法。
  

浏览器

• 找到了一种确定Chrome 76中隐身浏览的方法
• Chrome 78 Canary测试所有网站的强制暗模式
• 为Firefox每晚构建版本添加了严格的页面隔离模式
• Safari技术预览版89发行说明

娱乐性

• 攻击前端后端系统，使您可以加入第三方请求
• Google在搜索结果中突出显示了播客
• 华为正式推出HarmonyOS分布式操作系统
• 处理器揭示了一个新漏洞，该漏洞绕过了针对Spectre和Meltdown的保护
• Microsoft承包商正在听一些Skype用户对话
• 发明流行游戏，但不赚钱：俄罗斯方块及其发明者的故事

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

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