上周第331天（2018年9月17日至23日）的前端世界摘要

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

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

---

媒体类

• 前端周末播客＃71-伊万·阿库洛夫（Ivan Akulov）介绍如何以及为何在20年内建立绩效咨询公司
• CSSSR Podcast News 512- 第22期（ 9月17日至9月23日）
• 播客每周Vue＃5
• React五分钟播客＃48有两本书 ：Vue.js 2的伟大性（Vue.js 2的威严）和React的学习之路（学习React的路）—您阅读并建议了哪个朋友？
• Devshahta播客： ＃51：12因子应用
• 前端青年（18岁以上）播客＃65：对CSS进行DDoS攻击 ， ＃64：33种提高生活效率的方法
• 可呈现的播客＃51 ：Jeffrey Zeldman的Web标准口述历史

网站开发

• Web体系结构：面向初学者的基础知识
• Google大量 将 网站 转换 为移动优先索引 ，但全面过渡到移动优先索引可能需要几年的时间
• Google为AMP项目提出了一种新的管理模式
• 引入Bing AMP查看器和Bing AMP缓存
• 什么决定了一个好的前端开发人员？

• 表现：
  • 空闲直到紧急 。 有关提高生产率和FID的新技术的详细信息，特别是在Philip Walton的一篇文章中
  • Web性能框架 。 杰里米·凯特（Jeremy Kate）制作了一个性能图表，以帮助弄清楚如何确定前端工作的优先级
  • Web性能资源的多种选择
  

• 工具：
  • 使用Chrome DevTools提高调试技能（第2部分）
  • Sublime合并 -与Sublime Text的创建者见面的新Git客户端
  • Yarn Plug'n'Play ：摆脱node_modules， npm中的类似概念称为 tink
  

• 辅助功能：
  • 从Apple无障碍课程中学习
  • ARIA周围有很多噪音
  • Chrome DevTools的调试可用性
  

• 动画：
  • 从表情符号“基于纯CSS”构建的容积城市
  • 有趣的雪人分页
  • 彩色颗粒光束
  

的CSS

• CSS网格-用于站点和应用程序布局的瑞士军刀
• 化学CSS CSS
• 刷新CSS Bookmarklet v2 。 Paul Irish和Leah Veru更新了经典的书签
• Flexbox：Flex容器中元素的大小是多少？
• 转换源属性的视觉演示
• 享受悬停效果的链接
• 什么是模块化CSS？

Java脚本

• 将JS移植到Elbrus
•新版本： Electron 3.0，一个用于创建本地JS应用程序的框架 ， Next.js 7 ， Gatsby 2.0.0 ，已发布
• 更少的代码，更多的应用程序：Vulcan.js如何使我成为有效的开发人员
• 在JavaScript中更好地编写条件表达式的5条提示
• Bundlephobia-想要保持较小的JavaScript包大小？ 使用Bundlephobia.com，可以在将依赖项添加到项目之前检查其大小。
• 关于为js13K Underrun比赛创建游戏
• 如何创建用于在JS上构建Flex布局的交互式工具

• 媒体：
  • 播客脚本和样式显示：第21集 ：查理·瓦扎克（Charlie Vazac）的第三方JavaScript和网络性能
  • React Podcast No.21：用Kent C. Dodds删除您的组件
  • React Alicante 2018，22个视频
  

• VueJS：
  • 如何在Vue应用程序中组织依赖关系
  • Nuxt.js 2.0：Webpack 4，ESM模块，create-nuxt-app等！
  • Vue.js + GSAP =动画
  • 在Vue.js中将作用域插槽用于抽象功能
  • 2018年Vue.js最受欢迎的5个功能
  • Nuxt.js的7个前端架构课程
  

• 反应：
  • React和SEO：如何交朋友
  • 为什么不应该在React中使用高阶组件
  • 2018-2019年的企业React
  • 《 Galaxy React Router v4旅行者指南》：[比赛，位置，历史]是您最好的朋友！
  • 为什么React16是React开发人员的福气
  • 如何开始使用React Context API
  • 在香草javascript中创建一个React风格的组件。
  • React和Redux中的抗扰性：完整指南
  • 在React中使用Font Awesome 5
  • react-flip-toolkit-在React中促进翻转动画的库
  • 使用React和Elastic Search制作自动完成的小部件
  

• 角度：
  • 使用Angular CDK简化可访问性
  • 使用Angular 6创建PWA
  • 提高NgRx能力
  • 角路由器的三个支柱-路由器状态和URL匹配
  

浏览器

• Mozilla推出了用于虚拟现实眼镜和头盔的Firefox Reality浏览器的最终版本
• Microsoft已禁用Windows 10功能，该功能阻止用户安装其他浏览器而不是Edge
• 使用Devtools协议在Chrome中拦截和修改请求

娱乐性

• Google：我们对标签中的内容进行完全索引和排名
• 独角兽之路：GitLab如何达到10亿美元的估值
• Google未能成功克隆Twitch，并邀请稀有游戏玩家观看YouTube
• 麻省理工学院创建了一个通过语音描述识别物体的神经网络
• VKontakte启动了播客平台
• 为什么YouTube游戏输了抽搐比赛
• 处理错误：我如何患有阅读障碍
A．

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

← 上周文摘
dersmoll和alekskorovin制备的材料