上周第339期（2018年11月12日至18日）来自前端世界的新鲜材料摘要

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

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

---

媒体类

• 前端周末播客＃79-Oleg Polyakov介绍CodeDojo的成立及其如何成为主要工作场所
• Web标准播客，第147期： Chrome Dev Summit，个人数据API，HTTP / 3（用于UDP），Web组件
• 反应五分钟播客＃49-bem-react-core
• Devshahta播客： 57：如何使用Dart进行破坏
• 播客“前沿青年（18岁以上）” ＃73埃迪·奥斯曼尼的三块硬皮
• CSSSR播客： 新闻 512- 第29期（ 12.11-18.11 ）
• Vadim Makeev视频博客9.菜单，网格或自举菜单，方便使用
• KharkivJS＃9 2018，32视频
• FrontTalks 2018，16个视频
• Chrome Dev Summit 2018-所有会议

网站开发

• 再见，电子。 您好台式机PWA
• QUIC上的HTTP将被标准化为HTTP / 3
• 仅使用14行JavaScript的WebAssembly入门
• Google的Web.dev-一种新资源，其中包含有关现代Web开发技术的详细结构化信息
• Web组件的力量
• 静态网站规则的5个原因
• Chrome Dev Summit 2018中的亮点
• 虚拟DOM缓慢。 认识记忆化的DOM

• 表现：
  • Google重新设计了PageSpeed Insights
  • Google发布了Squoosh图像优化应用程序
  • 关于浏览器，JS及其优化的Addy Osmani
  • 测量，优化和监控 。 阿迪·奥斯曼尼（Addy Osmani）关于如何将精力投入到生产力上
  • 最近在阿姆斯特丹举行的Performance.now（）会议的报告摘要
  • 内联还是缓存？ 请选择两个！
  • 回顾Mapbox Studio中的性能工作 （React-Redux上的大型应用程序，使用Mapbox GL在WebGL canvas中进行渲染）
  

• 工具：
  • 分发和征服：用于创建和测试新闻通讯的工具
  • iPad Pro的前端开发（2018）
  

• 辅助功能：
  • 辅助技术的标题水平的重要性
  • 为什么使用`tabindex`的值大于“ 0”是不好的
  • 特定于键盘的焦点样式
  

• 动画：
  • 页面翻转布局
  • 鬼屋的手电筒效果
  • 开发者页面的创意概念（数字设计）
  

的CSS

• 使用Flexbox的示例
• CSS中的“ C”：级联
• 如何摆脱未使用的CSS来简化CSS文件
• currentColor和Custom属性之间的区别
• 大括号到像素 。 有关alistapart的详细文章，介绍CSS代码如何变成屏幕上的像素
• JavaScript和CSS中的平滑文本缩放
• 硬核CSS calc（）
• 有关basecamp.com团队如何在生产中使用CSS Grid的简短视频

Java脚本

• Google将资助JavaScript框架的改进
• 使用TensorFlow.js玩真人快打：传输训练和补充数据
• “ TypeScript权威指南” -有关Typescript的免费在线书籍
• JavaScript错误处理：完整指南
• 承诺链已死。 异步长寿/等待
• 创建自己的交互式JavaScript沙箱
• 为什么Facebook API以for循环开头
• 使用TypeScript两年后-值得吗？

• NodeJS：
  • Node.js sleep，usleep，msleep 。 如何减慢流和暂停
  • 如何在没有框架和外部库的情况下使用NodeJS
  • Node.js的离线文档（PDF）
  

• 理论：
  • JavaScript中的执行上下文和调用堆栈
  • 我不了解的JavaScript功能
  • JavaScript指南： 第1部分：第一个程序，语言特性，标准 ， 第2部分：代码样式和程序结构 ， 第3部分：变量，数据类型，表达式，对象
  • 有趣的JavaScript：无花括号
  • 执行上下文和调用堆栈-切好的蛋糕的可视化插图
  

• 反应：
  • React钩子简介
  • 为什么选择React Hooks，您甚至如何做到这一点？
  • 您需要在React.js中了解的概念（学习基础知识之后）
  • React中的渲染道具概述
  • 使用React Hooks创建一个React To-Do App（没有类组件）
  • 如何使用React.lazy和Suspense进行延迟组件加载
  • 钩上钩子：如何使用React的useReducer（）
  • 使用钩子使React反应
  

• VueJS：
  • 如何在运行时配置Nuxt.js环境变量的安装，或者如何做不像每个人都喜欢的事情并且不后悔
  • Evan You的Vue.js 3.0预览
  • 创建您的第一个Vue.js PWA项目
  • 我们如何在Vue中使用Redux和Redux-Observable（v3.0日志）
  • 带有Hoodie和Workbox的离线优先Vue应用
  • 使用Vue.js过渡和动画设计改进的UX
  • Vuex视觉说明
  

• 角度：
  • Angular中的事件处理优化
  • Angular-2015-2018年AngularConnect的所有报告
  • 几分钟后即可开始使用Angular App和Angular CLI
  

• 库和插件：
  • TensorSpace.js-用于神经网络3D可视化的框架，在浏览器中构建交互式直观模型，支持TensorFlow，Keras，TensorFlow.js的预训练深度学习模型
  • TNG挂钩 -为独立功能提供受React启发的useState（..）挂钩
  • 路由器：一个简单的JS路由器，无需React，Angular或Vue框架即可解决单个任务
  

浏览器

• Firefox将开始通知您有关被黑网站的访问以及价格变化的信息
• Wayland支持已添加到Firefox每晚版本中
• Mozilla正在测试Firefox中的两项新功能：Price Wise和Email标签
• Chrome浏览器正在开发API，以创建完整的自定义应用程序

娱乐性

• 对CPU中的推测执行机制的七种新攻击
• 持不同政见者之间的分歧：就资本而言，第四大比特币现金加密货币发生了什么
• 内部外观：关于Facebook的饮食文化
• Google将为所有人开放顶级域名.dev
• 微软比黄瓜和腾讯的成长更好。 由比尔·盖茨创立的公司似乎终于找到了呼唤
• Octoverse统计：2018年顶级编程语言
A．

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

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