Web开发


Web 图标库选型指南:当前最受欢迎、好看又好用的 Icon 推荐及选型策略

在现代 Web 开发中,Icon图标的选择至关重要,它直接影响项目的体积、渲染性能、设计一致性以及维护成本。盲目选择或混用不同风格的图标库可能导致视觉风格不统一,影响用户体验。 本指南整理了当前社区口碑好、活跃维护、且兼具“好看 +

当前最受欢迎、好用又好看的8大CSS框架推荐

当前最受欢迎、好用又好看的8大CSS框架推荐

在这个前端框架“卷到天际”的时代,你想找一套好看、好用、不会踩雷、还能让项目稳稳上线的 CSS 方案,几乎比挑副业更难。下面这 8 个 CSS 框架,我敢说无论你做博客、后台、产品站还是交互复杂的应用,都能找到“即插即用”的最佳搭档。

如何在 HTML 页面中正确显示原始代码?深入理解 HTML 转义字符(附在线转义工具推荐)

在日常前端开发、编写技术博客或构建在线教程平台的过程中,经常会遇到一个问题:如何在 HTML 页面中显示代码本身而不是被浏览器解析

比如你想展示 <div><script>&nbsp; 等标签或符号,但页面却直接把它当 HTML 执行了。这种时候,就需要用到 HTML 转义字符 或更合理的代码展示方式。

这篇文章将系统讲解:

  • 什么是 HTML 转义字符
  • HTML 转义的适用场景和不适用场景
  • 如何更优雅地展示 HTML 原始代码
  • 常用 HTML 实体符号对照表
  • 实用的 HTML 转义在线工具推荐

JSON-LD 完全指南:从入门到精通

JSON-LD(JSON for Linked Data)是一种基于 JSON 格式的结构化数据标记语言,可以帮助搜索引擎和其他应用程序更好地理解网页内容。它的核心作用是通过语义化的标记,为网页内容添加机器可读的元数据,从而提升搜索引擎的理解能力、提升 SEO 表现优化搜索结果的展示效果,并支持语音搜索、AI 助手等技术。

JSON-LD 多语言支持详解:如何同时描述多种语言

在 Web 应用开发中,多语言支持是一个重要的需求,尤其是对于国际化网站或应用。JSON-LD(JSON for Linked Data)作为一种结构化数据标记语言,提供了多种方式来实现多语言支持。本文将详细介绍如何在 JSON-LD 中同时描述多种语言的内容,帮

什么是MobX Store?有何用途?前端数据状态管理从入门到实践

从零开始学 MobX Store:简化 React 数据管理

你是否遇到过这样的业务需求:在开发网页时,需要在多个不同的地方共享和修改同一个数据?比如用户的登录状态、购物车商品数量,或者一个弹窗的显示/隐藏状态?这种场景使用 MobX Store 也许会是一个不错的解决方案。

本文用最简单的方式,一步步理解什么是 MobX Store,以及如何使用它。

解决 Yarn Build 报错:digital envelope routines::unsupported 完整指南

在使用 yarn run build 命令构建项目时,可能会遇到以下错误:

Error: error:0308010C:digital envelope routines::unsupported

这个错误通常出现在使用较新版本的 Node.js(通常是 Node.js 17 及以上版本)时,因为这些版本默认使用了更新的 OpenSSL 3.0,而一些旧的加密算法在新版本中被标记为不安全并默认禁用。

如何在 JavaScript 中实现文本复制到剪贴板

在 Web 开发中,允许用户快速复制文本到剪贴板是非常常见的需求,比如在用户点击按钮后,将文本自动复制到剪贴板。clipboard.js 提供了一个简单、高效的解决方案来实现这一功能。本文将介绍如何使用 clipboard.js 在你的项目中复制文本到剪贴板,避免依赖冗长的步骤或笨重的插件。

Jamstack 架构下静态站点生成器的最佳选择:Hugo 与 Eleventy 的全面比较

现在的 web 开发中,越来越多的网站选择基于 Jamstack 架构的静态站点生成器(SSG)来提升性能、安全性和扩展性。Jamstack 架构通过将请求处理和构建过程分开,让网站的构建和加载速度显著提升。然而,面对市场上众多的静态站点生成器,如何选择最适合的工具成为一个重要问题。