前端世界＃436上一周的新鲜材料摘要（2020年10月5日至11日）

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

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

媒体

• CSSSR播客：Chrome DevTools 87，微服务，TypeScript技巧，Spamtoberfest，VS代码时代的CSS网格

• Web标准播客＃250。VS代码中的优势，网格检查器，间隙和伸缩，CSS中的数学，黑客节，开源

• 播客“ Frontend Youth”＃159：SOLID与SOLOD

Web开发

• 为2020年站点创建一个网站图标

•使用内容安全策略（CSP）保护Web应用程序

• 扩展前端开发人员的职责

• Web并不是为保护隐私而构建的，但它可以

• 您的单页应用程序现在是polyfill

• API
  
  • — Event Conversion Measurement API.
  
  • Web Share API
  
  • The File System Access API:
  
  

• 
  
  • Webpack 5
  
  • DevTools (Chrome 86)
  
  • RSLint — JS-, Rust, , .
  
  • npmx — CLI npm
  
  

• 
  
  •
  
  • HTML5 Lazy Loading CSS JavaScript
  
  • Cumulative Layout Shift
  
  • Cumulative Layout Shift
  
  

• 
  
  • :
  
  

• 
  
  • WebGL Curtains.js
  
  • Webgl SLider
  
  

CSS

• CSS变量101：带有示例的CSS变量综合指南

• 使用CSS动画制作计数器

• ：此处为focus-visible

• 优雅的CSS Grid解决方案，用于居中内容被全角块打断的布局

• HTML / CSS表单指南（无hacks）

• CSS中3D转换的好例子

• 使用CSS创建响应式媒体浏览器

• 使用Flexbox平衡轴

• 奇怪但有效的Flex：使用Flexbox的交互式图表

•用于响应式设计的clip （）

的JavaScript

•现代JavaScript中错误处理的最佳实践

• 用于开发业务应用程序的Javascript框架

• 在服务工作者中处理范围请求

• 如何在vanilla JS中使用multiselect元素

• 如何使按钮向上滚动不引人注目

• JavaScript的未来将如何发展？

• 我对TypeScript 4.0的欣赏

• 
  
  • - JavaScript
  
  • - JavaScript:
  
  • JavaScript
  
  • Event Loop Call Stack JavaScript
  
  • JavaScript —
  
  

• React
  
  • MobX, Redux,
  
  • useEffect
  
  • - React (PWA)
  
  • React Hooks:
  
  • JavaScript-less Static SSR Styled Components
  
  • Render React ?
  
  • Figma React
  
  

• Vue
  
  • - Vue.js
  
  • To-Do: Composition API Vuex
  
  

• Angular
  
  • Angular Component Libraries Accessibility
  
  • Inputs & Outputs: Angular
  
  • : Angular
  
  • angular/router: RouterScroller ?
  
  

• Ember
  
  • The Ember Times — Issue No. 165
  
  • in-element Ember.js
  
  • Ember Octane Glimmer Components
  
  • React Ember:
  
  • React Component Ember.js
  
  

• 库和插件
  
  • ZzFXM-Tiny JavaScipt音乐生成器
  
  • 元提取器：用于指定URL的微型元数据解析器
  
  • spotify-api-与Spotify api交互的快速包装
  
  

浏览器

• Chrome浏览器开始激活IETF QUIC和HTTP / 3

• Chrome浏览器86版本发布

• Google Chrome浏览器仍然是中国最受欢迎的浏览器

• Microsoft揭示了Windows 10浏览器为何创建如此多进程的过程

• Microsoft宣布了Microsoft Edge的新功能

• Web浏览器的历史



←上周文摘

材料准备的德斯莫尔和alekskorovin