-
JavaScript中优先用const，需重新赋值时用let；const绑定不可变（必须初始化且不能赋新值，但可改对象内部），let可重新赋值但不能重复声明；两者均为块级作用域且无变量提升。
-
使用link标签引入CSS是最常用方式，通过rel="stylesheet"和href指定样式表关系与路径，如<linkrel="stylesheet"href="css/style.css">，确保路径正确并置于<head>中以避免无样式问题，支持多文件叠加及CDN引入，提升网页维护性与复用性。
-
直接使用加号在HTML中通常可行，但为确保正确显示和传输，需根据场景选择：普通文本用+，避免解析错误用+或+，URL参数中用%2B编码。
-
本文深入探讨了Nuxt3中useFetch发送请求时Cookie头部未生效的问题。文章解释了浏览器安全机制对Cookie头部的限制，并详细介绍了Nuxt3官方推荐的useRequestHeaders方法，用于在客户端和服务器端之间安全地传递Cookie。同时，也提供了向外部API发送自定义Cookie的解决方案，包括使用Nuxt服务器API作为代理，以克服跨域限制。
-
创建美观实用的HTML首页需协同用户视觉动线、内容层级与语义化标记：一明确核心信息架构；二用HTML5语义标签构建骨架；三控制视觉焦点与阅读节奏；四嵌入基础可访问性保障；五精简脚本与资源引用。
-
使用CSS多重选择器可精准定位元素，提升样式可控性与代码维护性。1.后代选择器（空格）选中某元素内所有匹配的后代，如nava{color:blue;}仅改变导航内链接颜色；2.子选择器（>）限制为直接子元素，如ul>li只作用于列表的直接子项，避免深层嵌套影响；3.相邻兄弟选择器（+）选中紧接其后的同级元素，如h2+p设置标题后首个段落的上边距，通用兄弟选择器（~）则应用于所有后续同类兄弟，如h2~p将后续所有段落设为灰色；4.属性与类组合连写可增强匹配精度，如input[type="subm
-
流是分块处理数据的抽象结构，可节省内存、提升响应速度并支持背压；浏览器通过ReadableStream、WritableStream和TransformStream实现流式传输，如用fetch读取大文件并逐段处理；TransformStream可用于实时转换数据；Node.js中stream模块广泛用于文件、HTTP等场景，通过pipe方法高效复制大文件，避免内存溢出。
-
动态修改样式推荐用className处理复杂或复用场景，利于维护和性能；2.style属性适合动态计算值，实时生效但难维护；3.应根据场景选择：状态切换用className，运行时计算用style；4.可结合使用，类名控整体状态，style调局部细节，确保代码清晰可维护。
-
使用CSS的:after伪元素可为元素添加装饰性内容，必须配合content属性，常用于添加图标、气泡箭头或动态提示，提升视觉效果与交互体验。
-
答案是使用上下文选择器结合类选择器可精准定位元素。通过后代选择器（空格）、子选择器（>）、兄弟选择器（+、~）等，依据DOM层级关系限定作用范围，避免样式冲突。例如，.product-list.item选中后代，.navbar>.nav-item仅选直接子元素，提升样式精确度。在复杂项目中，单一类名易导致冲突，需依赖上下文区分不同位置的相同类名。平衡特异性时，避免ID选择器，控制选择器链长度，推荐BEM命名法降低耦合。组件化开发中，组件内样式应自包含，外部通过上下文调整主题或布局，如.dark
-
HTML5不支持hover和过渡动画，需用CSS3的:hover伪类和transition属性实现：基础悬停切换样式、transition控制渐变、transform实现高效位移缩放、opacity与visibility组合控制显隐、伪元素增强装饰效果。
-
可在HTML中通过五种方式显示爱心符号：一、HTML实体编码（如❤）；二、CSSUnicode转义（如content:"\2764"）；三、SVG内联绘制；四、FontAwesome等Web字体图标；五、JavaScript动态插入。
-
min-width定义元素最小宽度，max-width定义最大宽度，二者结合媒体查询可实现响应式布局适配不同设备。
-
用max-width:100%配合height:auto可使图片随容器缩放且保持宽高比；它设宽度上限而不强制拉伸，比width:100%更安全，适用于所有img标签，但需父容器有明确宽度。
-
JavaScript操作iframe需先获取DOM引用，同源时用contentWindow/contentDocument直接操作，跨域时必须用postMessage通信，并校验origin确保安全。
