上周第324天来自前端世界的新鲜材料摘要（2018年7月23日至29日）

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

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

---

媒体类

• Web标准播客，第131号： Chrome 68，危险的HTTP，React或jQuery，您不知道内联块，图解的flex，英语课程，危险的Babel预设，浏览器干扰JS
• 前端周末播客＃63-亚历山大·珀辛（Alexander Pershin），关于如何以及为什么在俄罗斯创建在线教育学校
• CSSSR Podcast News 512- 第16期（07.23-07.29）
• 播客“ Devshahta / Night Frontend”： 第43号-再次涉及Jenkins，ChaosConstructions 2018，ndb和SRI
• 前端青年（18岁以上）播客： ＃58为什么从GitHub解雇jQuery

网站开发

• 渐进式Web应用程序基础
• 3个针对Web开发人员的重要清单
• 单页应用程序中的可用页面标题
• 明智的“最小满堆”方式 。 从简单的SPA到多功能PWA

• 图片：
  • 将图像转换为WebP 。 摘录自《 The WebP Manual》
  • 有时，图像中的“大小”非常重要。
  • 为什么WebM在视频方面比GIF更好（比较）
  • 优化视频以加快下载速度的8条提示
  

• 表现：
  • 前端性能检查表 。 热门清单的俄语翻译
  • 前端新闻1：平衡Web字体和页面速度的技巧
  • 网站大小：平均页面大小超过2MB-在过​​去3年中，平均页面大小增加了一倍
  • 如何摆脱阻塞的JavaScript和CSS渲染
  • 现在，速度是着陆页Google搜索和广告的一个因素
  • 报告：Google移动速度更新未影响常见的移动指标
  

• 工具：
  • 我们为自己和团队建立了一个方便的npm项目，或者关于现代前端工具的一些知识
  • 使用Chrome DevTools进行调试：快速前端提示
  • Terminalizer-以动画gif记录终端的操作
  • Github故事 -浏览器扩展-Github上的拉取请求描述模板
  

的CSS

• 如何使用CSS网格和CSS变量快速对应用程序进行原型制作
• CSS-in-JS-神话与现实（以样式化组件为例）
• 惊人的未知行内块
• 为什么CSS Grid的布局优于Bootstrap
• 对CSS形状和CSS排除的不满
• 用CSS解决！ 基于收到的项目数的逻辑样式。
• Flexbox和自动页边距的特殊魅力
• 创建设计系统，第2部分：网格和布局
• 5个新的CSS属性以及如何使用它们

Java脚本

• Github.com拒绝使用jQuery并切换到纯JavaScript
• 用纯JavaScript创建状态管理系统
• 为什么新V8这么快
• 现实生活中JS中的CSS

• 构架
  • 是的，您应该在流行的JS框架之前学习Vanilla JavaScript。
  • 如何通过编写自己的框架来提高JavaScript知识
  • 反应与 Vue（相对于Angular）
  

• 理论：
  • 关于JavaScript ES6中的生成器，以及为什么可以选择研究它们
  • 巴别塔@ 7的管道运营商历险记
  • 在JavaScript中使用Promises
  • 初学者JavaScript教程
  • 我们来谈谈JavaScript中的分号
  • JavaScript中的有状态Monad： 第1 部分 ， 第2部分
  • 回调-增进您对基于回调的API的了解，了解JavaScript的行为和模式
  • 如何停止使用回调并开始生活
  

• 反应：
  • React Basics（教科书，第二版）
  • 通过示例学习渲染道具
  • Reactjs SSR的技巧和窍门
  • React中的有限状态机
  

• 角度：
  • Angular v6.1可用-TypeScript 2.9，滚动定位等
  • 角度单向值绑定机制
  • 使用@ngrx了解大型可扩展的角度应用程序
  • 将Angular 6变成渐进式Web应用程序
  

• 库和插件：
  • ndb-通过Chrome DevTools启用的改进的Node.js调试
  • excel4node -Node的模块，可简化Excel文件的创建
  • jsQR-用于读取图像中没有相关性的QR码的库
  • simple-data-table-简单易用的库，用于处理没有依赖关系的表
  • AddThis现在可用于AMP
  

浏览器

• Chrome 68版中的DevTools的新增功能
• 为什么在Firefox或Edge中打开YouTube所花的时间比在Google Chrome中长5倍
• Chrome 68网络浏览器版本
• 改进的内容阻止系统将出现在Firefox 63中
• Mozilla计划从Firefox中删除对RSS和实时书签的支持
• Google Chrome鼓励过渡到HTTPS
• 从Chrome网上应用店意外删除了真实的Metamask钱包扩展程序，而不是假冒的扩展程序
• 5月在IE中修复的严重错误需要新的修补程序，并导致内存泄漏

娱乐性

• 苹果的回味：高管，开发人员和设计师是否准备放弃Macbook取而代之其他笔记本电脑
• 检查站点上的“虱子”
• 当程序员感到奇怪时：使用github进行有趣的项目
• Google开发人员推出了用于安全身份验证的Titan Security Key USB软件狗
• Google文档引入了使用机器学习技术的语法检查
Windows 10将引入机器学习功能，以防止由于更新而导致系统意外重启

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

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