-
可通过浏览器快捷键Ctrl+U（Windows）或Cmd+U（macOS）快速查看网页原始HTML源代码；或按F12打开开发者工具，在“Elements”面板查看实时渲染的DOM结构；右键选择“查看网页源代码”、在线工具及curl命令也是有效方法。
-
辅助色是承担特定交互或语义责任的颜色，与主色在HSL色相上至少相差45°，需满足深浅模式下WCAGAA对比度，应通过CSS自定义属性+hsl()动态定义，严格限定使用场景以守住职责边界。
-
WebSocket是浏览器原生全双工协议，Socket.io是其上层封装库；前者轻量低延迟但需手动处理连接与错误，后者支持自动降级、重连和房间管理，适合复杂业务场景。
-
纯CSS可关闭侧边抽屉用checkbox+label+:checked实现，需确保ID与for匹配、避免display:none影响过渡、用transform/visibility控制显隐，注意移动端触控优化及IE11兼容性。
-
<mark>标签用于语义化高亮，表示内容在当前上下文中被突出标注，适用于搜索匹配、引文强调、教学标注三类场景；不可滥用或仅作视觉装饰，须保留其语义特性。
-
JavaScript定时器通过setTimeout（延时执行一次）和setInterval（按间隔重复执行）实现，均返回ID用于clearTimeout/clearInterval清除；需注意非精确性、后台节流及及时清理避免内存泄漏。
-
可通过五种CSS方法美化HTML页面：一、设置全局字体与行高；二、应用背景渐变与阴影效果；三、实现响应式图片与悬浮动效；四、构建色彩协调的按钮系统；五、使用CSSGrid布局重构内容区块。
-
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}。
