上周第337期（2018年10月29日至11月4日）来自前端世界的新鲜材料摘要

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

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

---

媒体类

• 播客“ Web标准”，第145期： Safari中的暗模式，Chrome中的WebAssembly，CSS的新功能，排序CSS属性，带有后备字体的可变字体，设计人员为什么会以新方式失败，异常处理或React。
• 前端周末播客＃77-亚历山大·阿莫索夫（Alexander Amosov），为什么您应该开始在浏览器中使用3D
• 播客“前端青年（18岁以上）” ＃71通过直肠钩为Ilon Mask工作
• Devshahta播客： ＃55：成为团队负责人
• CSSSR播客新闻 512- 第27期（ 29.10-04.11 ）
• Vadim Makeev视频博客第8号。 谁是经销商，手动SVG和令人兴奋的下划线
• loftblog＃86的DevShow ： PostCSS，JavaScript中的垃圾，缓存

网站开发

• 五个简单步骤即可创建自己的功能失调的SPA
• DOM的标签 。 关于HTML标签如何转换为砖块，这些砖块构成了我们在屏幕上看到的内容
• 在开发团队中使用标准的重要性
• 我如何从iPad Pro进行全面的Web开发

• 表现：
  • 我们如何成功地将Carousell网站的移动版本加速了3倍
  • 作为一流对象的性能-第1节：连续测量和仪器
  • 2019年被标记为Page Speed。 你准备好了吗
  • 三种类型的性能测试
  

• 工具：
  • Prettier，ESLint，Husky，Lint-Staged和EditorConfig：用于编写简洁代码的工具
  • DevTools使我的生活更轻松的5种方式
  • FuseBox简介，Webpack的替代品
  • 发布Storybook 4.0 ，这是一个用于开发和测试React，React Native，Vue，Angular和Ember的交互式UI组件
  

• 辅助功能：
  • 该网站的停机坪-莫斯科DevFest的Ivan Bakaidov的报告
  • 我想要的有关Web无障碍功能的介绍
  • 消除数字可访问性的五个神话
  

的CSS

• 5分钟内学习CSS网格
• 使用网络字体后备实现可变字体
• TPAC中的CSS工作组：CSS的新功能？
• 关于从HEX和RGB切换到HSL
• 如何使用模块化架构（OOCSS，BEM，SMACSS）组织CSS
• 如何编写非常糟糕的CSS
• 网格区域中的简单命名
• 网格预览动画

Java脚本

• JavaScript中的痣洞
• 使用高阶函数在NodeJS中进行重构
• 当浏览器禁用JavaScript时，Google将禁止登录该帐户
• GraphQL-好和不好
• JavaScript令人毛骨悚然的世界中的方向
• 对JavaScript世界中自动化测试工具的个人评论
• 完整的现代JavaScript参考

• 理论：
  • JavaScript中的高阶函数
  • 为什么map函数不能在JavaScript中与某些数组一起使用以及如何处理
  • 您应该注意的JavaScript中Array.map（）的4种用法
  • 异步JavaScript演变：从回调到承诺和异步/等待
  • JavaScript设计模式
  • 复制JavaScript中的对象
  

• VueJS：
  • Vuex神秘化-Vue的状态容器
  • 使用Vue.js和机器学习进行语音控制的Web可视化
  • 使用Vue创建WordPress插件
  • 将公司切换到Vue的参数
  • 使用Go和Vue创建SPA
  • 调用Vue API的智能方法
  • 全栈广播99.5： SébastienChopin-使用Nuxt.js构建通用Vue.js应用
  

• 反应：
  • 使用Jest和酶测试什么以及如何进行测试。 完整的React组件测试说明
  • 将SOLID原理应用于React应用程序开发
  • 理解React Hooks ，Den Abramov的文章
  • React钩子：没有魔术，只有数组
  • 您需要了解的关于React Hook的所有信息
  • React Hooks系列
  • 不同的反应管理技术
  • React Router和React组件之间的爱恨关系
  • 创建React App 2.0：新增功能？
  • React 16.6中的延迟加载组件
  • 简而言之，Redux为React开发人员使用（提示：这并不复杂）
  

• 角度：
  • 学习Angular 6以构建全栈应用程序
  • Angular 7.0的新功能以及如何升级
  • Angular中的GreenSock使用模式
  • 使用Angular和Lighthouse创建简单PWA的课程-Hacker News clone
  

• 库和插件：
  • PWA安装提示
  • plotly.js简介-开源图形库
  • 简单键盘 -用于Javascript的虚拟键盘，与您在ES6，React，Vue，Angular或jQuery上的项目兼容
  • ervy ：终端中的图形
  

浏览器

• Firefox 63 ，是Marat Tanalin的技术评论
• Firefox 65将支持WebP图像格式
• 可用的紧凑型移动浏览器Firefox Lite 1.0.0
• 来自Facebook和Google的新型机器学习系统。 黑白照片着色代码
• WebAssembly线程准备在Chrome 70中试用
• 失败后的教训：从Firefox删除旧的调试器

娱乐性

• 为知名大学的IT学生提供一系列新鲜课程
• Google推出了reCAPTCHA v3，可自动识别不良流量
• Facebook正在开发一种AI，它将使残疾人更容易观看视频
• 是否：对彭博中国间谍芯片调查的回顾
• 比特币已有10年历史了：接下来会发生什么
• “未来的云专业”：IoT架构师和AI程序员将做什么
• ABBYY创始人David Yang-关于Yva服务，用于分析员工行为，AI危险和榜样
• 技术发展时间表：类人机器人
• 谁需要这一切：开发人员和设计师对Apple的新设备的反应
A．

最后有几条公告：前期摘要的下一期将是Zfort Group公司博客上的最后一期。 在一周内，所有文章都将从alexzfort帐户以及该公司官方网站的博客上发布 。 除其他事项外，还可以订阅邮件列表，计划包括扩展版本，新格式，个性化以及其他在改善此类内容可用性的情况下的好处。

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