JavaScript近期更新 - JavaScript动态及教程 - 第17页

全部 HTML/CSS JavaScript jQuery Node.js XML/XSL Vue.js React.js Webpack TypeScript

把两个带async属性的脚本先后写进页面，常会看到后请求的接口先返回、依赖对象未定义报错。这源于浏览器并行下载且不保证执行顺序的底层机制。若脚本A提供全局工具、脚本B调用它，网络波动就可能让B先跑。靠人为调整标签顺序无效，需用动态加载器按依赖链串行插入，或改为ES Mod...

栏目：JavaScript 时间：07-31 async_script race_condition script_loading

如何使用CxJS为onWheel事件添加主动监听器？

滚动交互里wheel事件常被框架默认忽略或延迟处理，导致缩放与横向滚动失灵。CxJS通过widget的attachEvent与controller主动绑定机制，可在组件初始化阶段直接向DOM节点注册onWheel监听器，绕开模板被动声明限制。相比在HTML写内联属性，主动监听器能拿到完整事件对象并调用preven...

栏目：JavaScript 时间：07-31 CxJS onWheel 事件监听

SvelteKit 中路由跳转前如何实现确认提示避免误操作？

在后台管理或表单编辑页面，用户填写一半内容却误触链接导致数据丢失是高频痛点。SvelteKit 提供了 beforeNavigate 这一导航钩子，能在路由切换前拦截并弹出确认框。它与传统框架的全局守卫不同，既可写在 +layout.svelte 中统一管控，也能在单个页面内局部注册。通过返回一个布...

栏目：JavaScript 时间：07-31 SvelteKit 路由守卫 beforeNavigate

如何使用 Generator 函数和 yield 关键字实现一个复杂的状态机？

传统状态机常用 switch 或查表法维护流转逻辑，状态一多就容易嵌套混乱。Generator 函数配合 yield 能把每个状态写成顺序代码，运行时靠 next 暂停和恢复。本文说明如何用 function* 定义状态、用 yield 等待外部输入、用返回值表达转移，并给出订单流转示例。相比有限状态机...

栏目：JavaScript 时间：07-31 Generator yield 状态机

Azure Blob 存储 SAS 令牌怎么生成才安全，签名错误该如何快速排查？

签名不匹配是调用 Azure Blob 存储时最常见的拒绝访问原因。SAS 令牌依赖字符串到签名密钥的 HMAC 计算，任何资源路径、权限或过期时间的偏差都会让服务端校验失败。本文先说明服务端与客户端签名生成的对应规则，再给出用 Azure SDK 构造用户委托 SAS 与共享密钥 SAS 的示...

栏目：JavaScript 时间：07-31 Azure_Blob_Storage SAS_token signature_error

如何用JavaScript实现网页颜色主题切换功能？

深色模式已成为主流产品的标配，但不少项目仍把主题样式写死在CSS里，导致切换时要重写大量规则。其实借助CSS自定义属性配合少量JavaScript，就能用一套结构同时驱动浅色与深色界面。核心思路是在根节点定义--bg、--text等变量，通过document.documentElement.style.setProperty...

栏目：JavaScript 时间：07-31 JavaScript 颜色主题切换 CSS变量

如何在Angular中利用HttpParams动态构建多查询参数实现灵活过滤？

后端接口常要求前端按多个可选条件拼接查询字符串，手写字符串既易错又难维护。Angular的HttpClient配套工具HttpParams采用不可变设计，每次调用set或append都会返回新实例，可避免意外修改原参数。借助它，我们能以声明式方式收集表单值、剔除空字段，再传给get方法。相比字符串...

栏目：JavaScript 时间：07-31 Angular HttpParams 动态过滤

p5.js动画出现残影该怎么消除？background()函数的工作原理与用法解析

