-
JavaScript无内置安全边界，所有安全依赖开发者对环境、数据流和信任边界的清醒认知；浏览器中JS仅有沙箱限制而非特权，易受XSS、CSRF等攻击，需严格防范输入、凭证、第三方脚本及CSP配置。
-
JavaScript所有对象都必然参与原型链，这是语言底层机制决定的；空对象能调用toString是因为其[[Prototype]]默认指向Object.prototype，引擎沿链向上查找方法。
-
JavaScript表单验证前端仅辅助体验，后端强制验证才有效；onsubmit绑定需确保是submit事件而非click，preventDefault()仅在失败时调用；checkValidity()和reportValidity()局限明显，复杂规则须自定义；验证时机应分层：blur验格式、input轻量标记、submit统一对异步等场景处理。
-
SSM框架通过配置静态资源映射和控制器实现HTML页面访问。首先，将HTML文件置于webapp/static/目录下；接着，在spring-mvc.xml中添加<mvc:resources>和<mvc:default-servlet-handler>以启用静态资源访问；然后，可通过浏览器直接访问如/static/index.html，或在Controller中使用return"redirect:/static/index.html"跳转；也可用@Respons
-
HSL比HEX/RGB更容易记住颜色，因其将颜色拆解为直觉化的色相（h）、饱和度（s）和亮度（l）三个维度，支持定向微调与语义化衍生。
-
基础色是UI骨架，如primary、neutral等语义化变量；辅助色为特定功能服务，如link、border、shadow，需按用途分层声明，避免混用导致维护混乱。
-
应避免在循环中重复计算数组长度、滥用事件监听器、用try...catch包裹高频代码：需缓存length、用事件委托替代单元素绑定、移除非必要try...catch以提升V8性能。
-
使用transform和animation可实现高性能平滑平移动画。1.translate()位移不触发重排，优于left/margin；2.@keyframes定义动画关键帧，支持from/to或百分比；3.animation属性绑定动画，设置时长、缓动、循环等；4.示例中alternate实现往返移动。推荐用于按钮、加载、轮播等场景。
-
按钮点击后文字消失但loader不显示，根本原因是DOM渲染与CSSdisplay切换不同步；应改用CSS类控制可见性、确保loader为按钮子元素且正确对齐，并通过disabled属性防重复提交。
-
JavaScript继承无统一标准，ES6class+extends最常用且推荐；手动原型链适用于老环境；组合继承最稳妥但有冗余；应优先考虑组合而非过度继承。
-
:disabled伪类仅匹配原生表单控件的disabled属性，不支持div等非表单元素或aria-disabled；需用class模拟非表单禁用，并配合tabindex="-1"和aria-disabled="true"保障可访问性。
-
渐变背景无法直接过渡因linear-gradient为图像值；2.可用伪元素结合opacity实现淡入淡出效果；3.通过background-position变化模拟渐变流动；4.利用CSS变量配合JS控制渐变参数。核心是绕开对渐变值的直接过渡，用多层叠加或位置变化模拟动态效果。
-
使用语义化标签如header、nav、main等明确内容结构，结合BEM类名规范和合理嵌套层级，提升代码可读性与维护性，辅以ARIA增强可访问性，降低重构成本并提高团队协作效率。
-
通过合理设置word-wrap和white-space属性，可确保文本在不同屏幕尺寸下正常换行。1.使用word-wrap:break-word防止长单词溢出；2.选择white-space:normal或pre-wrap以控制空白和换行；3.推荐组合使用word-wrap:break-word与white-space:pre-wrap，兼顾格式保留与响应式换行，提升文本可读性和布局稳定性。
-
HTML无法自动命名PDF，浏览器打印时文件名由<title>决定但不可控；JS截图方案（html2canvas+jsPDF）可自定义名称但质量差；服务端生成才是可靠方案，支持真自动命名与语义化PDF。
