npm

Sentry 能有效追踪前端异常，通过集成 SDK 可自动捕获 JavaScript 错误与未处理的 promise 拒绝，结合 source map 还原压缩代码堆栈，支持按环境、版本标记问题，并提供用户行为、HTTP 上下文等信息辅助定位，配合手动上报与自定义上下文（如用户信息、页面状态），提升…

现代前端通过JavaScript实现AJAX请求，主要方式有三种：1. XMLHttpRequest兼容性好，适合老旧浏览器；2. Fetch API基于Promise，语法简洁，适合现代浏览器；3. axios功能强大，支持拦截、自动转换JSON，适合复杂项目。应根据项目需求和兼容性选择，并注重错…

前端可通过qrcode.js生成二维码，结合jsQR调用摄像头实现扫码识别，应用于登录、签到、分享等场景，提升交互效率；需注意性能优化、安全验证与隐私保护，确保功能稳定可靠。 二维码在现代前端项目中应用广泛，从扫码登录、支付入口到信息分享和设备绑定，都离不开它的支持。掌握如何在前端生成和识别二维码，…

本教程旨在指导开发者在nestjs与typeorm应用中，实现用户密码的自动哈希处理。我们将探讨如何利用typeorm的实体生命周期钩子`@beforeinsert()`，结合`bcrypt`库，在用户模型持久化到数据库之前，自动将明文密码转换为安全的哈希值，从而简化开发流程并增强应用安全性。 核心…

本文旨在解决MathJax在JavaScript动态更新DOM内容后无法正确渲染数学公式的问题。核心在于理解MathJax的初始渲染机制，并学习如何在内容变更后，通过调用`MathJax.typeset()`函数，显式通知MathJax重新扫描并排版DOM，确保动态插入的数学表达式能够正确显示。 M…

day.js的`diff`方法在计算跨午夜时间段（如20:00到次日02:00）的小时差时，默认会将所有时间视为同一天，导致结果不准确。本教程将介绍如何通过判断起始时间是否晚于结束时间，并在必要时为结束时间增加一天，从而确保正确计算出跨日时间段的实际小时数。 理解 Day.js 的时间差计算 Day…

本文旨在解决Bootstrap 5中Toast组件不显示的问题，即使开发者工具未报错。核心原因在于bootstrap.Toast构造函数初始化时，错误地选择了Toast的父容器而非Toast组件本身。我们将详细讲解Toast的正确HTML结构，并提供精确的JavaScript初始化方法，确保Toas…

本文探讨了在使用javascript动态修改html内容（如通过`innerhtml`）时，mathjax数学公式无法自动渲染的问题。核心解决方案是在dom内容更新后，显式调用`mathjax.typeset()`函数，以通知mathjax重新扫描并渲染页面中的数学表达式。 MathJax简介与动态…

本文探讨了使用 playwright 提取浏览器可访问性树（accessibility tree）的挑战，并指出 `page.accessibility.snapshot()` 方法的局限性及其已弃用状态。针对现代 web 可访问性测试需求，文章推荐并详细介绍了如何利用 `@axe-core/pla…

本文旨在探讨如何使用 playwright 进行无障碍性（accessibility）测试。我们将解析 playwright 内置无障碍性快照功能的局限性及其弃用状态，并重点推荐使用行业标准工具 `@axe-core/playwright` 作为获取和验证网页无障碍性树（accessibility …