网络

如何修复累积布局移位 (CLS) 问题

Google 的 Core Web Vitals 计划席卷了 SEO 和 Web 性能领域,许多网站都在忙于优化他们的页面体验以最大化排名因素。 Cumulative Layout Shift 指标给很多网站带来了麻烦,所以让我们看看解决该指标的任何问题的方法。

阅读更多

提高在线商店的性能(案例研究)

对于任何网站来说,从 Google 获得良好的性能分数都很难——但对于在线商店来说,做到这一点就更难了。 我们取得了绿色分数——甚至在移动方面取得了好几个分数。 这是我们如何做到的。

阅读更多

向所见即所得编辑器添加评论系统

在本文中,我们将重新使用在第一篇文章中构建的基础 WYSIWYG 编辑器,为 WYSIWYG 编辑器构建一个评论系统,使用户能够选择文档中的文本并分享他们对它的评论。 让我们深入挖掘!

阅读更多

对前端开发人员有用的 VS 代码扩展

满足对 Web 开发人员有用的 Visual Studio Code 扩展:小帮手,可最大程度地减少减速和挫折,并在此过程中促进开发人员的工作流程。 具有自动日志消息、自动代码格式化、文件实用程序、文件标签、代码片段、高亮括号、标签、缩进和工作区、入职和远程 SSH。

阅读更多

如何使用 Editor X 构建和启动强大的响应式网站

虽然 Web 构建器已经存在了很长时间,但直到最近它们才真正用于专业用途。 缩小设计和代码之间的差距已成为许多公司的北极星,我们看到了一波兑现这一承诺的工具。

阅读更多

可访问的 SVG:屏幕阅读器用户的完美模式

在比较操作系统、浏览器和屏幕阅读器的不同组合时,了解我们应该避免哪些 SVG 模式以及哪些模式最具包容性。

阅读更多

使用 Git 解决错误的指南(第 2 部分)

错误。 这些残忍的恶棍甚至没有停留在美丽的软件开发世界。 但是,虽然我们无法避免犯错,但我们可以学会撤消它们! 这篇文章将展示你日常使用 Git 的正确工具。

阅读更多

一种减少字体加载影响的新方法:CSS 字体描述符

Web 字体通常对 Web 性能很不利,并且没有一种字体加载策略能特别有效地解决这个问题。 即将推出的字体选项可能最终会兑现使后备字体与最终字体更容易对齐的承诺。

阅读更多

CSS 容器查询:用例和迁移策略

CSS 容器查询使媒体查询更接近目标元素本身,并使它们能够适应几乎任何给定的容器或布局。 在本文中,我们将介绍 CSS 容器查询的基础知识,以及如何将它们与渐进式增强或 polyfill 一起使用。

阅读更多

构建富文本编辑器 (WYSIWYG)

让我们构建一个富文本、所见即所得的编辑器,它支持富文本、图像、链接和来自文字处理应用程序的一些细微差别的功能。 我们将使用 SlateJS 构建编辑器的外壳,然后添加工具栏和自定义配置。

阅读更多