-
<mark>标签用于语义化高亮，表示内容在当前上下文中被突出标注，适用于搜索匹配、引文强调、教学标注三类场景；不可滥用或仅作视觉装饰，须保留其语义特性。
-
JavaScript延迟加载有defer、async、动态创建script和IntersectionObserver四种方式：defer按序执行且在DOM加载完后；async下载不阻塞但执行时机不可控；动态创建最灵活；IntersectionObserver实现可视区加载，核心是平衡首屏性能与用户需求。
-
使用颜色关键字可直接设置字体颜色，如red、blue等，应用于内联、内部或外部样式表，不区分大小写但推荐小写，需确保拼写正确。
-
link标签必须使用rel="stylesheet"且href指向合法CSS路径，禁止协议绝对URL；CSS文件需按base/components/layouts/pages分层组织，禁止跨层依赖与非法@import；须用lint工具校验路径、rel属性及命名规范。
-
答案：immer.js更适合现代前端开发。它通过Proxy实现接近原生JS的写法，降低学习成本，体积小、易集成，尤其适配ReduxToolkit；而immutable.js虽性能稳定、兼容性好，但需使用专属类型且体积大，更适合老项目或复杂数据结构操作。两者均保障不可变性，选择取决于项目需求。
-
CSS无法直接动画化background-image，因其不支持过渡；解决方法是使用多层元素叠加，通过opacity动画实现淡入淡出切换，配合animation-delay控制时序，从而达到流畅视觉效果。
-
要在网页中正确显示下划线符号“\_”，可采用四种方法：一、用HTML实体_或_编码；二、用CSStext-decoration属性控制样式；三、用语义化<u>标签并配合text-underline-offset；四、用border-bottom替代实现精确控制。
-
@import比link慢，因其触发串行加载，无法与HTML解析并行，多层嵌套加剧延迟，不支持media预加载且存在旧浏览器兼容问题；应改用head中的link标签实现并行加载与优化。
-
可在Jimdo中通过四种方式实现模态框：一、原生<dialog>元素（现代浏览器）；二、div遮罩层（全兼容）；三、CSS:target伪类（无JS）；四、引入SimpleModal.js库（支持拖拽/ESC关闭）。
-
Treeshaking是打包工具在构建时移除未使用ES模块代码的优化机制，依赖静态import/export分析，需具名导出、禁用Babel转译、声明无副作用等条件才能生效。
-
生成器函数用function*声明，调用后返回Generator对象且不立即执行；需调用next()启动或恢复，遇yield暂停并返回值，状态保留，终止后next()恒返{value:undefined,done:true}。
-
JavaScript可通过navigator.geolocation获取用户经纬度，再用Leaflet等地图库渲染位置标记；需用户授权、仅限安全上下文，支持一次定位或持续跟踪，精度受设备影响。
-
使用:target伪类结合scroll-behavior可实现点击链接后平滑滚动并高亮目标元素，适用于锚点导航。通过设置html{scroll-behavior:smooth;}实现平滑滚动，:target匹配URL中fragment对应元素，应用背景色、过渡效果等样式以提示当前激活区域。示例中点击带#id的链接，页面平滑滚动至对应section，并通过background-color和transition实现视觉反馈。需确保元素ID唯一，避免性能影响，测试移动端兼容性，必要时用JavaScript监听h
-
使用text-transform:capitalize可实现每个单词首字母大写，如HelloWorld；用uppercase可全转大写，如WELCOME；通过p::first-letter{text-transform:uppercase;}仅首字母大写，如Helloworld。
-
图片悬停放大应使用transform:scale()而非width/height，避免重排、实现GPU加速；需设display:block、transition写在常态、合理设置transform-origin和overflow:hidden，并注意高清源图与高DPI兼容性。
