上周＃437来自前端世界的新鲜材料摘要（2020年10月12日至18日）

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

媒体    |    网站开发    |    CSS     |    的JavaScript

媒体

• 播客“ Web标准”＃251。Chrome 86，Safari和Firefox，有关Zara和JS马拉松的UI工具包，SSR和Next.js的开始

• 播客“让我美丽”第45期：18篇很酷的前端故事

• CSSSR播客：Webpack 5和模块联盟，Chrome 86，npm 7，事件循环和调用堆栈，Python 3.9，所有材料

Web开发

• 我们为了经济而制作Web应用程序-但是，这条路导致我们陷入黑暗

• 黑暗模式：您好，我的老朋友黑暗

•从HTTP到HTTP 3-未来的Internet

• 许多前端开发人员不了解的11个前端技巧

• Web组件：完整指南

• 如何使用Socket.io和Node.js构建实时通信

• 
  
  • :
  
  • NPM 7.0
  
  • webpack: webpack 5
  
  • Webpack 5
  
  • Chrome DevTools
  
  

• 
  
  • Core Web Vitals: - Google
  
  • ?
  
  • - PRPL
  
  • Largest Contentful Paint:
  
  

• 
  
  • CSS , 2:
  
  • Checka11y.css — CSS .
  
  • , CSS
  
  

• 
  
  • , Mark Appleby
  
  • Material Design
  
  •
  
  • Motion Blur CSS Transitions
  
  • -
  
  • CSS
  
  

的CSS

• CSS变量-Young Fighter课程

• 一行CSS中包含10种现代布局

• TS中的高级CSS

• 选择CSS布局-网格还是Flexbox？

• --var：; 骇客可使用一个自定义属性来切换多个值

• 使用香草CSS来响应字体大小

• 使用快捷方式增强布尔属性

• 焦点可见技巧

• 在纯CSS中选择20个动画加载器

• min（），max（）和clip（）：今天要使用的三个布尔CSS函数

• Layoutit Grid：使用生成器直观地浏览CSS网格

• 新的CSS image（）函数

• 使用CSS的用户跟踪

的JavaScript

• WorkBox：您在服务人员世界中的工具包

• JavaScript中的WeakSet是什么以及它如何工作

• 为什么要在JavaScript中使用“顶级等待”？

• 现代JavaScript入门-代理

• 同构渲染性能之旅

• 面向对象的JavaScript：一些实践

• 记录TypeScript项目：选项

• React
  
  • D3 React
  
  • . Part 1
  
  • React Wallaby.js
  
  • Framer Motion — React.
  
  • long-running React -
  
  • Wouter: React Router
  
  

• Vue
  
  • Nuxt Content ( )
  
  • Vue
  
  • VueJS script gadgets
  
  

• Angular
  
  • Angular DI,
  
  • Lazy Load Angular
  
  • Angular LetDirective — 1
  
  • .CSS .SCSS Angular
  
  

• Ember
  
  • yieldable named blocks
  
  

• Svelte
  
  • Svelte , React
  
  • Svelte
  
  

• 库和插件
  
  • 用于选择库和JavaScript框架的便捷平台-openbase
  
  • 检测GPU-根据3D渲染性能测试中的结果检测GPU，这使开发人员可以为图形密集型应用程序提供合理的默认设置。
  
  • dragmove.js -一个微小的Javascript库拖放元素融入到DOM
  
  • 入门Malina.js
  
  • 3个原因使用较少的JavaScript库
  
  

消化最后一周。

材料制备的德斯莫尔和alekskorovin。