-
应使用URL构造函数+URLSearchParams安全操作URL参数，避免直接赋值window.location.href导致意外跳转；需更新地址栏而不刷新时，用history.pushState()或replaceState()配合newURL()。
-
优酷没有“关闭HTML5”的会员设置选项，HTML5是底层播放标准而非可开关功能；实际可操作的是禁用自动播放、拦截autoplay行为或提取直链本地播放。
-
scroll事件高频触发易致卡顿，应使用requestAnimationFrame节流；监听容器需确保overflow生效且内容溢出；懒加载等场景优先用IntersectionObserver替代。
-
Transducer是一种将map、filter等操作抽象为可组合的reducer转换函数的机制，其核心是(reducer)=>newReducer；通过函数组合实现一次遍历完成多个操作，避免中间数组生成，提升性能并支持多种数据结构。
-
浏览器存储需按场景选择：localStorage存小数据且持久，sessionStorage限当前标签页，cookies随请求发送且有大小限制，IndexedDB适合结构化大数据。
-
HTML不处理样式，应使用<style>标签、外部CSS或内联style属性；<font>等过时标签无效且报错；内联样式需正确书写CSS规则，类选择器更易维护；常见错误包括拼写、单位、继承及默认样式干扰。
-
分页加载应优先使用后端返回的next_url而非前端自增页码，避免逻辑不一致；需用isLoading开关防重复请求，禁用节流/防抖；滚动到底部检测推荐getBoundingClientRect().bottom；数据合并注意解构层级，成功后及时清空error状态。
-
真正的安全在于服务器端，而非前端HTML或JavaScript验证。首先，所有敏感信息如密码必须通过HTTPS传输，并在服务器端使用加盐哈希算法（如Bcrypt）存储，杜绝明文保存。其次，客户端验证仅用于提升用户体验，关键校验逻辑必须由服务器执行，防止SQL注入、XSS等攻击。同时，实施速率限制、验证码、账户锁定和多因素认证（MFA）以抵御暴力破解与撞库。对于敏感数据，应采用应用层加密（如AES-256）并结合密钥管理系统（KMS）保障数据静态安全，配合最小权限原则、会话安全管理（HttpOnly、Sec
-
Symbol是独一无二的原始值，可避免属性名冲突、模拟私有成员、自定义对象行为及替代字符串常量。
-
使用requestAnimationFrame实现流畅动画，通过减少重绘区域、预渲染静态内容到离屏Canvas、避免重排与GPU开销，优化绘制节奏与资源管理，从而提升Canvas动画性能。
-
浮动通过float属性实现文字环绕图片效果，常用于图文混排。将图片设为float:left或right，文本自然环绕其周围，配合margin优化间距。为防止后续元素错位，可使用clear:both、overflow:hidden或伪元素::after清除浮动。结合shape-outside可实现圆形或多边形环绕，提升视觉表现。响应式设计中建议在小屏幕下禁用浮动，通过媒体查询设置float:none，确保内容可读性。尽管现代布局多用Flexbox或Grid，浮动在文字环绕场景仍具实用价值。
-
JavaScript中的本地化依赖Intl对象，Intl.DateTimeFormat可按locale格式化日期，如'zh-CN'输出“2025年4月5日14:30”，'en-US'输出“Apr5,2025”；Intl.NumberFormat支持数字、货币格式化，如'zh-CN'显示为“1,234,567.89”，'de-DE'为“1.234.567,89”，并可通过currency设置货币样式，如CNY显示“¥1,234,567.89”；通过navigator.language可动态获取用户语言环境实
-
使用Flexbox可通过justify-content和align-items实现多列文本居中：1.justify-content:center使列在主轴水平居中；2.align-items:center在交叉轴垂直居中；3.配合text-align:center使文本自身居中，需设置容器高度与gap间距，适用于多列布局且整体对齐效果直观灵活。
-
IE9–IE11原生不识别HTML5语义标签，需用html5shiv通过document.createElement注册标签并配合CSS显式设display:block；IE8及以下会忽略标签仅保留文本；IE10+虽支持标签但Flex/Grid兼容性差，须加前缀或降级处理。
-
CSS引入顺序直接影响样式覆盖，当特异性和重要性相同时，后引入的规则生效。通过合理规划重置、基础、组件到主题样式的加载顺序，结合预处理器或模块化方案，可有效避免冲突，提升可维护性与调试效率。
