-
用opacity和visibility组合配合transition实现自然淡入淡出，避免display切换；定义fade-in动画并设置transition时序，确保进出动效平滑，辅以position:absolute或固定高度防抖动。
-
CSS颜色写法对渲染性能影响可忽略，因浏览器在样式计算阶段即统一转为RGBA；真正影响性能的是动态计算、强制同步布局及图层重组等间接因素。
-
前端JS在浏览器运行，负责页面交互；后端JS在服务器运行，处理业务逻辑。前者操作DOM、响应用户行为，后者通过Node.js处理请求、数据库操作。两者通过HTTP协议通信，前端用fetch发送数据，后端用Express等框架接收并返回JSON，协同实现完整功能。
-
JavaScript常用设计模式包括单例、观察者、工厂、代理等，其中单例确保类唯一实例，适用于配置管理；观察者实现一对多依赖更新，Subject与Observer直接通信，区别于发布-订阅的事件总线解耦。
-
迭代器模式提供顺序访问聚合对象元素的方法而不暴露内部结构，JavaScript通过实现具有next()方法的Iterator接口，返回包含value和done属性的对象，如createIterator函数示例所示。
-
最直接方式是用<ahref="about.html">关于我</a>，路径需区分大小写、不可省略.html后缀，相对路径适用于同目录或子目录，绝对路径以/开头更稳定但本地双击无效；按钮跳转需JS配合location.href。
-
fr是剩余空间的份数，如1fr2fr1fr将剩余空间分为4份；混用fr与px时fr仅分配扣除px后的剩余空间；需用minmax()或clamp()防布局崩溃，设min-width:0防内容撑宽，并注意auto不拉伸、align-self才控制子项填满。
-
HTML5search输入框在旧浏览器中不被原生支持，需通过降级为text类型并添加ARIA属性、Modernizr检测动态替换、引入polyfill模拟行为、CSS重置样式及服务端统一参数映射五种方案实现兼容。
-
SVG图标首选因其可伸缩不失真、体积小、CSS可控性强。管理优化常用SVGsprite技巧，其中六种方案包括：1.外部SVG文件引用（缓存好但有跨域问题）；2.内联SVG与<symbol>结合（无请求但HTML臃肿）；3.CSS背景图片（灵活差）；4.数据URI（减少请求但难维护）；5.JavaScript注入（灵活但依赖JS）；6.构建工具生成（自动化高推荐）。SVG优于字体和位图图标在于其矢量特性、多色支持及可访问性。高效管理需构建工具集成、命名规范、版本控制、设计系统整合及优化处理。常见
-
现代浏览器已彻底移除Flash支持，HTML5视频播放器无法回退到Flash——所谓“切换”实为过时代码冗余，应专注提升HTML5容错性，如提供多格式源、配置CORS、适配HLS及移动端策略。
-
企业简介页的现代感源于克制设计：用clamp()实现平滑响应式标题、grid-template-areas明确信任要素权重、aspect-ratio锁定图片比例，舍弃冗余动画与炫技效果。
-
JavaScript字符串是不可变原始类型，所有操作返回新字符串；判断子串用includes()，截取需用Array.from()处理Unicode，替换用replaceAll()或带g的正则，去空白需扩展trim()。
-
设置链接样式需先定义基础样式再细化伪类状态，1.使用a标签和CSS控制样式，如颜色、下划线和字体；2.通过四个伪类:link、:visited、:hover、:active区分链接状态并按“LoVeHA”顺序设置；3.注意浏览器默认样式干扰问题，可用开发者工具排查并合理组织代码；4.可添加背景色、过渡等效果提升体验，如用transition实现颜色渐变。
-
JavaScript字符串模板用反引号包裹，支持${}嵌入任意表达式，天然多行、免转义，配合标签函数可防注入，性能媲美拼接且可读性、可维护性更优。
-
浮动广告导致父容器塌陷时，clear并非万能解药，因其仅对后续非浮动块级元素生效；推荐用display:flow-root或overflow:hidden闭合浮动，语义更清晰且无副作用。
