前端世界上的最新材料摘要（第422周）（2020年6月29日至7月5日）

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

Web开发

• 滚动技术概述

• 停止编码，让我们以自动化的方式布局

• Google推出了一个Beta插件，用于在WordPress中发布AMP故事

• Web暗模式的完整指南

• Web开发的暗时间

• 突出显示文本片段：如何链接到网页上的特定文本并将其突出显示

• 渐进式Web应用程序：实用指南

• 
  
  • npm 7 package-lock.json?
  
  • ESLint, Prettier TypeScript
  
  • tooling.report — - ,
  
  • DevTools (Chrome 85)
  
  

• 
  
  • 5
  
  • Browserstack SpeedLab:
  
  • JavaScript- ?
  
  • Core Web Vitals, Addy Osmani
  
  

• 
  
  • 6 ( )
  
  •
  
  

• 
  
  •
  
  • 3D ScrollTrigger
  
  • «UI Interactions & Animations Roundup #8»
  
  

CSS

• TailwindCSS-另一个框架还是新的进化步骤？

• 使用锥形渐变简化背景图像

• 设置网页内容的样式容器

• 使用CSS顺时针块在5分钟内创建一个简单的登录页面。

• CSS网格中的手风琴行

• 性能-CSS绘画vs. CSS Houdini Paint API

• 使用子网格的自定义形状链接

• 使用JavaScript获取CSS转换值

• 在CSS中对齐徽标图像

• 动态CSS导入

• 花式CSS属性

• 容器中可变比例的响应图像

• 当行不中断时。关于在列表中实施强制断字的选项

• Chrome中的新增功能：CSS概述

• Sass和新CSS功能发生冲突时

• CSS媒体查询的完整指南

Java脚本

• 流行的前端框架中的延迟加载设备

• 如何在JavaScript中获取屏幕，窗口和网页的大小

• 向后兼容的腿上的小屋-为所需的浏览器编译JS

• 2020年JS / ES和TypeScript中的元组

• 为什么采用香草方法“首先使用JavaScript可能不是最佳选择

• 使用Gatsby.js的SEO技术指南

• 您的博客不需要JavaScript框架

• 学习正则表达式：初学者指南

• 
  
  • ?
  
  • Var, let const?
  
  • double-bang (!!) , JavaScript /
  
  • JavaScript
  
  

• 
  
  • Node 14
  
  • React Web SpeechRecognition API
  
  

• React
  
  • , React,
  
  • React React Testing Library
  
  •
  
  • Typed React Component
  
  • Push- Firebase React
  
  • Server Side Rendering React App Deno
  
  • React
  
  

• Vue
  
  • localStorage Vue
  
  • Vue Demi — , Universal Vue Vue 2 3
  
  • Nuxt Content
  
  • 9 Vue JS ,
  
  • Vue 3: 2020
  
  • Vue
  
  

• Angular
  
  • Angular 10
  
  • Angular Dependency Injection:
  
  • Angular resolvers
  
  • Angular 10
  
  • Angular
  
  

• Svelte
  
  • 使用Svelte建立通知中心
  
  

• 库和插件
  
  • emoji-picker-element-作为Web组件分发的简单表情符号选择器。
  
  • 视差效果：使用面部跟踪的javascript中的视差效果可用于增强3D场景
  
  

浏览器

• Firefox 78版本

• Firefox 78，针对开发人员的技术细节

• 基于Chromium的新Edge随强制OS更新一起发布并且具有侵入性

• Google Chrome打破了自己的记录，Windows 10继续增长

对于可能出现的拼写错误或链接断开/重复，我们深表歉意。如果您发现问题，请以个人身份写信，我们正在努力迅速解决它们。

消化最后一周。

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