-
使用ul和li构建导航结构，通过CSS设置横向排列与悬停效果，实现语义清晰、易于维护的水平导航栏，利于SEO且适合初学者掌握HTML与CSS协作方式。
-
<p>通配符选择器*匹配DOM中所有元素节点，不区分标签、属性或状态，但不匹配文本节点、伪元素及Document等非元素节点；常用于CSS全局重置或JS调试遍历，性能敏感时应优先使用更精确的选择器。</p>
-
使用repeat、minmax()、auto-fill和auto-fit可创建自适应CSSGrid布局。通过grid-template-columns:repeat(4,minmax(200px,1fr))实现四列弹性布局，每列最小200px、最大占1份空间；采用auto-fill时，容器宽度允许下尽可能生成不少于200px的列，可能留空轨道；而auto-fit会收缩空轨道，使现有列拉伸以填满容器。两者结合minmax()与1fr，能在不同屏幕尺寸下自动调整列数与宽度，适用于卡片、图库等响应式场景，减少媒
-
JavaScript性能优化需针对性干预执行效率、内存占用和主线程阻塞；避免循环中重复DOM访问与计算，缓存变量；合理使用Object.freeze()和const；内存泄漏多源于未清理的事件监听器、定时器和闭包悬空引用，须用ChromeMemory面板对比heapsnapshot确认。
-
可将HTML网页打包为Windows可运行的EXE文件。一、Electron需Node.js环境，通过npm安装Electron及electron-packager，配置main.js和package.json，执行打包命令生成EXE；二、Web2Exe为图形化工具，设置应用参数、选择主HTML文件后点击生成即可；三、NW.js需下载SDK，编写package.json，资源打包为.nw文件后与nw.exe合并成EXE；四、HTMLExecutable是商业工具，导入HTML后设置图标、窗口样式、加密选项
-
empty-cells仅在border-collapse:separate时生效，取值show（渲染空单元格）或hide（隐藏但保留文档流），collapse模式下被忽略；需避免滥用 ，优先用CSS方案，Flex/Grid布局中该属性无效。
-
使用CSS的position:fixed属性结合JavaScript的scroll事件可实现元素滚动固定。首先通过position:fixed使元素脱离文档流并相对于视口定位，如导航栏固定顶部；再利用JavaScript监听scroll事件，判断滚动距离动态添加类名切换样式，实现滚动到指定位置后吸顶效果。示例中设置触发点为100px，超过则添加sticky类应用fixed定位。注意事项包括：fixed元素脱离文档流可能导致布局上移，需预留占位；移动端Safari对fixed支持不佳，可考虑使用positi
-
子元素未自动撑满父容器高度是因flex默认拉伸行为被限制，需确保父容器设置display:flex和明确高度，保持align-items:stretch，并避免子元素设置固定高度或min-height:auto；嵌套时逐层传递弹性布局样式即可解决。
-
箭头函数是ES6引入的简写语法，无this/arguments/super/new.target，不能作构造函数，this静态绑定，不支持arguments需用...args替代，语法简洁但隐式返回有限制。
-
使用ul和li标签创建无序列表，通过list-style-type修改符号样式，list-style-image替换为图片，CSS去除默认样式并自定义布局。
-
absolute定位需配合top/right/bottom/left生效，参考最近非static祖先，z-index仅对定位元素有效且受堆叠上下文限制，慎用于响应式主体布局。
-
优酷收藏夹视频强制使用HTML5播放器且无法关闭，因自2021年起已全量下线Flash；可通过浏览器设置禁用自动播放，或排查网络、插件、MSE兼容性等问题解决加载异常。
-
本文提供一种基于浏览器原生文本布局测量的可靠方案，通过创建隐藏的DOM元素模拟光标位置，准确判断textarea中光标当前所在行是否为首行或末行，适用于动态高度、无换行符的自动换行场景。
-
<blockquote>上::before伪元素无效是因浏览器规范限制其为可替换内容容器，需用外层<div>或<figure>包裹实现引号装饰，或使用quotes/open-quote原生方案但控制力弱。
-
JavaScript单元测试核心是写小、可隔离、可重复的逻辑验证用例，推荐Vitest为起点，因其启动快、语法简、兼容Jest；其他如Jest适合复杂生态，Jasmine/Mocha更轻量可控，WebTestRunner专注纯浏览器ESM场景。
