HTML无法彻底加密，但可通过五种方式提升防护：一、禁用右键与文本选择；二、混淆HTML结构与内联内容；三、服务端动态渲染；四、添加不可见水印与DOM变动检测；五、启用SubresourceIntegrity与CSP策略。

display:none彻底移除元素，不占空间、不响应事件；visibility:hidden仅透明化，仍占布局位置且子元素可能溢出；hidden属性轻量但无过渡、选择局限；无障碍需用sr-only等视觉隐藏技巧。

Esc键是最可靠退出方式，浏览器原生支持且不受JS卡死影响；F11无效于视频全屏；脚本退出需兼容处理；鼠标悬停无反应可双击或右键；刷新页面可重置全屏状态。

CSS通配符选择器（*）是一种全局样式控制工具，适用于初始化样式、调试和统一布局行为。1.它能匹配所有元素，包括伪元素，常用于CSSReset操作，如设置统一盒模型；2.可用于快速调试，如添加红色边框以查看元素边界；3.但存在性能问题，尤其在复杂页面中影响渲染速度；4.因其低特异性，易被其他选择器覆盖，导致样式冲突；5.使用时可能产生副作用，如误改表单元素默认样式或上线未删除的调试样式；6.更推荐使用body/html选择器、CSS变量、继承机制或预处理器实现更可控的全局样式管理。

目前JavaScript中尾调用优化仅Safari支持，其他主流浏览器及Node.js均未实现，深层递归仍会导致栈溢出，建议改用循环或记忆化等技术确保兼容性。

JavaScript数组常用方法分遍历（不改原数组）和修改（改原数组）两类：forEach、map、filter、find、some、every用于读取或生成新数据；push、pop、splice、sort等直接操作原数组；组合技巧如Set去重、flat扁平化、reduce求和提升开发效率。

事件循环每次清空调用栈后先执行所有微任务（Promise.then、queueMicrotask等），再执行一个宏任务（setTimeout、requestAnimationFrame等）；微任务按入队顺序执行且不可中断，宏任务每次仅取一个。

HTML4不支持WebSocket，因其是HTML5特性；需现代浏览器（IE10+等）、WebSocket服务端及wss://协议；须手动实现心跳重连、降级方案，并注意二进制数据处理与资源清理。

border-radius生效但图片圆角不显示的主因是父容器未设overflow:hidden，导致图片溢出不被裁剪；其次需排查transform、will-change、object-fit:none及iOS渲染兼容性问题。

JavaScript继承推荐使用ES6classextends，其底层基于原型链；手动实现最优方案是寄生组合继承，用Object.create优化组合继承的重复调用问题。

JavaScript中获取数组长度最直接的方法是使用length属性，它返回数组元素个数且访问效率为O(1)；2.length属性可读可写，修改它能截断或扩容数组，但减小会不可逆丢失元素，增大则产生空位；3.对于类数组对象（如arguments、NodeList），也可通过length属性获取长度，但需用Array.from()转换为真正数组才能使用数组方法；4.Set和Map等集合类型没有length属性，应使用size属性获取其元素数量。因此，应根据数据结构类型选择length或size来获取长度。

本文详解如何通过jQuery实现基于主分类（category）动态筛选子分类（subcategory）的下拉联动，并确保<select>表单提交时能同时携带categoryID和subcategoryvalue，解决因误用$(this).data()导致子选项无法正确加载的问题。

背景色叠加变暗的本质是子元素遮盖父元素导致背景裁剪，或半透明背景使父背景透出形成混合效果；误用多层background、opacity或跨主题复用rgba值会加剧该问题。

JavaScript内存泄漏主因是意外保留对象引用，闭包和定时器最危险；DOM引用未清理、全局变量及console.log也会导致泄漏；应合理使用WeakMap、及时清除定时器与事件监听器，并用DevTools分析引用链。

最基础方式是创建my-website主文件夹及html、css、js子文件夹，将对应文件分类存放；在index.html中用../路径引用css/style.css和js/main.js；CSS与JS需按规范编写并确保编码与执行时机正确；通过LiveServer等本地服务预览调试。