-
本文介绍一种基于正则表达式的健壮方法，将长字符串按预设长度（如15/10/10）智能切分：始终在空格前截断、不撕裂单词，并仅在必要时生成后续字段。
-
推荐使用link标签引入GoogleFonts，如Roboto和OpenSans，并通过CSS调用；也可在CSS中用@import方式引入，但性能较差；支持按需加载特定字重如wght@400;700以优化速度；建议设置&display=swap避免文字空白，提升加载体验。
-
Fetch并非XMLHttpRequest的替代品，而是更现代的Promise封装；后者未被废弃，仍完全可用且适用于进度监听、取消请求等精细控制场景。
-
<p>应使用min-resolution:2dppx或-webkit-min-device-pixel-ratio:2媒体查询加载@2x图，必须带min-前缀和比较符；background-image替换时需配合background-size设为逻辑像素尺寸，否则会拉伸模糊。</p>
-
JavaScript本身不能直接实现服务端渲染（SSR），必须运行在Node.js环境中并配合框架或手动调用renderToString/renderToNodeStream等API；纯浏览器端JavaScript无法SSR。
-
lang属性可写在所有HTML元素上，作用于该元素及其子节点；根元素html的lang声明主语言，局部多语言内容需显式为对应元素设置lang值。
-
Reflect是JavaScript中唯一专为元编程设计的内置对象，所有方法必须配合Proxy或显式调用才能生效；它不替代点号或方括号语法，而是将隐式操作显式化、可拦截化，核心价值在于可组合、可拦截、可预测的元操作控制。
-
本文介绍一种纯CSS方案：通过检测文本是否实际触发了text-overflow:ellipsis（即内容被截断），在悬停时动态展开完整文本，避免在未截断时误触发显示——无需JavaScript，语义清晰且兼容性良好。
-
打印样式必须用@mediaprint声明，单独引入print.css并禁用交互伪类；打印机默认禁用背景、强制灰度，需用@page控制页边距，避免flex/grid布局，动态JS样式需强制重排。
-
Less中.clearfix等Mixin不生效，因Less仅做语法转换而不解析CSS语义，厂商前缀需显式调用Mixin或集成Autoprefixer；手写flex()需分IE10旧语法（-ms-flexbox）与现代标准，且属性须配对；Autoprefixer须在Less编译后通过构建工具接入。
-
使用PostCSS配合autoprefixer插件可自动添加浏览器前缀。1.安装postcss和autoprefixer依赖；2.创建postcss.config.js文件并引入autoprefixer插件；3.通过.browserslistrc或package.json配置目标浏览器范围；4.在Webpack等构建工具中集成postcss-loader；处理后，现代CSS如display:flex会自动生成-webkit-、-moz-等前缀版本，提升兼容性。
-
动态路由配合keep-alive实现多组件缓存的关键是用唯一key区分实例并确保组件有稳定name且在include中；推荐<router-view:key="$route.fullPath"/>和name:'UserDetail'，配合activated/deactivated钩子精细控制状态。
-
浮动元素脱离文档流导致父容器高度塌陷；clearfix通过伪元素::after设置content:""、display:table和clear:both，使父容器重新包含浮动子元素。
-
最简单的内存缓存是用普通JavaScript对象（{}）作键值容器，适合单页应用临时存储；应封装为支持过期、LRU淘汰和自定义TTL的类，优先用Map；需分层结合ServiceWorker、HTTP缓存和localStorage，并按业务场景设计失效策略。
-
HTML5使用select和option标签创建语义化下拉列表，支持默认选中、占位提示、optgroup分组、multiple多选及label关联提升可访问性。
