-
JavaScript通过CanvasAPI和TensorFlow.js等库实现图像处理与计算机视觉，支持灰度化、反色、二值化等基础操作及实时图像识别。
-
本文详解如何通过CSS初始隐藏元素，并结合JavaScript的style.display实现点击切换显隐效果，解决因未设置初始display:none导致内容始终可见的问题。
-
操作浏览器地址栏的核心在于window.location对象及HistoryAPI。1.window.location提供了读取和修改URL的功能，其属性如href、protocol、host等可获取或设置URL各部分，方法如assign()、replace()、reload()能实现页面跳转或重载；2.修改URL参数而不刷新页面可通过history.pushState()和history.replaceState()实现，前者添加新历史记录条目，后者替换当前条目；3.URLSearchParams用于安
-
JavaScript响应式设计需结合resize节流与matchMedia：先用throttle控制resize高频触发，再用matchMedia精准监听断点变化，并在初始化和卸载时分别执行与清理。
-
:disabled伪类可直接为原生表单控件（button、input等）设置禁用样式，无需JS，属性变化即生效；需配合opacity、cursor等增强辨识度；非原生元素需自定义类名+pointer-events+aria-disabled。
-
ArrayBuffer用于底层内存操作，需通过视图读写，适合精细控制；Blob为不可变二进制对象，常用于文件传输。1.ArrayBuffer是固定长度的二进制缓冲区，通过TypedArray或DataView访问数据，适用于WebAssembly、WebSocket等场景。2.Blob表示不可变的原始二进制数据，可指定MIME类型，常用于文件上传下载、canvas导出图片。3.两者可相互转换：ArrayBuffer转Blob使用newBlob([buffer])，Blob转ArrayBuffer调用blo
-
JavaScript的sort()默认按字符串Unicode码点排序而非数值大小，需传入比较函数实现数值或对象属性排序，且为原地稳定排序（ES2019起），建议拷贝数组再排序以避免修改原数组。
-
CSS通过“选择器-属性-值”模式控制网页样式，核心包括盒模型（content、padding、border、margin）影响元素空间与定位，display属性（flex、grid）实现现代布局；文本与颜色属性提升视觉表达；结合媒体查询与相对单位（rem、vw、vh）实现响应式设计。
-
:hover伪类可作用于任意元素但需兼顾兼容性与可访问性，background-color需配合background简写覆盖图像，transition应限定属性并写在基础样式中，优先级取决于选择器特异性而非伪类本身。
-
:hover背景色不生效？1.检查选择器是否正确，确保类名或标签名匹配；2.用开发者工具查看样式是否被覆盖，如有则提高优先级或加!important；3.清除背景图或用background简写；4.确保元素可见且未被遮挡，避免display:none等问题。
-
box-shadow动画必须使用数值型参数，inset等关键字无法渐变，多层阴影需严格保持参数结构一致，否则动画失效或卡顿；推荐用filter:drop-shadow()替代以提升性能和兼容性。
-
JavaScript无法直接读写本地文件系统，需通过FileAPI在用户主动选择文件后读取内容、获取元信息或配合BlobURL实现预览下载；核心是用户触发与浏览器沙箱内处理。
-
Mongoose中定义了ref的字段（如student、subject、classroom）不会自动展开为实际数据，必须显式调用.populate()才能获取被引用文档的完整内容。
-
若HTML源码被混淆，可通过五种方法解析：一、追踪JS执行流程并查看渲染后DOM；二、提取并手动执行嵌入式解密逻辑；三、禁用JavaScript查看原始响应；四、用抓包工具捕获未加密HTTP响应；五、反编译分析WebAssembly解密模块。
-
XMLHttpRequest需校验readyState===4且status>=200，fetch应配合AbortController实现超时控制，DOM更新须防XSS、事件丢失及内存泄漏，实际项目需统一处理loading、错误与防重提交。
