-
HTML5的viewportmeta标签必须手动写且置于head内、不可重复、需查渲染后源码；SEO的description和keywords对排名几乎无影响，真正关键的是title和语义化标签。
-
主流JavaScript包管理器为npm、Yarn和pnpm：npm开箱即用兼容性强；Yarnv1强调速度与确定性，v2+采用PnP模式适配成本高；pnpm以硬链接节省空间、安装更快，monorepo场景最优。
-
TV浏览器禁用:hover，需用:focus-visible模拟焦点；单位优先vh/vw；scroll-snap需配合smooth；高分屏用box-shadow+scale替代1px边框。
-
window对象是BOM的核心，作为JavaScript与浏览器交互的入口，它代表浏览器窗口并承载所有全局变量及BOM其他对象。1.它提供了访问浏览器功能的接口，如获取视口尺寸（innerWidth/innerHeight）、控制滚动（scrollTo/scrollBy）、管理定时器（setTimeout/setInterval）、弹出对话框（alert/confirm/prompt）、操作窗口（open/close）、访问其他BOM对象（document、location、navigator等）以及本地
-
HTML5计时器有三种实现方式：一、基础setInterval毫秒累加法，通过时间戳差值计算并格式化时分秒；二、整秒递增法，每秒自增计数器并格式化显示；三、可启停控制法，增加开始、暂停、重置按钮及状态管理逻辑。
-
padding默认会让元素变大，因content-box模型下width/height仅指内容区，padding和border额外增加；改用box-sizing:border-box可使宽高包含padding和border，推荐全局设置*{box-sizing:border-box}。
-
JavaScript实现全屏功能的核心是调用DOM元素的requestFullscreen()方法并配合document.exitFullscreen()退出全屏，1.首先通过用户手势触发全屏操作，调用目标元素的requestFullscreen()方法，并兼容不同浏览器前缀如webkitRequestFullscreen、mozRequestFullScreen、msRequestFullscreen；2.退出全屏时调用document.exitFullscreen()及其对应前缀方法；3.监听full
-
@media(prefers-color-scheme)可原生响应系统深色/浅色偏好，仅需在CSS中声明:root默认值与dark媒体查询覆盖，避免重复定义、硬编码颜色及JS混用，确保SSR无闪屏且兼容主流现代浏览器。
-
将CSS工具与Grid布局结合可提升开发效率和响应式能力。1.使用Tailwind等工具类快速创建Grid容器，如gridgrid-cols-3gap-4实现三列布局；2.通过col-span-2、col-start-2等类精准控制网格项位置；3.利用md:grid-cols-2lg:grid-cols-4等前缀实现无需媒体查询的响应式设计；4.自定义Grid模板结合工具类处理复杂结构，兼顾语义与样式便捷性。分工明确，布局更灵活高效。
-
JavaScript设计模式是解决特定问题的成熟思路，提升可维护性、复用性和协作效率；最常用4种为模块模式、观察者模式、工厂模式、单例模式。
-
display:inline-block元素间空隙是因HTML空白字符被解析为文本节点所致，间隙宽度=父容器font-size的0.25em；可通过父级font-size:0+子级重置、flex布局、移除HTML空白或负margin等方案消除。
-
JavaScript表单验证的常见方法包括利用HTML5内置属性（如required、pattern）进行基础校验，以及使用纯JavaScript实现更灵活的手动验证，后者可通过监听submit、input或blur事件，在客户端对必填项、格式、长度等规则进行判断，并通过event.preventDefault()阻止无效提交，同时展示错误信息以提升用户体验；常见陷阱包括仅依赖客户端验证而忽视服务器端安全校验、错误提示不及时或不清晰导致体验差、代码冗余难以维护，以及忘记调用event.preventDef
-
<marquee>标签的direction="up"纵向滚动需配合固定高度、overflow:hidden及behavior="scroll"才生效，但该标签已被HTML5废弃；推荐用CSS@keyframes+transform:translateY()或JavaScriptrequestAnimationFrame实现兼容、可维护的纵向滚动效果。
-
本文详解如何在基于ReactRouterLoader的水果轮播组件中，实现可交互、状态同步的点赞功能，解决因未更新本地状态导致UI不刷新的核心问题。
-
使用:nth-child(even)和:nth-child(odd)可为表格或列表奇偶行设置不同背景色，如tr:nth-child(even){background-color:#f9f9f9}仅需为偶数行设色即可形成条纹效果，.item-listdiv:nth-child(odd){background:#eef5f9;padding:10px}该方法同样适用于div、ul、ol等元素，提升内容可读性与层次感。
