上周第320号前端世界的新鲜材料摘要（2018年6月18日至24日）

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

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

---

媒体类

• 播客“ Web标准”，第126期： 如何收听我们的声音，Web动画API，可变字体，Keyframes.app，ARIA：隐藏或无，占位符差，可用的React和图片代码。
• 前端周末播客＃58-Marina Miranovich谈在洛杉矶生活并在EPAM工作
• Devschacht播客： 夜间前端38-Airbnb放弃了React Native
• CSSSR播客： 新闻 512- 第11期（06/18-06/24）
• 您所有的HTML＃54： 在隧道中飞翔
• SRI in Moscow 2018，9个视频

网站开发

• 2018 PWA（Progressive Web Apps）能否与本地应用程序抗衡？
• 消失的框架
• Mozilla推出A-Terrain，用于Web开发的地图数据
• 初学者的BEM：为什么需要BEM
• 新版本： ESLint v5.0.0 ， Electron 3.0.0-beta.1 ， V8版本v6.8 ， Node v10.5.0（当前） ，
• 分析GitHub上最流行的框架中解决的问题
• 杰克·阿奇博尔德（Jake Archibald）：我检测到浏览器错误

• 表现：
  • “表现”-伊凡·卡列夫（Ivan Karev），安德烈·莫罗佐夫（Andrey Morozov），米哈伊尔·莫库鲁辛（Mikhail Mokrushin），安德烈·罗恩科（Andrey Roenko），塔米尔·洛基亚耶夫（Tamerlan Lokyaev）在SRI 2018上
  • 使用Chrome DevTools优化网站速度
  • 由于原始艺术，我们改善了下载速度的感知
  

• 工具：
  • 满足Teleport：PWA️热重启和调试工具️
  • 如何使用Visual Studio Code
  • tronic简介-具有合理默认值的Webpack
  • VS Code可以做到吗？ 没人愿意告诉您的有关Visual Studio Code的最佳技巧的选择。
  

• 辅助功能：
  • 不要使用占位符属性
  • stylelint-a11y-使用a11y规则的stylelint插件
  • WCAG 2.1-学习索引手势
  

• 动画：
  • SVG动画书法
  • 动画Drop SVG Loader
  • 沃罗诺伊机场WebGL
  

的CSS

• 可变字体
• 您不应该只是从Google字体网址中复制@字体代码
• keyframes.app-创建CSS动画的简便方法
• 关于定义“未使用的CSS”的工具
• CSS居中：新酷方式vs. 旧的酷方法
• 8点网格：Web版式
• 在Img标签中对SVG使用自定义字体
• CSS伪元素和转换：我最喜欢的CSS工具
• CSS优化：ID选择器和其他神话

Java脚本

• JavaScript ES6中对象文字的创新
• JavaScript异步/等待设计：优势，缺陷和使用模式
• 用于在浏览器中使用JavaScript控制台并提高程序员效率的命令
• JS中的计算量子力学
• 熟悉通过JavaScript进行开发
• .getInstance的新版本：JavaScript中的迭代器
• 在网络上使用JavaScript模块
• 快速，完整的TypeScript TypeScript指南
• MobX 5：传奇继续...
• 单元素模板简介
• 看妈，没有手！ JS Brain操作 -Charlie Gerard在JSConf EU 2018上

• VueJS：
  • Vue.js-注意事项和技巧
  • 将vue-template-loader与Vue.js一起使用以编译HTML模板
  • 在Vue.js中编写抽象组件
  • 从零到部署：使用Vue和VuePress开发文档系统
  • vue-translations -vue.js项目中的多语言支持
  • 在Vue上创建RSS查看器： 第1 部分 ， 第2部分
  • Vue.js：好，什么都没有
  • Vue.js和CSS Grid上的Instagram样式库
  • 适用于您的应用程序的前21个Vue.js UI库
  

• 反应：
  • 在Airbnb上反应Native 。 AirBnb避免使用React Native。 了解过去两年中有趣的开发细节
  • 在10分钟内设置React Hot Loader
  • Github stars！==用法：React仍然比Vue和Angular更为普遍
  

• 角度：
  • 使用Angular和D3进行数据可视化
  • 角度组件：技巧和窍门
  • 如何在Angular 6中创建动态组件
  

娱乐性

• Mullenweg宣布了古腾堡路线图
• 学习使用带数字的任务进行编程
• 苹果，三星和汽车制造商已批准汽车标准电子钥匙的第一版
• Google，Lyft，Uber组成联盟，以减轻人们对自动驾驶汽车的担忧
• 七款游戏将教编程
• 什么是VR，AR和混合现实-网站，应用程序和文章可帮助您解决问题
• Instagram拥有超过10亿用户。 社交网络推出新的IGTV服务，长达一个小时的垂直视频
• 麝香，贝佐斯，布兰森，扎克伯格，布莱恩，盖茨和蒂尔如何看待未来
• “ GitHub-优秀应用程序的平台 。 ” 从业余项目到与Microsoft达成的交易：共同开发服务价值75亿美元的历史。
A．

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

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