构建新手友好的代码库
阅读评论
- 使用命名约定，以便您可以学习一次并在任何地方应用
- 单向数据流。简化应用流程。
- 没有魔法数字。我还要补充一点，它们在 CSS 中更糟糕，因为它们既会导致混淆，又常常与尴尬或不正确的假设相关联。
- 使用数据结构。例如状态机。
- 测试所有内容
- 好的代码 > 好的注释
- 避免使用缩写
- 抓住机会重构
我们正在阅读并有一些想法的网络上的内容。有没有我们应该知道的链接？告诉我们！
使用 GSAP 构建可滚动和可拖动的时间轴
阅读评论
这是 Michelle Barker 在 Codrops 上的一个 超级优雅的演示，展示了如何使用 GSAP 构建可滚动和可拖动的时轴。将两种不同的交互（垂直滚动和水平拖动）绑定在一起并相互反应是一个有趣的挑战。我喜欢看到这一切都使用良好的语义标记完成，代码易于理解，抽象清晰，并且始终考虑可访问性。
可选链操作符、“现代”浏览器和我的妈妈
阅读评论
Jim Nielsen 的妈妈无法打开一个网站。 Jim 致力于确认问题并记录了他如何找到问题的根源
“[…] 好吧，它不可能是浏览器问题。我的妈妈又不是用 Internet Explorer！她的技术相对来说比较现代：iPad（Safari）和 Chromebox（Google Chrome）。”
但是我越想越觉得——一个在某些设备上可以运行但在其他设备上不能运行的网站——我越意识到这必须是浏览器问题。
所以我看了一下我父母电脑上的 Chrome 版本。76 版！我知道 2022 年我们已经到了 90 多版，所以我认为这是罪魁祸首。“我只需更新 Chrome 即可，”我想。
事实证明，你不能。
我们用什么隐喻构建 Web
阅读评论
Maggie Appleton 探讨了 Web 可能 建立在其上的首要隐喻：纸张。
纸质文档是 Web 的最初隐喻。[…]
您正在阅读的页面仍然模仿纸张。我们仍然称之为页面或 HTML文档。它遵循相同的排版规则和约定——白色背景上的黑色文本以及自上而下/自左至右的分层结构。
关于牦牛剃毛和 md-block，一个用于 Markdown 的新 HTML 元素
阅读评论
Lea Verou 创建了一个用于处理 Markdown 的 Web 组件。看起来已经有一些其他的组件了，但我同意 Lea 的观点，这是一个很好的轻 DOM 用例（与通常对 Web 组件非常有用的阴影 DOM 相反），而 Lea 的组件就是如此。输出是 HTML，所以我可以想象，您可以像页面上的任何其他类型一样对其进行样式设置，而不必处理阴影 DOM。我仍然觉得 阴影 DOM 的样式故事都很糟糕。
我们最喜欢的 2021 年 Chrome 扩展程序
阅读评论
我以前没听说过 Sarem Gizaw 列出的 大多数 2021 年最喜欢的 Chrome 扩展程序。以下是我对所有这些扩展程序的看法，除了那些与我关系不大的虚拟学习专用扩展程序。
为什么选择 Ember？
阅读评论
曾经有一段时间，我会将React、Angular 和 Ember作为三大主要 JavaScript 框架的通用分组。也许仅仅是因为 3 是一个不错的数字，随着时间的推移，它变成了React、Vue 和 Angular，这要归功于 Vue 在这些年来人气飙升。在我看来，Ember 一直有点像一个弱者，但不是因为它没有积极开发、没有提供出色的现代 Web 开发故事，或者没有强大的超级粉丝社区。
Melanie Sumner 构建了 这个闪屏页面，以提醒人们 Ember 仍然是一个引人注目的选择
Ember 是一个 JavaScript 框架，它提供了构建现代 Web 应用程序所需的一切。虽然有很多理由使用 Ember，但首要原因是：通过摆脱炒作周期，您将提高开发人员的生产力。
我想仅仅因为它 最初名为 Amber，并不意味着它就被困在琥珀里了。
机器学习的视觉介绍
阅读评论
仅 Stepanie Yee 和 Tony Chu 的 第一句话就非常棒
在机器学习中，计算机应用统计学习技术来自动识别数据中的模式。这些技术可用于进行高度准确的预测。
接下来是一个双栏“滚动叙事”网站，它在消除概念的神秘性方面做得非常出色。分类如何构建成决策树非常有道理。然后，您如何向其抛出新数据以及由于过拟合的概念而导致其可靠性降低，这听起来像是他们接下来要解决的问题。我相信它会涉及到校正模型，这对于准确性很重要，但也意味着存在纠正错误的机制。我总是想到 数学毁灭武器，其中多次明确指出，没有校正模型的算法可能非常危险¹。
出于某种原因，机器学习 (ML) 唤起了酷！电脑干得好！让我们用它！的反应，而人工智能 (AI) 则唤起了meh。含糊其辞的废话。归根结底，它都只是程序化的算法的反应。
CSS 自定义属性值中 !important 的意外行为
阅读评论
哈！我并不知道 CSS 自定义属性在如何处理其值中的!important方面有自己的解析行为。呃，尽管 写了一篇指南关于它们。😬 但嘿，它现在已经更新了。
Stefan Judis 清晰地记录了它。问题在于!important在最终值中根本没有使用。所以
div {
--color: red !important;
color: var(--color);
color: yellow;
}