-
link是HTML标签，@import是CSS规则；link并行加载、兼容性好、支持动态控制，@import串行加载、易导致FOUC、兼容性受限且仅适用于CSS内部。
-
首先将HTML代码保存为.html格式文件，再用浏览器打开即可查看网页效果。具体步骤：1.用记事本编写HTML代码，另存为index.html，类型选“所有文件”；2.双击该文件或右键选择浏览器打开；3.如需修改，用编辑器重新打开文件更改代码，保存后刷新浏览器即可；4.确保代码包含<html>、<head>、<body>等基本结构，标签闭合正确，并可通过W3C工具验证语法。
-
响应式图片易错的5种场景：1.sizes值漏单位；2.srcset描述符与图片固有宽度不匹配；3.sizes媒体条件顺序错误；4.img缺少width/height致CLS；5.sizes误写在source标签内。
-
JavaScript字符串是原始不可变类型，所有操作返回新字符串；replace()默认只替换首个匹配项，全局替换需/g标志；split()处理空格和连续分隔符需注意空元素；非字符串参数调用原生方法可能报错或隐式转换。
-
本文介绍在SeleniumJava中绕过前端只读限制（如is-readonly类或禁用键盘输入）的可靠方案：通过JavascriptExecutor直接操作DOM设置input值，无需模拟右键粘贴或按键组合，规避JavaScript动态重置风险。
-
合理使用padding和margin可控制元素内外间距，实现清晰布局。padding是内容与边框间的内边距，margin是元素间的外边距。CSS简写语法支持一到四个值设置四方向间距。垂直margin相邻时会合并，可通过只设一方margin或添加border、padding阻断。推荐设置box-sizing:border-box，使width包含padding和border，便于尺寸控制，避免溢出，提升布局灵活性。
-
JavaScript内存泄漏是悄无声息地耗尽内存，表现为Chrome中JavaScriptMemory持续上涨直至卡死；主因包括未配对removeEventListener、未清除setInterval、闭包长期持有大对象，需主动解绑、清理和断引用。
-
最稳妥的做法是用rgba()或hsla()设置background-color实现背景半透明，避免使用opacity（会导致整个元素及子元素变透明）；现代浏览器均支持，可结合CSS自定义属性动态控制。
-
防抖适用于用户操作停止后再执行，如搜索框输入；节流适用于固定频率执行且需及时响应，如滚动监听。二者均需处理this绑定、参数传递及定时器清理，推荐使用Lodash或React自定义Hook。
-
本文详解React类组件中因缺失闭合括号和状态变量未解构导致的「页面空白」问题，提供可运行的修复代码及关键注意事项，助你快速定位并解决类似计时器应用的渲染失败故障。
-
HTML5的play()仅控制视频播放，弹幕需JavaScript手动实现：解析数据、创建元素、计算轨迹、定时渲染；须监听timeupdate事件、处理自动播放策略、单独加载弹幕文件。
-
absolute元素的top:10%相对于其最近的非static定位祖先（position为relative/absolute/fixed）的contentbox+padding高度（clientHeight），若无此类祖先则相对于初始包含块（如body或视口）；该参照物必须有可计算高度，否则百分比归零。
-
使用CSStransition实现分页高亮平滑过渡，通过设置transition:all0.3sease使背景色、文字颜色及边框变化更自然，结合:hover与.active状态增强交互反馈，可选transform和box-shadow添加轻微缩放或阴影动效，提升视觉层次与用户体验。
-
使用CSS的linear-gradient结合background-clip和animation可实现文字颜色渐变动画。1.HTML中为h1标签添加gradient-text类；2.CSS设置background-image为45度渐变色，指定background-size为300%以增强动画流畅性，利用-webkit-background-clip:text和background-clip:text使背景填充文字，配合-webkit-text-fill-color:transparent让文字透明从而显
-
右键“查看网页源代码”看不到真实HTML是因为现代网页依赖JavaScript动态渲染，它只显示服务器返回的初始HTML；而开发者工具的「元素」面板展示的是JS执行后的实时DOM树。
