-
在HTML中插入图片的核心是使用<img>标签，其必备属性为src和alt，其中src用于指定图片路径，alt提供替代文本以提升可访问性和SEO；此外，width和height属性有助于避免布局抖动，而优化图片加载则需压缩图片、选择合适格式（如JPEG、PNG、WebP、SVG）、使用响应式图片（通过srcset和sizes属性）、启用懒加载（loading="lazy"）以及利用CDN加速；常见图片不显示的问题多源于路径错误、文件缺失或服务器权限问题，可通过开发者工具检查Network请求状
-
图标未正常渲染可能是图标库未正确引入或路径配置错误；可通过CDN引入FontAwesome、本地引入Iconfont或SVGSprite三种方式实现。
-
答案：JavaScript中迭代器模式与函数式编程结合，通过惰性求值和纯函数组合构建高效、可维护的数据处理流水线。迭代器按需提供数据，支持内存友好型流式处理；函数式编程以无副作用的纯函数实现过滤、映射等转换，确保逻辑清晰且可组合。两者协同实现声明式数据流控制，适用于大数据场景。自定义迭代器可通过Symbol.iterator或生成器函数构建，灵活适配复杂数据源。异步操作借助async/await与异步生成器整合，错误处理可在迭代层捕获或通过Either等函子传递，保障管道健壮性。
-
<title>标签内容直接显示在浏览器标签页，是页面最直观标识；现代浏览器均以此为标题，不依赖JS或CSS，长度超限会截断；动态修改须用document.title，SPA需路由切换时手动更新，SSR首屏必须由HTML提供，且对SEO和可访问性至关重要。
-
Sketch无法直接导出功能型HTML，但可通过三种方式实现：一、用Anima插件生成响应式HTML+CSS；二、用SketchtoHTML插件导出基础结构代码；三、手动导出资源并编写语义化HTML。
-
三根线必须用绝对定位而非margin，因transform动画对margin无效，绝对定位可精准控制top和width、不占文档流；父容器需设position:relative，三条线统一用display:block+width:100%，以中间线为轴心对称布局，transform-origin必须设为center，伪元素扩大点击热区。
-
JavaScript链表需手动实现，核心是用对象模拟节点并通过next指针串联；所有操作（访问、修改、插入、删除）必须从头节点遍历，无法随机访问。
-
重置样式被框架覆盖的根本原因是CSS加载顺序决定层叠优先级，需确保reset.css在框架CSS前引入；Bootstrap5的reboot.css与自定义重置易冲突；Tailwind已内置等效重置；iOS表单控件需针对性覆盖UA样式。
-
路由守卫是前端权限控制第一道防线，仅做可见性过滤和轻量准入检查，核心权限必须由后端接口返回并校验；适合拦截未登录访问、角色无权路由及动态菜单过滤，不适用于接口权限、字段级控制或绕过地址栏的假安全。
-
原生<inputtype="color">在Chrome、Edge、Safari15.4+、Firefox112+中可用，旧版Safari和部分安卓WebView不支持，仅显示文本框或空白；值始终为7位小写十六进制（如#a3c4ff），不支持透明度或命名色。
-
HTML原生<progress>标签需同时设置合法value和max值才能正常渲染，缺一不可；须用浏览器前缀伪元素自定义样式；动态更新应避免高频赋值；语义上仅用于任务完成度，不可与<meter>混用。
-
display:none让transition失效，因其是离散属性，无中间状态；应改用visibility+opacity、max-height+overflow或JS强制触发布局等替代方案。
-
父div高度塌陷主因是子元素浮动脱离文档流，导致父容器无法感知其高度；解决法包括overflow:hidden、伪元素清除浮动或display:flow-root；此外需排查绝对定位、显式height:0、Flex/Grid内容缺失及多因素叠加影响。
-
父容器高度塌陷是因浮动元素脱离文档流导致，clearfix通过伪元素触发BFC并清除浮动来解决；标准写法为.clearfix::after{content:"";display:table;clear:both}，需注意兼容性与display设置。
-
本文介绍一种纯HTML+CSS方案，无需JavaScript，即可让有序列表中自动生成的编号（如“(1)”“(2)”）成为可点击的锚点链接，直接跳转至对应列表项的页面锚记位置。适用于Wiki等不支持脚本的静态内容场景。
