-
表单防篡改的核心在于服务器端验证，前端措施仅能优化体验而无法保障安全。通过CSRF令牌防止伪造请求，结合HMAC签名验证关键数据完整性，确保表单提交的可信性。服务器必须对所有输入进行严格校验与净化，防止恶意数据入库。同时，通过日志记录、错误提示、幂等性处理和限流风控等机制，全面应对异常提交，构建多层次、以服务器为中心的防护体系。
-
Symbol的原始值恒等性指每次调用Symbol()都生成全新不可复用的值，===仅认同一实例，不比较描述字符串，以此确保属性名隔离防冲突。
-
虚线撕裂效果需用linear-gradient模拟可控锯齿，因原生dashed渲染不一致、打印易失效；水平撕裂用repeat-x梯度，垂直/弧形边缘用radial-gradient拼接，并须在@mediaprint中重写背景、避免outline/box-shadow、设明确高度。
-
PriorityExecutor是可控异步调度器，需用WeakMap管理AbortController避免内存泄漏，按字符串优先级（critical/normal/idle）调度，任务须支持取消且上下文通过参数传入、finally清理。
-
script标签应默认放在</body>前，确保DOM就绪且不阻塞渲染；必须放<head>时用defer，独立脚本可用async；路径以HTML所在目录为基准；type="module"启用严格模式并隔离作用域。
-
CSS高频属性可分为五类：布局类（display、position等）、尺寸间距类（width、padding等）、样式表现类（color、font等）、交互动效类（cursor、transition等）及易忽略的维护优化技巧。
-
快速掌握HTML5需聚焦语义化标签、表单控件、音视频嵌入、Canvas绘图和响应式布局五方面：一、用header/nav/main/article/aside/footer构建清晰结构；二、使用email/url/number/date等input类型及required等属性实现原生校验；三、通过audio/video标签嵌入多媒体并控制播放；四、利用canvasAPI绘制矩形、圆形等基础图形；五、结合viewport元标签与媒体查询实现多端适配。
-
AbortController能中断fetch请求，但仅限请求未完成响应头接收前；超时需传signal选项并手动clearTimeout；并发请求应独立控制器；React中须在useEffect清理函数调用abort。
-
现代浏览器禁用非静音视频autoplay是因2017–2018年起实施的autoplay策略：仅muted+playsinline、用户交互后调用play()或站点手动启用允许时才生效；未静音且无手势则直接拒绝。
-
使用WebpackBundleAnalyzer等工具分析打包体积，定位重复引入、未启用TreeShaking等问题，通过代码分割、压缩混淆、CDN分离和依赖清理等手段优化，持续监控防止体积失控。
-
使用overflow:hidden触发BFC或clearfix伪元素可解决浮动导致的父元素塌陷，现代布局推荐flex或grid避免问题。
-
Less中extend是编译期选择器合并而非运行时继承，不支持伪类目标、参数或变量访问，适用于语义稳定的原子类；误用会导致循环警告、调试困难及IE8兼容问题。
-
JavaScript不能独立实现加密传输，必须依赖HTTPS保障传输安全，JS仅在客户端对数据内容加密。其核心作用是增强数据安全性，而非替代TLS/SSL。常见方式包括AES对称加密、RSA非对称加密和SHA哈希校验。密钥管理是最大挑战，硬编码密钥不安全，需通过HTTPS动态获取并严格控制生命周期。典型应用场景有密码预处理、端到端加密和数据完整性校验。由于JS代码暴露在浏览器中，易被篡改，因此无法完全信任客户端加密。实际应用中，应以HTTPS为基础，JS加密为补充，确保整体安全性。示例中使用crypto-
-
真正提升SEO和可访问性的语义标签极少，仅<nav>、<main>、<header>、<footer>、<article>、<time>等少数被搜索引擎和屏幕阅读器实质性识别；滥用如无标题的<section>或误用<article>反而破坏结构。
-
Canvas在Retina屏发虚是因为未适配devicePixelRatio，需同步设置width/height属性为物理像素值并缩放绘图坐标，否则仅CSS缩放会导致插值模糊。
