-
通过font-size、color和text-align类可高效实现文本样式控制，如text-lg设字号、text-blue-600定义颜色、text-center居中对齐，结合响应式类提升开发效率与视觉统一性。
-
防抖和节流是前端优化高频事件的常用手段。防抖通过延迟执行，仅触发最后一次操作，适用于搜索框输入等场景；节流则保证函数在固定时间间隔内至少执行一次，适合滚动监听等持续触发的事件。两者核心区别在于执行频率控制策略不同，防抖关注最终状态，节流注重规律响应。
-
响应式表格在小屏上应优先采用横向滚动而非缩放；通过父容器设overflow-x:auto和table设min-width实现基础兼容，中大屏再用媒体查询配合百分比列宽与white-space控制布局。
-
多段hover效果不同步的根本原因是transition-property不一致或隐式触发不同属性过渡；应显式声明需动画的属性、统一时长、缓动函数和延迟，并规范hover触发逻辑与热区，必要时用will-change优化。
-
WebWorkers是浏览器提供的后台线程机制，实现JS真正多线程，避免阻塞主线程；通过postMessage通信，不可访问DOM，适用于计算密集型任务。
-
JavaScript插件系统的核心是解耦与约定，依赖统一接口（如install/app）、主程序暴露钩子（use/provide/emit）、沙箱隔离、动态加载及条件启用，坚守“主程序定规则、插件实现行为”铁律。
-
实现图文混排平滑过渡的关键是使用CSStransition属性，配合hover触发transform和opacity等支持硬件加速的样式变化，如图片缩放、文字淡入、布局宽度调整及滤镜效果，通过合理设置过渡时间与缓动函数，确保动画流畅且布局稳定。
-
使用absolute定位和z-index可高效实现图标提示。1.父容器设为relative，提示元素用absolute定位至图标角落；2.设置较高z-index确保提示显示在顶层；3.适用于角标、消息提示等场景，建议结合响应式单位与动态显隐控制。
-
JavaScript模块化关键是正确使用import/export：HTML需type="module"，Node.js需.mjs或"type":"module"；default与named导出语法不同；动态import()支持按需加载且返回Promise；环境差异易致报错，须先确认模块系统。
-
网页需满足四要素：后缀为.html或.htm、首行严格为<!DOCTYPEhtml>、用http://协议本地服务运行、metacharset声明UTF-8无BOM编码，缺一不可。
-
JavaScript字符串是不可变原始类型，所有操作返回新字符串；应使用at()而非方括号访问Unicode字符，优先用includes()/startsWith()/endsWith()查找，慎用已废弃的substr()，注意locale敏感性和全角空白处理。
-
CSRF攻击本质是利用用户已登录会话，通过恶意JS静默发起带Cookie的请求；防护核心是后端签发一次性Anti-CSRFToken并校验，辅以SameSiteCookie、Referer检查等手段，严禁GET改状态或前端生成token。
-
在JavaScript中合并对象最推荐的方式是使用展开语法或Object.assign()方法，1.展开语法通过{...obj1,...obj2}创建新对象，不修改原对象，符合不可变性原则；2.Object.assign()通过Object.assign(target,source1,source2)将源对象属性复制到目标对象，若目标为空则实现合并，否则会修改目标对象；3.两者均执行浅拷贝，嵌套对象仅复制引用，需手动递归或使用Lodash的merge实现深拷贝；4.属性冲突时遵循“后覆盖前”规则，右侧对象
-
封装LocalStorage因原生API仅支持字符串、无过期机制、缺乏错误处理；通过StorageUtil类实现序列化、异常捕获、过期控制，提升安全性与易用性，并可扩展监听、加密等功能。
-
本文详解在文本输入框中实时格式化数字为本地化价格（如法语1234）时常见的光标错乱与解析失效问题，指出toLocaleString('fr-FR')插入的窄不换行空格（U+202F）导致parseInt()截断，并提供健壮、用户体验友好的解决方案。
