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

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

媒体 | 网站开发 | CSS | Javascript | 浏览器 | 最新消息

---

媒体类

• CSSSR播客：新闻512-Chrome 77，Django 3.0，更多有关Github Actions，CSS Grid Gantt和Apple演示的信息
• 播客前端青年（18岁以上）：＃106年长者知道govnokode的价格
• 前端周末播客＃97 ：Vsevolod Rodionov谈如何建立发展事业而不是水手事业
• 播客“ Devshahta / Night Frontend”＃94 ：帕维尔· 马利雪夫（ Pavel Malyshev）捍卫和提升斯维尔特（Svelte）

网站开发

• 手风琴，常见问题，扰流板和其他下拉小部件
• 用于高级交互式代码段的新型微标记
• 前端架构：中间圈
• 苹果刚刚在生产中发布了Web组件，您可能会错过它

• 工具
  • Chrome DevTools中的自定义主题
  • DevTools（Chrome 78）的新增功能
  • Firefox DevTools中的TypeScript调试
  • Webpack样板-具有Sass，ESLint，热模块更换和开发/生产优化的最小Webpack 4样板
  • Firefox DevTools的5条提示-Storage Inspector
  • Chrome 77-DevTools的新功能
  • “全球化工具-网络状态。” 谷歌开发者频道上的新视频邀请Andrei Sitnik来宾
  

• 有空
  • 包含组件：主题切换
  • 因此，您因不可用而被起诉
  

• 生产率
  • Google PageSpeed的功能：改进了网站评分和搜索排名
  • Web性能审核清单
  • Web性能：最小化DOM回流/布局限制
  • 为什么即使不需要也要预装字体
  

• 特效
  • 如何使用CSS Blend Mode和SVG动态更改产品图像的颜色
  • 用于在WebGL上创建自定义失真效果的配置器
  • 创意励志网站综述＃8创意选择
  • 如何使用Three.js创建Webcam Audio Visualizer
  

的CSS

• 您需要了解的有关CSS保证金的所有信息
• 比较CSS框架的工具
• CSS中的作物和视觉数据丢失
• 了解CSS特异性
• 使用PostCSS自动化工作流程
• 在保持边界半径的同时扩展矩形的各种方法
• 我最喜欢的CSS hack
• IE11的CSS变量：IE11中用于自定义属性的真实Polyfill
• CSS开发人员在做什么，为什么需要它们？

Java脚本

• 使用JavaScript和表情符号在浏览器栏中的链接动画
• TypeScript开发人员的5条诫命
• 如何利用工作人员的服务优化JavaScript应用程序
• 该网站应该在没有JavaScript的情况下工作吗？
• 简单的自制JavaScript混淆器
• JavaScript的工作方式

• 理论
  • 专业使用DOM
  • 如何在JavaScript中修剪线条（ES2019）
  • 如何加快JavaScript中的价差声明
  • 异步JavaScript：JavaScript承诺简介
  • 用Java开发时应避免的8种习惯
  • JavaScript迭代器和生成器：异步迭代器
  

• 反应
  • 编写Clean React代码的14条提示： 第1 部分 ， 第2部分
  • 状态自动机在React中基于模型的测试
  • React为什么要这样做？
  • 带有JSDoc的ReactJS组件的文档和预览
  • 向您的React应用添加进度条和通知
  • 在真正的React项目上从JavaScript迁移到TypeScript
  • React Microfrontends和Monorepos：完美结合
  • React Rally 2019的所有报告
  

• Vue
  •将数据传递到Vue.js-它如何工作？
  • Vue.js 3.0版中的挂钩
  • Vue.js的功能组件：什么，为什么和何时？
  • 在“ Edil”中使用Vue.js的经验：如何使用以及为什么不选择React
  • 如何在Vue中使用DOM
  • 延迟加载各个Vue和预取组件
  • Vue.js中Google Maps的动态SVG标记
  • 如何在Vue.js中使用环境变量
  • 如何在Vue.js的应用程序中使用Google Maps
  • Vue PWA：带有Nuxt的渐进式Web应用程序示例
  

• 角度的
  • Angular和Apollo的GraphQL入门指南
  • 角度依赖注入技巧
  • 如何在Angular 8中使用表单构建器来验证反应形式
  • 与Angular和Bit共享组件
  

• 灰烬
  • Ember并发
  • 提交19世纪波尔图：广告周期中的繁荣：Ember.js的历史（里卡多·门德斯）
  

• 库和插件
  • 关于流行的JavaScript库如何开始在终端中展示广告的故事
  • hashids.js-一个小型JS库，用于根据数字生成类似YouTube的标识符。
  • O-GL-简约的WebGL框架
  • 时空：用于时区的实用程序
  • 使用face-api.js创建实时头像（例如Animoji）
  

浏览器

• Firefox 69版本
• Firefox更新将使macOS设备的功耗降低三倍
• Mozilla确保对WebExtensions API的更新不会损坏Firefox中的阻止程序
• Mozilla开始阻止cookie来跟踪Firefox中的用户活动
• 发布了新的Yandex浏览器：音乐，通知，页面搜索
• 在Mozilla禁止用户跟踪的情况下，广告系列可以替代Cookie。

娱乐

• Deepfake：神经网络如何剥夺名人并让我们发疯-以及它有多危险
• Google 2019排名因素-Rand Fishkin的研究
• 机器学习的类型
• 简要介绍字体。 第一部分
• Google已打开一个库代码以进行机密数据处理
• 苹果批评Google的iPhone漏洞报告，并指控该公司制造了大规模威胁的幻觉
• 为什么不用代码写注释？
A．

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

上周消化 。
由dersmoll和alekskorovin制备的材料。