最近两周从前端世界中摘录的新鲜材料的摘要（第323号）（2018年7月8日至22日）

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

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

---

媒体类

• 播客“ Web标准”，第130期： 不方便的类和任何JS，动态显示，带有错误的网格，良好SRI的错误着陆 ，第129期： npm中的病毒，为什么使用功能策略，Atom中的情况，无效代码，分离责任，箭头或手指
• 前端周末播客： ＃62-安德烈·西特尼克（Andrei Sitnik）关于移居纽约，在Twitter上旅行和色情 ， ＃61-安德烈·梅利科霍夫（Andrei Melikhov）关于为Yandex.Money，Night Frontend工作，并在devSchacht掌权
• 播客“ Devshahta / Night Front End”： ＃42-自动化CI / CD ， ＃41-寻找良好的代码审查
• 播客前端青年（18岁以上） ＃56有毒社区
• CSSSR Podcast News 512- 第15期（7月16日至7月22日）

网站开发

• Web开发人员必须记住要做SEO-Feng Shui
• Visual Studio Code扩展，它将开发过程提高到一个新的水平
• 2018年的Web组件
• 可重用组件的圣杯：自定义元素，Shadow DOM和NPM
• 创建Google相册网络界面的详细信息
• 恶意脚本剖析：网站如何接管您的浏览器
• 团队可访问性-将可访问性和包容性实践集成到团队开发过程中的快速指南
• WebAssembly的未来-即将发布的功能和建议
• 使用SVGator动画化SVG

• 表现：
  • 使用Google的RAIL模型，创建快速页面的目标和指南进行绩效评估（于2018年更新）
  • 在团队中建立生产力文化
  • 什么是服务人员以及他们如何提高生产力
  • 图像优化如何将页面权重降低62％
  • 前端性能清单
  

• PWA / AMP：
  • PWACompat：适用于所有浏览器的Web App清单
  • Pinterest：年度PWA回顾
  • 在新的AMP Roadmap仪表板中使用过滤器和类别跟踪AMP开发
  • WordPress的PWA ，官方插件
  

的CSS

• 从右到左。 如何在RTL下打开站点界面
• CSS Paint API
• CSS：一种新型的JavaScript
• 化学CSS CSS
• 完整的插图版Flexbox指南
• CSS Grid的9大错误
• DSS-确定性样式表的第一个beta版本的最终版本，它是CSS模块的类似物，可自动编译为小捆的原子CSS类
• 可变字体可以做的奇怪事情
• 如何解决CSS布局问题？
• CSS指针事件可以做的有用的事情
• 我应该在2018年使用IE版本的Grid Layout吗？
• 我尝试了功能CSS，但很烂
• 如何更好地编写CSS

Java脚本

• JS框架的比较：React，Vue和Hyperapp ， Re：“ JS框架的比较：React，Vue和Hyperapp”
• JavaScript ES6：弱点
• JavaScript元编程
• 您可能从未听说过的15个HTML元素方法
• Fullstack JS开发人员能力列表
• JavaScript MutationObserver API简介
• Javascript ES6-您实际上不需要学习生成器
• TypeScript 3.0 RC公告

• VueJS：
  • 如何像专业人士一样创建Vue组件
  • Vue-UI-外观
  • 给Vue的情书
  • 免费课程学习Vue.js
  • 创建一个“无渲染” Vue组件
  • JS反应性的最佳解释
  

• 反应：
  • 学习React的途径 。 掌握通常但务实的React的旅程。 将一本通俗的书翻译成俄文
  • 学习React之前的JavaScript基础
  • 样式化React组件
  • 在React中轻松创建复杂的UI动画
  • 您能多快学习React？
  

• 角度：
  • 秋田Angular的新功能：我们添加了最受欢迎的功能
  • 通过本地更改检测提高Angular应用程序性能
  • 您不知道Angular-Angular投影指南
  

• 库和插件：
  • 如何在NVD3.js上创建现代控制面板
  • coolHue-用于选择渐变和创建自己的调色板的工具
  • draxt-文件系统的类似NodeList /类似jQuery的程序包（node.js）
  • Popbox.js是一个用于创建分层模式窗口的小插件。 无需依赖且完全可定制的插件
  • Pushbar.js是一个用于在Web应用程序中创建退出面板的小插件。
  

浏览器

• WebRender已添加到Firefox的夜间版本中，使用GPU渲染网页。
• Browsh项目正在开发基于Firefox的控制台浏览器
• Firefox ASan版本开始识别内存问题
• Chrome DevTools中的三项新酷功能

娱乐性

• 太多的知识，很少的时间
• 成为多学科专家，但要宣传自己是一个领域的专家
• Windows 10上的Linux速度 。 颂歌Linux的Windows子系统上的bash终端。
• 确定任务优先级的6种方法。 体验Readdle，MacPaw，Grammarly和EduNav
• Google，Microsoft，Twitter和Facebook建立了数据可移植性项目
• 流行的NPM模块中引入了恶意软件复制身份验证参数
• 算法可以拯救人们：匹配的算法如何拯救生命
• 英特尔谈到了其50年来的10项重大成就
• Check Point提出了对2018年上半年网络威胁的回顾：加密矿工的增长和云攻击媒介的变化
• AMD，Microsoft，NVIDIA，Oculus和Valve正在开发VirtualLink标准，该标准将允许您使用一条USB-C电缆将VR头盔连接到PC
• 黑暗模式：Web服务如何使用户在操作中犯错误
• 盲人如何使用iPhone，MacBook和Apple Watch
A．

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

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