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

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

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

---

媒体类

• 播客“ Web标准”， 第163期：CSS中的数学，速度和开销，新的AV1视频编解码器，JavaScript和SEO，机器人将无法代替我们。
• Devshahta播客： ＃71：TypeScript如何改变我们的思维（第2部分）
• CSSSR播客新闻 512- 第40版（02/25-03/03）
• 在mitap上！ ＃1：记录报告 。 HTML学院组织的在线会议的第一次会议资料
• Vadim Makeev的视频博客： “ 15。 与答案一起生活”
• 锦标赛：“ 2018年最佳JS功能”（PART 4-最终！）

网站开发

• 代码质量 。 与Frontend Conf一起解读Ivan Botanov的报告，他在其中讨论了可读性，命名，声明性，代码样式以及June与Lead之间的关系
• 测试布局？ 容易的
• 投资组合处理，第1部分：动画，微交互和SVG
• 静态网站生成器：初学者指南

• 表现：
  • Google：移动下载速度应始终保持优先地位
  • 对于快速页面加载的错觉：在网站和应用程序上创建骨架屏幕的规则
  • 一点性能 。 Roman Komarov撰写的一篇有关优化网站的详细信息的新文章-预加载链接，字体，渐进式导航等
  • 服务响应图像
  

• 辅助功能：
  • 什么时候按钮不是按钮？
  • 可用性不是“解决问题”
  • Web无障碍指南 -精选的Web无障碍提示，技巧和准则集合。
  • 日期选择器组件的可用性惯例
  • 1,000,000个站点的主页可访问性分析
  • 使用人工智能在图像上创建替代文本
  

• 动画：
  • SVG过滤效果。 第7部分。前进
  • SVG滤镜效果：继续
  • 文字尾迹效果
  

的CSS

• @supports如何工作
• 自适应设计和自定义CSS属性：定义变量和断点
• 心理CSS模型 。 在新的PPK文章中，他试图向Javascript开发人员解释CSS哲学
• CSS工作组同意添加许多数学函数，包括acos（），asin（），atan（），hypot（），sqrt（）以及许多其他函数
• CSS碎片破盒子 。 Rachel Andrew关于新CSS规范的最新文章
• 使用CSS重新创建Facebook Messenger渐变效果
• CSS选择器+速查表的原理的详细概述
• GIF中鲜为人知的CSS属性
• 8个有关Firefox中的Shape Path Editor的小视频
• CSS定制属性会赢得Sass循环吗？
• 看，没有媒体查询！ 使用CSS网格的响应式布局

Java脚本

• Wolfensteiny 3D-反向工程251字节的JavaScript
• Google推出了JavaScript的SEO视频系列
• FunES＃9：一个谜 。 JavaScript技巧
• 发布： Apollo Client 2.5 ， Ember 3.8 ， GSAP 2.1
• 如何使用Webpack和高级Web技术编写简单的现代JavaScript应用程序
• 了解多态JSON数据的性能问题

• 理论：
  • 用JavaScript编写条件构造的5条技巧
  • 要了解的12个JavaScript概念
  • 完整的JavaScript循环指南
  • Javascript中最长的关键字序列是什么？
  • 完整的回拨指南
  

• 反应：
  • 通过样式化系统高效创建组件
  • 我们切换到Next.js，以使首页处理速度提高了7.5倍。
  • 使用React.memo（）提高React功能组件的性能
  • React组件的黄金法则如何帮助您编写更好的代码
  • 使用Jest和Enzyme为React应用程序编写测试
  • 1分钟内完成Redux说明
  • 使用样式化组件的8个理由
  

• VueJS：
  • 使用Vue提高开发生产力-第2部分
  • Vue.js应用程序性能优化，第1部分：性能优化和延迟加载简介
  • 滑入和滑出Vue.js。 关于Vue的优势之一的详细文章-与其他JS轻松进行逐步集成
  • 在Vue.js中创建自定义指令
  • Vue.js中抽象组件的另一个示例
  

• 角度：
  • 角世界中的MVC
  • 角负载的公告（ngx-loadable〜2.2kB）
  • 如何在Angular的客户端和Node.js的后端之间传输文件和数据
  

• 库和插件：
  • FrenchKiss.js是一个超快速，轻量级的国际化库，可在浏览器和NodeJS中使用
  • terser-适用于ES6 +的JavaScript解析器和mangler /压缩机工具包。
  • cnbuilder-另一个类名字符串生成器
  • 零服务器：零配置Web框架
  • npmf：快速将有关npm软件包的信息直接拉到终端
  

浏览器

• Chrome中的0Day漏洞用于窃取数据
• 在Firefox 67中，如果没有足够的内存，则会显示about：compat页面，并且会卸载选项卡
• Google通过新的打开页面缓存功能加快了Chrome浏览器的运行速度
• 在Firefox中将出现画中画模式和重新设计的附加组件管理器
• 不再需要Chrome

娱乐性

• Google已在.dev区域为所有人开放域注册
• 神经网络教授假冒声音
• “在实践中轰动一时的中国社会评价体系远非新技术”
• 2018年人工智能行业最重要的事件
• 您是否识别“ Hello，World！”的编程语言代码 -测试外来语言
• Mozilla发布了通用语音语音数据
• Linus Torvalds不相信ARM体系结构上的服务器会取代x86。 “出售64位模型-白痴”
• 新的编程语言悄悄地杀死了我们与现实的联系
A．

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

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