在p5.js里画出移动图形后，画布上常会留下上一帧的痕迹，这种现象叫动画残影。其根源在于draw函数默认不会清空画布，每一帧的新内容直接叠在旧图像上。background()函数的作用是在每帧开始时用纯色覆盖整个画布，从而擦除历史像素。如果漏写这行代码，或者把背景色设成带透明通道...

栏目：JavaScript 时间：07-31 p5.js background_function animation_trail

JavaScript字符串分割技巧：如何精确处理带空格的分隔符场景？

在解析日志文本或处理用户输入时，连续空格、首尾空格常让split方法产出空字符串元素。直接调用split(' ')会把多个空格当成多个分隔点，导致数组中出现无意义的空项。如果配合正则split(/\s+/)虽能合并空白，却又可能保留开头的空串。本文从底层匹配逻辑讲清字符串遍历与捕...

栏目：JavaScript 时间：07-31 JavaScript 字符串分割空格分隔符

JavaScript中return是如何结束生成器函数的执行的

生成器函数遇到return语句时会立即终止迭代，此时迭代器返回的done属性变为true且value为return后面的值。不少初学者误以为生成器只能靠yield暂停，其实return能在内部逻辑满足某条件时主动结束整个函数。与yield不同，return之后再次调用next将始终得到done为true的结果，不会...

栏目：JavaScript 时间：07-31 JavaScript Generator return

如何通过 Web Authentication API 实现基于生物识别的无密码登录？

把密码交给指纹或面容，安全性反而更高吗。Web Authentication API 用非对称加密替代了传统的账号密码体系，注册时浏览器生成一对公私钥，私钥留在设备安全区，公钥传回服务器。登录时服务器发随机挑战，设备用私钥签名后回传，服务器用公钥验签即可确认身份。相比短信验证码，这种方...

栏目：JavaScript 时间：07-31 Web_Authentication_API 生物识别无密码登录

React useState异步并发更新失效怎么回事，如何用函数式更新解决？

在批量事件处理中连续调用 setState 时，状态往往只保留了最后一次赋值，导致计数器少加、表单字段被覆盖。其根本原因是异步渲染下多个更新共用同一快照，后续写入直接丢弃前序变更。函数式更新把旧值作为参数传入，每次计算都基于最新状态，从机制上规避了竞争。本文结合代码示例...

栏目：JavaScript 时间：07-31 React useState 函数式更新

怎样在JavaScript中实现排序算法可视化？

把冒泡排序每一步的数组状态画出来，比干看代码更容易理解算法逻辑。实现思路是用一个数组保存待排序数据，在每次交换或比较时记录快照，再用DOM或Canvas把快照渲染成柱状图。相比单纯console.log，可视化能直观展现时间复杂度和数据移动过程。核心是将算法执行与渲染解耦，通过回...

栏目：JavaScript 时间：07-31 JavaScript 排序算法数据可视化

如何使用JavaScript构建工具Rollup进行配置与插件开发？

Rollup是常用的JavaScript模块打包工具，适合构建库文件。很多开发者想知道如何配置Rollup以及怎么自己写插件。本文介绍Rollup基础配置文件写法，包括入口输出和常用插件使用。同时讲解Rollup插件的基本结构，通过钩子函数控制打包流程。还会给出一个简单插件示例，帮助理解如何...

栏目：JavaScript 时间：07-31 JavaScript rollup plugin_development

Highcharts数据视图中分类列头如何翻译才正确

在使用Highcharts生成图表时，很多开发者会开启数据视图功能方便用户查看原始数据。但默认情况下，分类轴对应的列头直接显示原始字段名或分类值，往往不符合业务系统的中文展示需求。本文围绕Highcharts数据视图中分类列头翻译这一常见痛点，介绍通过配置项与回调函数相结合的方...

栏目：JavaScript 时间：07-31 Highcharts 数据视图分类列头翻译

Prisma查询未返回Schema中指定的数组该如何解决与避免

