上周第371期（2019年6月24日至30日）的前端世界摘要

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

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

---

媒体类

• 播客网络标准 ，第182期。 Node.js，npm和JetBrains，服务人员和WASM，JS价格，现代CSS，可访问性
• 播客网络标准 ，第181号。 熊猫聚会，Chrome 76，a11y，吐司，预处理器和jQuery
• 前端周末播客 ＃94-Denis Mishunov，关于为什么您应该前往挪威并在GitLab进行远程工作
• CSSSR播客，新闻512 ：Vue 3 RFC更新，有关微服务的更多信息，新的Redux杀手和有趣的出版物
• 播客前端青年（18岁以上） ＃97：您不应该拥有的建筑
• Repozitorro ＃20-用相反的方式投资组合...
• WSD在莫斯科2019，8个视频
• 阿姆斯特丹JSNation 2019，15个视频
• Syntax.fm播客 154号：Sara Soueidan的SVG

网站开发

• 如何在AMP页面上设置网络分析
• Web性能入门？ 这就是您需要关注的重点。
• 使用Webpack和Workbox创建PWA
• 垃圾邮件检测API
• 模拟SVG内部嵌套SVG的相对位置
• HTML可以做到吗？ 。 一系列演示纯HTML功能的演示

• 辅助功能：
  • 可访问性树如何告知辅助技术
  • 上半年的Web无障碍诉讼报告（符合ADA）。 （剧透：每小时都有新的诉讼）
  • Web应用程序的可访问性是什么，为什么它困扰我？
  

• 壮观的网：
  • 如何制作相关的滚动动画
  • 一个用于学习合成音乐基础的交互式网站 。 使用Three.js，Tone.js，anime.js和React with TypeScript由Web Audio，WebAssembly和WebGL提供支持
  • useAnimations：使用Lottie和After Effects框架在应用程序和网站中使用的动画图标
  

的CSS

• 10个PostCSS插件，可节省您的布局时间
• 18条CSS技巧，可简化开发人员的生活
• 来自CSS 2019调查的三个预测
• 使用Flexbox的完整居中指南
• a11y-css-reset
• 在CSS Grid上安排会议
• 拖放式粘性，无需JS！
• 开发人员的可变字体
• 将BEM视为一种用户界面理念，而不是命名CSS类

Java脚本

• Addy Osmani 在2019年的JavaScript成本
• RxJS：简单介绍
• 香草JavaScript即时搜索

• 理论：
  • 功能性JavaScript：查找数组元素和.reduce（）方法的算术平均值的五种方法
  • 您今天可以使用的5个ES2019功能
  • 如何在通用JavaScript中配置globalThis polyfill
  • 使用示例了解JavaScript中的异步/等待
  • JavaScript集合-Set，Map，WeakMap和WeakSet
  

• Mongo /节点：
  • Node.js中的设计模式：实用指南
  • Node.js 12中支持的新ECMAScript模块
  • Firebase或MongoDB：用于应用程序开发的数据库
  

• VueJS：
  • 在Vue中使用中间件
  • 人们为什么会对Vue 3生气
  • Vue CLI入门指南
  • Vue何时真正需要：key属性？为什么？
  • 如何开始使用Vuetify
  

• 反应：
  • 使用Node.js和React开发用于流式传输的应用程序
  • 引入useReducer React Hook
  • 应对无法进入的神话
  • React组件的十诫
  • 将WebAssembly组件添加到React应用程序
  • 在Snake游戏示例中解释了React钩子的高级概念
  • Next.js或Create React App：哪些应用程序生产力更高？
  

• 角度：
  • 2019年的角度状态
  • 了解Angular元素背后的魔力
  • 使用Kendo UI和Angular创建音乐播放器
  • 我从Angular 2+的3年开发中学到了什么
  

• 灰烬
  • Glimmer-Native入门
  • Ember.js与Yehuda Katz的西雅图聚会
  • 2019年Ember路线图的愿望
  

• 库和插件：
  • 10个最佳JavaScript库，用于可视化图形和图表上的数据
  • Frozenframe.js-一个库，可暂停动画.gifs，在鼠标悬停/单击/触摸时触发动画
  • TWGL ：WebGL的小型帮助程序库
  • pixelmatch：一个小，简单，快速的JS库，用于逐像素比较图像
  • svelte-adapter：将Svelte组件与Vue和React结合使用
  

浏览器

• Firefox Nightly测试密码生成器
• Mozilla的Track THIS工具会欺骗广告算法
• Microsoft Edge将具有三种阻止跟踪脚本的模式
• Firefox 68将提供地址栏的新实现
• 首次发布适用于Android的新Firefox预览浏览器

娱乐性

• 程序员可以掌握的最重要技能
• Google用户现在可以限制公司服务器上活动数据（位置，应用程序和网络搜索的历史记录）的存储时间
• Windows Terminal-设置基础知识和第一印象
• “科特林语言开发比我们的普通产品贵得多”：采访JetBrains负责人
• 为什么值得在开发中包括原型
• Facebook，Google和其他IT公司将共同为AI创建一套通用的测试
• 特朗普口头允许美国公司与华为合作
A．

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

上周的摘要 。
由dersmoll和alekskorovin制备的材料。