-
使用position:fixed可使元素悬浮于视口固定位置，需配合top/right/bottom/left定位、z-index层级控制、响应式媒体查询适配、body内边距避让、@supports兼容性检测及will-change硬件加速修复滚动跳动。
-
JavaScript缓存核心是存得准、取得快、不过期：内存用Map实现O(1)查找，HTTP协同原生缓存与ServiceWorker，本地存储按需选localStorage或IndexedDB，并配TTL/LRU失效策略防雪崩。
-
柯里化是将多参数函数转换为一系列单参数函数的技术，如constcurriedAdd=a=>b=>c=>add(a,b,c)；它支持偏函数应用，例如通过curriedFormat预设前缀和后缀生成新函数；结合函数组合compose(wrapInTag("p"),toUpperCase,trim)可构建清晰的处理链；实际使用中需避免过度柯里化，可借助Lodash的_.curry提升开发效率。
-
实现前后端通信有五种基础方法：一、用FetchAPI发HTTP请求；二、通过HTML表单提交；三、用Axios库简化异步请求；四、配置本地代理解决跨域；五、用WebSocket实现实时双向通信。
-
用HSL模式精准调节亮度（L值）是提升对比度且保持配色协调的高效方法，因其分离色相、饱和度与亮度，调L不改主色调；普通文本需≥4.5:1对比度，L值差≥40较安全；微调建议：文字发灰则降L值，背景抢眼则升L值，深色模式下白色文字可微降至L=92%以减眩光。
-
typeof判断基础类型（含function、symbol），instanceof判断引用类型是否由某构造函数创建；二者解决不同层面问题，混用易致误判。
-
favicon需在<head>中用<link>声明，路径须正确且可直接访问，推荐根路径；应同时提供.ico和多尺寸.png格式，并加版本参数防缓存；真机实测各环境显示效果。
-
video元素默认控制条无法换肤，必须禁用原生controls属性，通过HTML+CSS绘制控件并用JavaScript绑定播放、暂停、进度拖动等行为，同时注意跨浏览器兼容性与移动端交互细节。
-
按钮通过type="submit"提交表单，2.用onclick或addEventListener执行JavaScript，3.type="reset"重置表单，type="button"配合脚本避免默认行为，4.调用函数发送请求。
-
line-clamp实现多行文本省略需三步：display:-webkit-box、-webkit-box-orient:vertical、-webkit-line-clamp；仅WebKit内核稳定支持，Firefox部分支持，IE完全不支持，须降级处理。
-
Monad是函数式编程中处理带上下文值的模式，提供of和chain方法实现链式操作；常见如Maybe处理空值、Either处理错误、IO延迟副作用，通过封装使代码更简洁可组合。
-
答案：通过清除默认样式并合理使用margin和padding，可精准控制导航菜单布局。首先对ul和li设置list-style:none、margin:0、padding:0以清除浏览器默认样式；接着利用padding增大a标签点击区域，用margin分隔li元素；结合display:inline-block、float或flex实现水平或垂直布局，确保导航美观易用且跨浏览器一致。
-
原生select因操作系统级别控件特性导致样式不一致且难以修改，尤其下拉箭头等内部结构无法通过常规CSS控制；可通过:focus和属性选择器调整部分外观如边框高亮与禁用状态，但深度自定义需用div+JS模拟实现，隐藏原生控件并构建可样式化结构，兼顾焦点管理与可访问性，平衡开发成本与设计需求。
-
本文介绍在Web音频播放器中，让只读进度条（<progress>）与可拖拽滑块（<inputtype="range">）在播放过程中保持位置同步，同时不阻塞用户手动拖动操作的核心技巧。
-
新浪首页HTML布局需采用固定宽度980px居中容器，分顶部通栏导航、左主内容区（630px）与右栏（320px），用float实现分栏，模块卡片垂直堆叠，边栏区块浅灰底+深灰标题，字体用Helvetica/Arial，色彩限蓝灰白十六进制值。
