每月 Web 开发更新 12⁄2017:务实的发布、自定义元素和决策

已发表: 2022-03-10
快速总结 ↬过去几周网络社区发生了什么? Anselm Hannemann 总结了所有新的和重要的东西,这样你就不会错过任何东西。

今天我读到一篇关于当前年轻一代及其财务未来的令人大开眼界的文章。 很难理解像“千禧一代”这样的词,而且有很多关于他们面临的具体问题的讨论,但是,对于我们中的许多人来说,理解他们的斗争并不容易——无论你比我年长还是年轻(我符合以下条件)千禧一代)。 但迈克尔霍布斯有趣且内容丰富的文章向我透露了很多信息。 不仅因为我现在理解——甚至涉及——其中列出的相当多的事实,而且因为这篇文章展示了不同年龄组如何形成一个社会,而没有意识到他们的决定可能对其他人的生活产生影响

作为网络专业人士,我们可以在很多方面与此相关。 在构建 Web 项目时,我们做出决策并经常基于对我们最有利的事情——作为开发人员、企业家、营销策略师、支持人员——而不是考虑这些决策可能会如何影响其他人。 通过建立无法访问的网站,我们排除了数百万用户; 通过实施更好的分析事件和库,我们将用户数据提供给第三方。 有时似乎不可能做出正确的决定,我们对无法做正确的事情感到如此不知所措,以至于我们忽略了所有合理、明智的决定,只专注于最适合自己的事情我们自己。 我们可以更聪明。 虽然我们可能无法把所有事情都做好,但我们仍然可以采取小步骤而不是不知所措。 这并不容易,但也许这是新年的决心?

跳跃后更多! 继续往下看↓

消息

  • 关于 WHATWG 的重大新闻:四大集成浏览器引擎(Apple、Google、Microsoft 和 Mozilla)背后的组织为 WHATWG 制定了知识产权 (IPR) 政策和治理结构。 这有望提高生活水平,提供更有用的资源。
  • 实际上早在 11 月就已经发布了,这是 Firefox 57 中的新功能。它现在配备了一个新的、超快的 Quantum 引擎。 Web 扩展也已成为现实,并且可以预期未来会有更多针对旧问题的错误修复和性能改进。 但是我们开发人员呢? Firefox 57 支持<input type="\\[date|time]"> ,由于新引擎而修复了许多 CSS 错误,并且现在启用了 Performance Observer API,就像 Storage API 和 Abort API(例如用于获取请求)。 最后但同样重要的是,无头模式现在支持非常有用的--screenshot标志。 顺便说一句,Quantum 引擎也即将在 Android 59 上支持 Firefox。
  • Chrome 63 现在推出了一些很棒的新功能:动态 JavaScript 模块、 async迭代器和生成器、CSS overscroll-behavior (本机支持拉刷新),以及对Intl.PluralRules API 的支持。 此外,权限 UI 现在以模式请求权限,以明确网站所有者应仅在必要和有用时请求额外权限。 Intl.PluralRules API 也包含在这个版本中。

一般的

  • 亚马逊很棒,对吧? 他们的云快速、大且便宜。 他们的商店提供一切并快速交付。 本周,Amazon Web Services 宣布了一件非常有趣的事情:“AWS 现在为美国情报界提供了涵盖所有分类级别的商业云功能:未分类、敏感、机密和绝密。” 是的,你没看错:亚马逊似乎将负责托管美国情报局的绝密数据。 我很确定政府服务开始完全依赖公司专有的云服务,而无法轻松切换回竞争对手或他们自己的替代方案,这不是一个好主意。 将其与亚马逊相关:高达 70% 的互联网流量通过 AWS 弗吉尼亚数据中心,亚马逊希望在您的卧室、客厅以及公寓或房屋的智能钥匙中安装摄像头和麦克风,以及如果您使用互联网,则已经不可能不使用 AWS。 如果这个 AWS 安全云像今年发生的那样遭遇中断,美国情报界会发生什么? 他们还能继续经营吗? 如果它在积极调查期间发生怎么办?

工装

  • 我们当中谁不知道发布的巨大挑战以及它们是多么耗时。 Raymond Rutjes 现在建议团队中的每个人都应该可以发布。 它应该简单、无忧并且——也许最重要的是——快速。
  • Francesco Schwarz 构建了一个新工具来可视化 CSS 的特殊性。 对分析结构中的一些误解或确定应该重构的模块非常有帮助。
务实的释放
少担心,多运输。 这是务实的释放。 (图片来源)

用户界面/用户体验

  • 借助 Spectral,可以在开源许可下使用新的屏幕优先衬线字体。
  • John Moore Williams 分享了他在网站搜索设计方面的最佳实践。 如果您想为您的用户提供有影响力的、强大的搜索体验,重要提示。

网络性能

  • Michael Scharnagl 解释了我们如何使用 Service Worker(基本上是一个 Web 代理)来基于网络信息 API 加载图像。
  • 哈里·罗伯茨经常找到合适的词来发现对很多人来说并不明显的问题。 他的文章“分布式计算的谬误(应用于前端性能)”是关于为用户做出假设以及主动忽视或过度思考网络性能等问题。
  • “最好的请求是没有请求,重温”是 Stefan Baumgartner 的一篇新文章,它解释了您现在可以使用 HTTP/2 做什么,以及理论上可行但尚未付诸实践的更改。
  • Samuel Parkinson 解释了当您访问 ft.com 时会发生什么。 从 DNS 开始的深入见解,并通过金融时报的完整请求工作流程继续旅程。
金融时报栈
简化的 ft.com 堆栈。 如需更多见解,请务必查看 Sam Parkinson 的文章。 (图片来源)

