-
在HTML中插入图片的核心是使用<img>标签，其必备属性为src和alt，其中src用于指定图片路径，alt提供替代文本以提升可访问性和SEO；此外，width和height属性有助于避免布局抖动，而优化图片加载则需压缩图片、选择合适格式（如JPEG、PNG、WebP、SVG）、使用响应式图片（通过srcset和sizes属性）、启用懒加载（loading="lazy"）以及利用CDN加速；常见图片不显示的问题多源于路径错误、文件缺失或服务器权限问题，可通过开发者工具检查Network请求状
-
图标未正常渲染可能是图标库未正确引入或路径配置错误；可通过CDN引入FontAwesome、本地引入Iconfont或SVGSprite三种方式实现。
-
:not()仅接受简单选择器，而:has()是复合选择器，故:not(:has(...))虽语法合法但旧版浏览器不支持；唯一稳定写法是:not(.cls:has(>.sub))，需基础选择器+:has()组合。
-
JavaScript单元测试关键是选Vitest（新项目/Vite）或Jest（旧大型项目），注意文件命名、异步处理、mock隔离及CI环境配置。
-
动态插入<link>标签是真正加载CSS的正确方式，需用createElement创建并设rel="stylesheet"后挂载到head，监听load/error事件；document.styleSheets仅为只读集合，不能用于添加样式。
-
最直接方式是用<ahref="about.html">关于我</a>，路径需区分大小写、不可省略.html后缀，相对路径适用于同目录或子目录，绝对路径以/开头更稳定但本地双击无效；按钮跳转需JS配合location.href。
-
必须以<!DOCTYPEhtml>开头，lang和charset属性不可省略，语义化标签是DOM操作与无障碍基础，表单应优先使用原生type/required，localStorage需注意容量与序列化。
-
通过HTML原生<fieldset>的disabled属性，可在React组件中一键禁用所有子级表单控件（如input、button、select），同时保留各元素原有逻辑状态，无需逐个修改disabled绑定。
-
图片无法加载因路径错误、服务器配置、文件权限、PHP输出干扰或MIME类型问题。1.检查相对/绝对路径正确性；2.确保服务器支持静态资源访问；3.设置文件权限为644并核对格式；4.避免PHP输出空白或调试信息；5.配置服务器MIME类型并验证响应头。
-
float会导致父容器高度塌陷，因其使元素脱离文档流；修复需清除浮动，如伪元素clearfix；它不支持等高列且响应式中易失控，现代布局应优先使用Flexbox或Grid。
-
JavaScript中实现Diff算法的核心是理解同层比较与key优化思想，复用成熟方案或轻量库（如diff），结合documentFragment批量操作和requestIdleCallback调度，以实现高效DOM更新。
-
空格本身不干扰爬虫，真正问题是DOM结构脆弱、选择器过度依赖格式或服务端渲染变更；B站div末尾空格致CSS选择器失效，因>要求严格子元素关系；BeautifulSoup保留原始空白，lxml更宽容但xpath可能捕获前导空白；需区分处理文本、属性值及 实体；pandas.read_html对表格最鲁棒；空格频发本质是SSR转向CSR，应优先检测原始响应，转向API或无头浏览器。
-
关键在于input的list属性值必须与datalist的id严格一致；仅text、search等特定类型支持，且各浏览器触发条件和兼容性差异大，移动端尤其受限。
-
自定义构造函数用于批量创建具有相同结构和行为的对象，通过首字母大写的函数定义，结合new操作符生成实例，如Person构造函数创建person1和person2；在构造函数中使用this绑定属性，推荐通过prototype添加方法以共享行为、节省内存，同时可用instanceof检测对象类型，理解构造函数有助于掌握JavaScript面向对象机制，尽管现代语法多用class，但其本质仍是构造函数的语法糖。
-
当页面中某些标题区域存在HTML元素而另一些缺失时，需插入视觉隐藏但保留原始尺寸的占位元素，避免布局偏移；opacity:0是兼顾渲染占位与构建兼容性的最优解。
