-
可通过合并:hover和:focus伪类设置统一样式，使元素在鼠标悬停或键盘聚焦时均改变颜色；2.建议保留或自定义focus样式以提升可访问性；3.结合transition可实现平滑视觉效果，增强用户体验。
-
要实现多行文字水平居中，需设置容器为display:flex、flex-wrap:wrap和justify-content:center，使每行内容独立居中，适用于标签云、卡片标题等场景，注意保留足够空白避免子元素撑满导致居中失效。
-
useEffect用于处理函数组件中的副作用，如数据请求、事件监听等，通过依赖项数组控制执行时机；2.依赖项遗漏会导致闭包捕获旧值，必须将所有用到的变量加入依赖数组或使用函数式更新；3.不稳定依赖（如每次渲染重建的函数）会引发无限循环或频繁执行，需用useCallback或useMemo固化引用；4.useEffect在DOM更新后异步执行不阻塞渲染，useLayoutEffect则同步执行适合需立即测量DOM的场景；5.拆分多个useEffect按不同依赖独立执行更高效，复杂逻辑应封装成自定义Hook提
-
JavaScript正则表达式通过分组捕获、非贪婪匹配、前瞻后瞻和修饰符实现高效文本处理，如提取日期、IP地址和HTML内容，并建议结合在线工具验证。
-
严格模式通过"usestrict"启用，可全局或局部应用。它禁止意外创建全局变量、删除变量或函数、重复参数名、八进制字面量，限制保留字使用，并使函数中this为undefined而非全局对象，有助于发现错误、提升性能和代码规范性，现代模块系统默认采用。
-
Vue3通过Proxy实现响应式系统，能监听属性增删与数组变化，结合依赖收集与派发更新机制，确保仅追踪实际使用的数据；编译阶段采用静态提升、补丁标志、事件缓存和BlockTree等优化策略，显著减少运行时开销。
-
使用@media查询结合选择器可实现响应式布局，通过设定max-width和min-width定义移动端（≤767px）、平板（768px~1023px）和桌面端（≥1024px）的样式规则，在不同屏幕范围内为元素应用特定样式；在media块内重写选择器样式以控制显示效果，如隐藏头部、调整字体、设置侧边栏宽度等；可通过添加.hide-on-mobile等辅助类名统一管理跨设备显示逻辑；建议按min-width从小到大编写断点，避免重叠，确保每个元素在各断点仅被设置一次关键样式，并利用开发者工具实时调试，提
-
HTML5是当前事实标准，XHTML已基本退出日常开发；HTML5只需<!DOCTYPEhtml>，XHTML需完整DTD和xmlns声明，且严格遵循XML规则，但因浏览器支持有限及生态转向HTML5+JSON，XHTML仅适用于需XML解析的特定场景。
-
.container.item比.container-item慢，因前者需从右向左匹配所有.item并逐个回溯祖先是否含.container，而后者为单类名哈希查找、无回溯；BEM等扁平命名本质是绕过层级匹配而非仅规范命名。
-
合理使用overflow属性可解决CSSGrid中内容溢出问题，需在容器或网格项上设置overflow、text-overflow及white-space等属性，结合minmax()控制轨道尺寸，防止文本或图片撑开布局，确保网格结构稳定。
-
可通过五种方法复制网页HTML：一、开发者工具Elements页全选复制；二、地址栏执行JavaScript命令复制；三、禁用JS后查看源代码复制；四、使用浏览器扩展一键复制；五、用curl/wget命令行获取原始HTML。
-
前端加密可提升安全性但无法绝对防逆向，主要用于增强防护。其核心是防止明文传输和中间人攻击，常见应用于密码加密（如RSA、AES）、敏感字段处理及接口签名。由于JavaScript运行在客户端，密钥不可硬编码，需通过安全通道动态获取，并结合HTTPS与后端校验。推荐使用成熟库如CryptoJS、jsrsasign或WebCryptoAPI，避免自研算法。前端加密应视为多层防御的一环，重点在于配合动态密钥、防重放机制与后端验证，形成完整安全体系。
-
通过@font-face结合lang属性与unicode-range，可为不同语言指定专属字体，解决多语言网站中字体显示不一致问题。首先在CSS中定义针对中文、日文、英文等字符范围的自定义字体，如使用SimHei渲染中文（U+4E00-9FFF）、Meiryo处理日文（含假名与汉字）、Roboto显示拉丁字母（U+0000-007F），并通过body[lang="zh"]、body[lang="ja"]等选择器应用对应字体族。利用unicode-range实现按需加载，提升性能并避免混用导致的字号错乱。H
-
使用opacity和transition可实现透明度渐变过渡，opacity控制元素透明度（0-1），transition定义过渡效果，常用于按钮悬停、图片淡入淡出等场景，如.button:hover配合transition:opacity0.4sease实现平滑变淡，注意初始值设置及display或visibility配合使用以优化布局与兼容性。
-
在JavaScript中，确保代码在当前事件循环周期内所有微任务执行完毕后再运行的最直接方式是使用Promise.resolve().then()或queueMicrotask()。1.Promise.resolve().then()通过将回调放入微任务队列末尾，保证其在当前微任务完成后执行；2.queueMicrotask()是ES2020引入的更现代方法，语义更清晰且避免了Promise的额外开销；3.两者均优于setTimeout(...,0)，因后者属于宏任务，会在所有微任务之后才执行；4.微任务
