-
根本原因是事件监听未绑定到form元素的submit事件上；必须用addEventListener监听form的submit事件并同步调用event.preventDefault()，且提交按钮应设为type="button"以防回车触发表单。
-
使用JavaScript和Canvas可实现图片滤镜，通过getImageData获取像素数据并修改RGB值，再用putImageData渲染；常见滤镜包括灰度、反色和亮度调整，需注意性能与跨域问题。
-
用记事本写HTML需注意：文件名必须为index.html（小写），编码选UTF-8（无BOM）；必备四要素——<!DOCTYPEhtml>、<htmllang="zh-CN">、<head>中<metacharset="UTF-8">（在<title>前）、非空<body>；本地双击打开用file://协议，图片用相对路径，JS模块需本地服务；验证用W3C校验器。
-
HTML嵌套是具有明确父子关系的树状结构，错误嵌套会导致浏览器自动修正、样式失效或JS无法选中元素；<p>仅允许嵌套行内元素，不可嵌套块级元素。
-
JavaScript类中方法的this丢失本质是函数单独调用时上下文丢失；常见于回调传递、解构赋值、异步操作三类场景，可通过箭头函数、bind绑定、类字段语法等方案解决。
-
HTML通过浏览器解析实现页面展示，首先请求HTML文件，解析生成DOM树，同时加载CSS形成CSSOM，二者结合构建渲染树，再经布局、绘制和合成最终呈现页面。
-
闭包是函数与其词法环境的组合，天然支持数据隐藏和完整性校验；通过封装私有状态、内聚校验逻辑、配合WeakMap模拟私有字段，提升前端代码健壮性与意图清晰度。
-
本文介绍一种轻量级、无需后端的前端方案，帮助非编程人员快速为模板代码添加“关键词动态替换”功能：用户输入新词，点击按钮即可批量替换模板中所有指定关键词（如CHARACTER），并实时显示结果。
-
:valid伪类仅对具备原生校验机制的表单元素生效，需含required、语义化type（如email/number）或pattern；空值在非required字段中默认valid，但type="email"为空时为invalid；状态由浏览器实时计算，不响应JS直接改value；兼容现代浏览器但不支持IE；不可替代业务或后端校验。
-
HTML5网页发布关键在于路径正确、服务可用、域名可达；GitHubPages需严格遵守仓库名和分支规则，Vercel/Netlify需配置路由回退，FTP部署须注意路径、大小写与权限，调试优先查Network面板。
-
使用type="password"可创建密码输入框，通过小眼睛图标用JS切换显示隐藏，结合HTTPS、长度限制和确认框提升安全与体验。
-
Leaflet地图嵌入HTML需三步：①为map容器设宽高；②按序引入leaflet.css、leaflet.js并确保DOM就绪后初始化；③检查瓦片URL、referer限制及坐标系匹配。
-
拖动地图内存持续上涨主因是事件监听器未清理，需在组件卸载时调用map.remove()及off()解绑，并限制瓦片并发请求、避免强制GPU加速。
-
JavaScript中Math对象提供静态方法处理数学计算，不可实例化；round、floor、ceil、trunc对负数行为不同；开方幂运算优先用Math.sqrt/Math.pow；random需手动缩放且不安全；所有方法均受IEEE754浮点精度限制。
-
Next.js13的error.tsx和not-found.tsx并非全局拦截器，而是基于ReactErrorBoundaries和路由层级的特殊组件；它们无法捕获事件处理器（如onClick）中抛出的同步错误，需通过状态驱动+useEffect触发异常才能被正确捕获。
