上周第365天（2019年5月13日至19日）的前端世界摘要

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

媒体 | 网站开发 | CSS | Java脚本

---

媒体类

• Web标准播客 ，176。Web开发播客，来自Google I / O和Microsoft Build的新闻
• 让我成为美丽的播客第17期-您不需要SPA，Google新闻和Microsoft失败
• 播客前端青年（18岁以上） ＃93抱怨前端
• CSSSR播客 ：新闻512-5月超频
• CSSSR播客 ：新闻512-5月特刊
• 播客“ Devshahta / Night Frontend” ＃80：正确的移动版本以及Facebook上的内容
• Repozitorro＃14 ：有不同的项目，但是这...
• “所有您的HTML” ＃s3e2：“ Cannon.js的物理知识”
• SmashingConf SF 2019的视频
• Google I / O 2019上的网站 ，24个视频

网站开发

• 网络上的图片2019
• Web开发技术趋势2019
• 物联网和设备的SVG组件（第2部分）
• JAMstack简介：现代Web架构
• 为什么用JAMstack开发很酷
• 您想了解的有关输入模式的所有信息
• 帕格新手指南
• 了解JPEG设备

• 表现：
  • 加速使用WebAssembly 20x Web应用程序
  • Web加速的最佳HTTP / 2优先级
  • 深入沉浸于图像和帧的本地延迟加载中
  • AMP咨询委员会会议报告
  • 图片优化：了解对Google效果得分的确切影响，以在2019年提高
  • 在现代网站滚动文化中，“首屏”（网站的初始屏幕区域）是否仍然重要？
  • 3Pweb是一个在线可视化工具，可以直观地显示执行第三方脚本平均需要多少时间
  

• 工具：
  • 您不了解的Chrome开发者工具的功能（PART 1）
  • 使用VS代码进行远程开发
  • Firefox DevTools中更快，更聪明的JavaScript调试
  

• 辅助功能：
  • 一种实现隐藏内容可访问性的新方法（简便）
  • 可用性状态：GAAD 2019
  • 引入Microsoft Web Template Studio进行全栈开发
  

• 动画：
  • 将第三方动画库集成到项目中
  • 如何在SVG上创建饼图
  

的CSS

• 选择器：（）是否可以注册？
• 这是一个陷阱形陷阱：CSS Shapes不是您所期望的
• CSS网格行和列动画
• 子网格 。 有关MDN开发人员文档的新文章
• CSS扫描：检查和复制CSS的最快方法
• 在Firefox中实现了将多行文本限制为省略号的CSS函数
• CSS网格调试：第2部分：什么是Fr（动作）？
• Google字体现在支持字体显示！
• CSS规则让您的生活更轻松
• 中文窗花和CSS

Java脚本

• Facebook对浏览器API的第一项贡献
• Cloudflare，Mozilla和Facebook正在开发BinaryAST，以加快JavaScript下载的速度。
• Svelte 3入门
• 功能性JavaScript
• TypeScript 3.0：类型未知

• 理论：
  • 这是什么 JavaScript对象的内部操作
  • Javascript代理实用指南
  • JavaScript引擎：它们如何工作？ 从调用堆栈到承诺，（几乎）您需要了解的所有内容
  

• VueJS：
  • 使用ARIA和Vue.js的可用表单验证帖子
  • Vue.js的测试驱动开发简介
  • Vue入门-概述和演练
  • 在Vue.js和Tailwind上具有手势支持的图库
  

• 反应：
  • Reakit 1.0：一个新工具箱，用于基于React创建负担得起的Web应用程序
  • 如何轻松地将React-Redux类转换为React Hooks
  • unform - ReactJS库，用于使用嵌套字段，验证等创建不受控制的表单结构
  • React中的UI动画
  • ReactQ-用于React + GraphQL的通用入门套件：React 16，Apollo 2，MobX，Emotion，Webpack 4，GraphQL代码生成器，React Router 4，PostCSS，SSR
  • 重要的React Hooks设计模式
  • 停靠React App
  • 创建自己的React验证库：基础知识（第1部分）
  • 当您的React应用感觉很慢时该怎么办
  

• 角度：
  • Angular：创建和发布库
  • 介绍CLI Builder
  • 使用ngrx / store和Angular创建在线商店
  • 我最喜欢的Angular技巧和窍门
  • Angular中的组件继承
  • Angular CDK使访问性变得更加容易。 键盘导航列表
  

• 库和插件：
  • Meet Storeon ，这是一个现代应用程序的小型状态管理器，其精神与Redux相似，在一个重173个字节的文件中实现
  • ola-动画库，用于实时平均/内插数字
  • reLift-HTML-一个小的视图库（3KB），可让您创建Web组件，自定义元素，从而有助于使任何HTML页面都具有响应性，而不会污染大型框架
  

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

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