安全

  • 身份保护公司 4iQ 在暗网中发现了一个泄露的数据库,其中包含 14 亿个明文凭据。 它可能是迄今为止最大的已知资源,并再次表明为每项服务使用唯一密码的重要性。
  • HSTS 是一种告诉浏览器仅通过安全 HTTPS 协议连接到某些主机名的方法。 然而,正如研究显着表明的那样,它目前在浏览器中实现的方式几乎已经被破坏并且容易受到攻击。
  • Tobias Tom 分享了他们如何在 Colloq 实施密码检查,以防止用户选择在公共数据泄露中暴露的密码。 它基于 Troy Hunt 的惊人数据集,并分享了一些关于如何在不影响站点性能的情况下检查 40GB Postgres 数据集的有趣数据。
  • 您可能已经听说过浏览器中的加密挖掘。 一个新发现的脚本检查 WebAssembly 支持以充分利用硬件的功能,然后启动一个在后台挖掘加密货币的弹出窗口。 唯一的缓解措施是手动强制关闭浏览器的所有任务进程。 但是,也有一些可用的浏览器扩展程序可以直接阻止最常见的挖掘脚本。

可访问性

  • 设计和编码适合所有人的表格的最佳方法是什么? Adrian Roselli 分享了如何创建响应式、可访问的表格。
  • 这是 Marcy Sutton 重视为可访问性编写自动化测试的价值,以及为什么拥有这样的测试并不意味着我们不再需要进行手动可访问性工作。

CSS

  • Jonathan Snook 解释了我们如何使用 CSS Grid 构建日历布局。
  • 随着即将到来的 CSS 选择器 4 级规范,我们将获得一个类似于:matches:is伪选择器,但不会增加特异性。

JavaScript

  • Brian Kardell 写了一篇重要的文章,介绍了我们如何能够很快使用自定义元素作为通用原生元素的扩展。 这特别棒,因为我们不需要从头开始构建所有内容,而是能够通过自定义扩展原生元素,同时仍然继承原生元素的完整可访问性和可用性。 除此之外,此功能允许构建逐步增强的自定义元素。
  • 使用 JavaScript 中的现代工具实现容器查询? Ali Alaa 与 MutationObserver 分享了我们如何做到这一点。
  • Safari 在预览版本中已经支持动态 JavaScript import() ,Chrome 63 也将支持它。 Mathias Bynens 解释了这意味着什么以及我们如何使用它。 import()基本上是即时import ,让您仅在真正需要它们时才动态加载整个 JavaScript 模块。
  • Jake Archibald 解释了awaitreturnreturn await之间微妙但至关重要的区别,并给出了何时使用的提示。
使用 MutationObserver 进行媒体查询
如果您曾经希望媒体查询基于元素的宽度而不是整个视口,那么 Ali Alaa 的解决方法就是为您准备的。 (图片来源)

工作生活

  • “曾经有一段时间,你可以写几首诗,死于肺结核,并称其为过上美好的生活。” Quinn Norton 发表了一篇名为“反对生产力”的思想,讲述了我们所有人为提高生活生产力而进行的奇怪努力。
  • 詹姆斯·克利尔解释了为什么生活似乎总是变得更加复杂,以及我们可以做些什么来不感到不知所措。
  • 据《卫报》报道,许多雇主已经在使用一系列技术来监控员工的网络浏览模式、击键、社交媒体帖子甚至私人消息应用程序。 工作监督表明了公司对其员工的绝对不信任。 但是,如果您的雇主也这样做,您该怎么办? 最好的办法可能是和你的老板谈谈,你认为他们不重视你的工作,如果他们监视你,就好像他们不信任你一样。
  • Ryan Singer 分享了为什么只做敏捷是行不通的。 问题在于做错事、按照规范构建以及分心。 找到正确的事情来做,小心翼翼地做这些事情是真正的敏捷工作。 不要被数字和术语分散注意力,而是专注于重要的事情。
  • Alida Miranda-Wolff 提出了为什么“快速行动并打破事物”对人来说是一个坏主意的问题,因为那样被打破的“事物”就是一个人。 工作时间、工作中的快乐、成长的才能以及为什么容易追随有害模式的问题。
  • Dan Kim 分享了为什么他认为是时候结束定期会议,以便以一种不浪费时间但专注于需要讨论的重要事情的方式进行合作。 请求合理考虑定期会议。
围着圈跑
需要解决问题的工作就像一座小山。 Ryan Singer 解释了为什么敏捷在这种情况下不起作用。 (图片来源)

超越……

  • Scott Berkun 解释了为什么正确的改变常常让人感觉不对。 如果你能理解它,我建议你阅读这篇文章,因为它可以帮助你理解为什么我们会有这种感觉以及为什么这是自然的。
  • 伟大的 Do Lectures 系列背后的人们分享了他们推荐我们阅读的 2017 年的 100 本书。 虽然我无法阅读所有一百本书,但列表中有一些很棒的提示,可以作为一个不错的年终读物。
  • 在过去的几个月里,我阅读了越来越多来自社交媒体公司或曾经为社交媒体公司工作过的人的文章,现在谈论这些服务如何极大地促进了我们社会的分裂。 这是另一个显示错误信息问题的问题,受人工智能影响的汇总“时间表”只会让事情变得更糟,而不是统一社会和帮助人们。 虽然社交媒体有很大的价值,但大多数大型服务都存在一个潜在问题:为了争取更多收入和新功能,这些服务试图将人们的兴趣与人们的兴趣相匹配,但由于它们很好地匹配了兴趣而不是提供眼球——向用户开放、中立和客观的内容,使他们反映他们的观点和兴趣。

我们希望您喜欢这个 Web 开发更新。 下一个计划于 1 月 19 日举行。 敬请关注!