前端世界第349周的最新材料摘要（2019年1月21日至27日）

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

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

---

媒体类

• Web Standards播客， 第158期：Web Standards网站，事件和社区，Safari TP新闻，需要VR的最新文章，摘要和代码编辑器（GitNation Foundation）。
• Devshacht＃67： 安全问题
• CSSSR播客新闻 512- 第35期（ 01/21-01/27 ）
• 前端青年（18岁以上）播客＃81您想了解的有关GraphQL的一切
• 播客“ React的5分钟” ＃23-Hasura GraphQL引擎
• 您所有的HTML＃s2e6： Raymarching，无限空间
• FrontSpot Show： RSConf到哪里去了？ Melkosoft击败Facebook？ 免费的ReactAmsterdam门票！ 。 试播新节目

网站开发

•SEO： 为什么在使用JS的网站上可以忽略rel = canonical ， 为什么旧网站的排名可以高于最新内容
• 有关如何设计API的故事
• 电子：桌面应用程序开发
• 我在2018年不发牢骚 。 登·阿布拉莫夫本人决定为他的热门文章写俄文翻译
• 分离很大 。 两个前端开发人员坐在酒吧里。 他们无话可说。
• 通过对112,654个编码测试的分析，我们了解了2019年开发人员的招聘趋势
• 如何使用网络技术创建虚拟现实，一系列新视频
• 我们如何从Wordpress切换到React并筹集了8000万美元
• 详细评论功能策略。 超越草稿。

• 表现：
  • GooglePage Speed的网站优化（更新后会考虑所有功能）第1部分
  • 网页可用性很重要
  • 使用服务人员预加载链接
  

• 工具：
  • Webpack：意外的旅程
  • DevTools（Chrome 73）的新增功能
  • Yarn的未来-v2及更高版本
  • rrweb（“记录并重放网络”）：一种用于记录和重放用户在网络上的互动的工具
  

• 动画：
  • 创建自己的重力和空间模拟器
  • SVG滤镜效果：带有<feMorphology>的轮廓文本
  • Les Animals-具有出色设计和动画的网站
  

的CSS

• CSS渐变边框
• 文本转换和复制 。 使用文本转换复制文本时会发生什么
• 网页表格设计模板
• CSS网格动画
• Flexbox.ninja是一个网站，可以帮助您更好地了解CSS Flexbox布局模块。
• Gradians和Turns：CSS角落的无声英雄
• Rachel Andrew的报告，2019年创建CSS布局的工具
• 适用于CSS的Firefox DevTools
• Houdini的课程：CSS绘图和变量

Java脚本

• JS之战：我如何编写我的eval（）
• 我们掌握一个异步/等待一个真实的例子
• 如何在JavaScript中使用货币值
• 为什么每个新的PayPal Web应用程序都以TypeScript开头
• 2019年JavaScript的新增功能
• 沉浸在JavaScript中：如何创建Hex2RGB颜色转换器
• 寻找最重复的角色

• 打字稿：
  • 打字稿价格
  • TypeScript ESLint-具有使ESLint支持TypeScript的工具的存储库
  • 功能TypeScript：用于可靠的无服务器功能的TypeScript标准
  

• 节点：
  • 关于Node.js的免费书籍
  • 面向开发人员的排名前7位的Node.js框架
  • 节点HTTP请求工具包
  • 多线程Node.js：什么是工作线程，并且它们重要吗？
  

• 理论：
  • 现代JavaScript速查表
  • 每个JavaScript开发人员应该知道的10件事
  • 如何充分利用JavaScript（ES6）中的解构
  • JavaScript迭代器模板
  • 六课时免费课程JavaScript算法完整指南
  • 什么是摇树，它如何工作？
  • 使用map（），reduce（）和filter（）的15个有用示例
  

• VueJS：
  • Vue.js 2.6概述
  • Vuex-很简单！
  • Vue大师的10个Vue.js专业技巧
  • 如何确定Vue.js是否是您下一个项目的正确框架
  

• 反应：
  • React：帮助您成为高级开发人员的实践
  • 为什么X不是钩子？
  • React 16.6.0中的实用程序
  • 反应邮件确认
  • 如何使用Context API开发React超能力
  • 在JavaScript中使用内容可编辑元素（反应）
  • 如何理解减速器：您可以在没有Redux的情况下使用它们
  • 了解React默认属性
  • 了解React中的片段
  

• 角度：
  • 本周最佳Angular-摘要1（1月18日至1月25日）
  • Angular 8：第二个Beta版可供下载
  • Angular 6 + Travis CI，无头Chrome
  • 优化角度。 记忆模板中的管道功能
  • 使角形错误消息变得神奇
  

• 库和插件：
  • 比较JavaScript图表库
  • autoComplete.js-基于Vanilla Javascript的简单自动填充
  • 热键：按下键盘键时对元素进行操作
  

浏览器

• 车速表的一个问题或Chromium如何管理内存的故事
• uBlock Origin不仅会受到Chromium中新API的影响，还会受到其他扩展的影响
• 清单Chrome的新版本将使其无法使用uBlock Origin
• Firefox 66将消除由于图像加载引起的滚动偏差

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

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