前端每周摘要（2019年6月24日至30日）

本周，我们发布了您可能在前端开发上可能错过的所有重要新闻的精选。 确保检查CSS，HTML和JavaScript的最新更新。

网站开发

• 网站性能入门？ 这是您需要重点关注的内容。
• 使用Webpack和Workbox构建PWA
• 垃圾邮件检测API
• 使用嵌套的SVG模仿SVG内部的相对位置
HTML可以做到吗？
• spell.fm播客 154：Sara Soueidan的SVG

• 辅助功能：
  • 可访问性树如何告知辅助技术
  •年中ADA网络和应用可访问性诉讼报告
  • 什么是Web应用程序的可访问性，为什么我要关注？
  

• 有效的网站：
  • 如何正确制作滚动链接的动画
  • 通过我们在Web Audio，WebAssembly和WebGL 上运行的新的交互式网站了解合成的基础 。 使用Three.js，Tone.js，anime.js和React使用TypeScript和其他工具制作
  • useAnimations：Lottie Framework和After Effects中的动画图标，可立即实施到您的应用程序或网站
  

的CSS

• 来自CSS 2019调查状态的三个预测
• Flexbox居中终极指南
• a11y-css-reset
• 使用CSS网格构建会议时间表
• 拖放式粘性，无需JS！
• 开发人员可变字体
• 将BEM视为UI理念而不是CSS命名约定

Java脚本

• 阿姆斯特丹JSNation 2019，15个视频
•Addy Osmani 在2019年的JavaScript成本
• RxJS：简单介绍
• 使用Vanilla JavaScript即时搜索

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

• VueJS：
  • 人们为什么对Vue 3感到生气
  • Vue CLI入门指南
  • 在Vue中，我实际上何时需要：键属性以及为什么？
  • 如何开始使用Vuetify
  

• 反应：
  • 了解useReducer React Hook
  • 无法访问的反应神话
  • 十诫
  • 将WebAssembly组件添加到React App
  • 先进的React Hooks概念-通过Snake！
  • Next.js与 创建React应用程序：谁的应用程序性能更高？
  

• 角度：
  • 2019年的角度状态
  • 了解角度元素背后的魔力
  • 使用Kendo UI和Angular创建Music Player应用程序
  • 我在Angular 2+开发的3年中学到的东西
  

• 灰烬
  • Glimmer-Native入门
  • Ember.js西雅图见面会（Yehuda Katz）
  • 祝愿2019年Ember路线图
  

• 库和插件：
  • freezeframe.js-一个库，可暂停动画的.gif并使其在鼠标悬停/鼠标单击/触摸事件或触发/释放功能上进行动画处理
  • TWGL ：一个微小的WebGL帮助程序库
  • pixelmatch：最小，最简单，最快的JavaScript像素级图像比较库
  • svelte-adapter：将Svelte组件与Vue和React结合使用
  

感谢您的阅读！ 随时将您想在下一个摘要中看到的文章或新鲜有用的内容发送给我们。