上周第322页来自前端世界的新鲜材料摘要（2018年7月2日至8日）

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

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

---

媒体类

• 播客“ Web标准”， 第128期：React只是JS，嵌套在CSS中，缩进系统，无法访问的验证码，忘了IE中的网格，针对visivig的布局设计器。
• 前端周末播客＃60-德米特里·罗日科夫（Dmitry Rozhkov）关于创建高级软件Vlogger，在泰国越冬并居住在汉堡的问题
• Devschacht播客： 夜间前端40-GPC，抑郁，WSD和Patreon
• Frontend Youth（18+）播客＃55想要成为一个出色的React开发人员-在这里收听！
• CSSSR播客： 新闻 512- 第13期（07/02-08/07）

网站开发

• Web缓存作为在商店购买牛奶的示例
• 移动网站或自适应布局：从SEO角度来看更好
• 如何以及为什么测试布局
• Publii-具有GUI的新静态CMS，用于创建安全，快速和时尚的网站
• 互联网非常复杂（但不一定非要那样） 。 完整的Web开发指南

• 表现：
  • Google：搜索引擎Speed Update将于2018年7月启动 ， Google Speed Update将考虑下载速度的微小改进
  • 性能审计：Firefox开发人员工具中的深入研究
  • 提高性能：按需调整图像大小
  • 使用Chrome DevTools优化网站速度 。 更新的Google Developers Blog
  • 连接相关组件 。 使用网络信息API适应不同的速度：img用于2G / 3G，视频用于4G
  • 通过摇树减少有用的JavaScript加载
  

• 辅助功能：
  • stylelint-a11y-具有a11y规则的stylelint插件
  • 使用ARIA的经济型轮播
  • 权力与危险WAI-ARIA：有关语音识别的更多信息
  

• 壮观的网：
  • 生成世界杯 。 尝试使用世界锦标赛统计API，为每个游戏生成抽象模板
  • 上野的GaspTools简介 ：一个简单的动画工具
  • 在所有浏览器中看起来都不同的div
  • 幻影鼠标跟随光标
  
  

的CSS

• GitHub正在转变... GitHub正在转变...成为优雅的Windows 95
•关于标准的有效工作- 第1部分：操作环境 ， 第2部分：折衷的艰难道路
• 图标系统集成和样式化指南-SVG精灵，SVG字符和图标字体
• CSS技巧彻底改变您的布局
• 将文字放在容器中
• Clearfix：Web开发演进中的一课
• CSS的工作原理：使用z-index创建图层

• CSS网格：
  • CSS网格级别2：和子网格来了
  • IE中的CSS网格：发现有关IE网格的基本误解
  • IE中的CSS网格：CSS网格和新的Autoprefixer
  • IE中的CSS网格：使用间隙模拟自动放置网格
  

Java脚本

• 初学者的JavaScript基础
• 开发您自己的框架和JS程序员的专业成长
• 什么时候（为什么）应该使用ES6箭头功能
• 您可能从未听说过的15种HTML元素方法
• 为什么选择GraphQL：优点，缺点和替代方案
• 故事中介绍了JavaScript变量var，let和const

• 反应：
  • 16个面向界面开发人员的React工具
  • 您（可能）在React代码中最常见的错误
  • 简单的（至少99％的ES2015）React教程。
  • React只是JavaScript
  • 不使用NPM 的React基础 。 没有webpack。 没有Redux。 通过在浏览器沙箱中创建动画的分形来学习React的基础知识。
  • 您可以在React中停止使用的5种流行做法
  • 什么是Redux：设计师指南
  • react-scrollbar- custom-用于创建自定义滚动条的最佳React组件
  

• VueJS：
  • 俄语频道。 不和谐社区vuetify.js
  • Vue Test Utils和Jest：如何为前端编写简单的单元测试
  • 如何在Vue.js中使用路由来改善用户体验
  • 使用Capacitor和Vue.js创建移动应用程序
  • Vue手册：Vue.js的详细介绍
  • 使用Vue路由器进行Vue身份验证和路由处理
  • 2018年Vue.js的最佳管理模板
  

• 角度：
  • Angular开发人员路线图 。 一个旨在收集最基本/最重要概念的项目，任何想学习成为Angular开发人员的人都必须学习
  • Angular和AngularJS中的Web组件
  • Angular中的动态组件解决方案
  

• 库和插件：
  • shepherd-用于在站点元素上创建可视助手的库
  • Rete.js -JavaScript可视化编程框架
  • itty.bitty-用于创建包含小型网站的链接的工具
  

浏览器

• 屏幕截图：更新的Microsoft Edge主菜单
• Google和Mozilla从目录中删除了Fashion的浏览器插件，该插件可监视用户
• 各种WebAssembly实施的性能比较
• 如何使用Microsoft Edge来阅读电子书
• Spectre设法绕过浏览器针对漏洞的保护

娱乐性

• 区块链是流行语还是严肃的东西？
• 为什么很多人想成为经理，但这并不总是一个好主意
• 在浏览器附加组件“时尚”中，显示了用于发送访问历史记录的代码
• 虚拟和增强现实的重生
• 7月TIOBE编程语言等级：TypeScript持续流行
• 机器学习的视觉介绍

PS：下周将没有摘要，假期等等。

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