415上周（2020年5月11日至17日）从前端世界中摘录的新鲜材料

我们提请您注意，其中包含来自前端区域及其周围的新材料的链接的选择。

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

媒体

• CSSSR播客：Github代码空间，Playwright和Puppeteer，砖石布局，Firefox 76，NodeJS 14.2.0和其他版本
• Web标准播客第230 号：长宽比，广告，外观：无，顶层等待，Deno，存储，样式价格
• UnderJS Podcast＃21-Node.js 14，TypeScript 3.9 [Classic]
• Podcast“ Frontend Youth”＃138 Signor Tasks
• Vadim Makeev视频博客№21。渐变和自定义属性的自适应网格指南

Web开发

• 现代前端体系结构（第2部分）
• Martin Splitt：不要试图在SEO中重塑轮子
• 征服UTM标签
• 最重要的可用图像
• 持久存储
• 在线可视化工具SVG路径
• 一系列创意概念“ UI交互和动画摘要＃6”

• 性能
  
  • 昂贵的样式。Yandex报告
  •我们优化了手写字体的加载
  • 是否值得托管Google字体

的CSS

• 响应字体。在模拟值和最小值之间调整文本
• CSS函数min（），max（）和钳位（）
• CSS中的时间轴动画：创建Goldberg机器
• 针对旧CSS问题的现代CSS解决方案
• 移动WebKit中100vh的CSS修复
• 如何驯服CSS中的线高
• CSS网格上的响应式砖石布局+普通JavaScript
• 使用CSS蒙版创建锯齿状的边缘
• 将固定大小的对象变成自适应元素

Java脚本

• 我们使用JavaScript和指南针加入ISS
• Node.js引入了Deno 1.0安全JavaScript平台
• JavaScript访谈中最棘手的问题。第2部分
• Deno手册：Deno简介
• Node.js认证：我的经验和技巧
• 您可能会忘记的JavaScript功能
• TypeScript 3.9版本
• Elm与Ember Octane和React的比较

• 
  
  • Async/Await
  • , spread JavaScript
  • JavaScript
  • Javascript- Google
  

• React
  
  • « React»: Recoil — A state management library for React Pro Unlimited
  • : Deno React SSR
  • Recoil — React
  • React — ( !)
  • : () React
  • React. “prefers-reduced-motion”
  • React
  • TypeScript React Webpack Babel
  • stale props React
  • React Cool Inview — React , ( )

• Vue
  
  • Vue , ,
  • 5 JavaScript, Vue
  • TypeScript Vue.js.
  

• Angular
  
  • Angular
  • Angular
  • - Angular
  • if- Angular
  • Angular Starter: Angular 9 + Material + Transloco + Jest + Compodoc
  

• Ember
  
  • Ember 3.18
  • MDN web docs: Ember tutorials
  • The Ember Times — Issue No. 148
  • Coveralls Ember
  • Ember:
  

• Svelte
  
  • 3 Svelte
  • Typescript Svelte
  

• Libs & Plugins
  
  • 5 JavaScript-
  • Perfume v5 — -
  

• Chrome扩展程序可隐藏YouTube上分散注意力的建议
• 从8月开始，Google Chrome浏览器将开始阻止“沉重”广告，这些广告会给CPU和电池带来沉重负担
• Google将在Chrome浏览器中添加标签组并突出显示以提高生产力
• Firefox 78将显示流程管理器
• Google Chrome浏览器将开始阻止加载资源密集型广告
• 在夜间版本的Firefox中对阅读器模式界面进行了有争议的更改
• Mozilla禁用了没有主密码的系统的其他身份验证
• DevTools的新增功能（Chrome 84）

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

← 上周的摘要。
材料制备的德斯莫尔和alekskorovin。