在使用Prisma进行数据库开发时，不少开发者遇到过查询结果与Schema定义不一致的问题，尤其是本应返回数组的字段却只拿到单个对象或者空值。这种情况通常和关系字段配置、include写法、数据库实际数据以及Prisma Client生成方式有关。本文围绕该问题梳理常见触发原因，比如一对...

栏目：JavaScript 时间：07-31 Prisma Schema 数组查询

如何在JavaScript中动态替换复杂嵌套对象里的特定Section？

在前端开发中，我们经常会遇到结构非常复杂的嵌套对象，比如配置树、表单模型或者接口返回的深层数据。有时只需要把其中某个特定Section的内容替换掉，而不影响其他字段。直接赋值容易写错路径，用浅拷贝也会漏掉深层引用。本文介绍几种实用方法，包括点路径解析、递归遍历与不可...

栏目：JavaScript 时间：07-31 JavaScript 嵌套对象动态替换

如何在 Pug 模板中正确使用和访问 HTML data-* 属性

很多前端开发者在使用 Pug 模板引擎时，不清楚怎么写和读取 HTML 的 data-* 属性。其实 Pug 支持直接在标签后写键值对来生成这类属性，也能在编译后页面里通过 JS 访问。本文讲清楚书写语法、动态绑定方法以及后端取数的常见做法，帮你避开属性不生效或取值为空的坑，让模板写起...

栏目：JavaScript 时间：07-31 Pug data__attributes HTML

Go Web 应用中如何通过 AJAX 提交下拉选择项？

在 Go 语言开发的 Web 应用里，经常需要把页面上的下拉选择项通过 AJAX 方式提交到后端处理。很多初学者不清楚前端怎么获取选中的值，也不了解 Go 后端如何接收并解析请求。本文围绕这个常见需求，介绍前端使用原生 JavaScript 监听下拉框变化并发送异步请求的方法，同时说明 Go...

栏目：JavaScript 时间：07-31 Go AJAX Dropdown

什么是WebRTC的DataChannel，以及它如何通过JavaScript实现点对点的实时数据传输？

很多开发者在构建实时通信应用时都会遇到浏览器之间直接传数据的问题。WebRTC的DataChannel就是为此设计的，它能在两个终端之间建立点对点的数据通道，不依赖服务器中转，适合传文本、文件或游戏指令。本文介绍DataChannel的基本概念，并说明如何用JavaScript配合RTCPeerConnect...

栏目：JavaScript 时间：07-31 WebRTC DataChannel JavaScript

JavaScript中如何生成UUID？有哪些常用方法和注意事项

在前后端开发中经常需要生成唯一标识符，UUID是常见选择。很多开发者想知道JavaScript中如何生成UUID。本文介绍使用crypto randomUUID方法、基于Math random的简单实现以及第三方库等方式，并说明各方法在浏览器与Node环境下的兼容性、安全性和性能差异，帮助你在项目中正确生...

栏目：JavaScript 时间：07-31 JavaScript UUID 随机数

JavaScript错误上报后如何借助Source Map解析还原原始代码位置？

前端项目上线后代码通常经过压缩混淆，报错信息里的行列号对应不了源码。JavaScript错误上报能采集运行时异常，但拿到的是压缩后位置。Source Map记录了转换前后映射关系，可把报错点还原到开发时书写的文件与行号。本文说明错误上报流程、Source Map生成配置、服务端或前端解...

栏目：JavaScript 时间：07-31 JavaScript错误上报 source_map 代码还原

如何用Clipboard API复制文本？

很多网页应用需要让用户一键复制文本内容，比如复制邀请码或链接。过去常用document.execCommand来实现，但已被弃用。现代浏览器提供了Clipboard API，通过navigator.clipboard对象可以更安全方便地读写剪贴板。它基于Promise，能在用户授权后异步复制文本，支持HTTPS环境。使用wr...

栏目：JavaScript 时间：07-31 Clipboard_API JavaScript 文本复制