-
函数式编程通过纯函数、不可变数据和高阶函数提升代码质量。1.将命令式逻辑提取为纯函数，如用reduce计算购物车总价，提高可测性与可读性；2.用不可变方式更新数据，如通过map生成新数组而非直接修改原数组；3.使用map、filter等高阶函数替代循环，使代码更声明式，如筛选活跃用户并提取姓名。
-
Chart.js是基于HTML5Canvas的JavaScript图表库，支持折线图、柱状图、饼图等。1.可通过CDN或npm引入；2.创建柱状图需定义canvas和配置数据；3.折线图可动态更新，适用于实时数据；4.饼图展示分类占比，颜色可自定义。掌握data、options和dataset结构即可快速实现可视化。
-
HTML5首屏慢的核心是关键渲染路径阻塞，需优化DOM/CSSOM构建、消除阻塞资源、预加载关键资产并规避document.write等陷阱。
-
应避免在正式页面使用alert()，因其阻塞执行、样式不可定制、移动端体验差；推荐用自定义div弹窗或HTML5dialog标签，并注意DOM加载时机、样式控制及异步内容加载顺序。
-
答案：通过position与display属性结合实现鼠标悬停显示隐藏内容。默认用display:none隐藏元素，悬停父级时设为display:block显示；父级设position:relative，子级用position:absolute精确定位，常见于下拉菜单、提示信息等场景。
-
答案：利用HTML5Canvas和JavaScript，通过正弦函数生成动态波浪。首先获取Canvas上下文，设置画布尺寸，使用beginPath、moveTo和lineTo绘制路径，结合Math.sin函数计算Y轴偏移，通过requestAnimationFrame循环更新相位offset实现波浪滚动动画；可叠加多层不同频率振幅的波形增强真实感，使用createLinearGradient实现渐变填充，并通过clearRect清除画面保持动画流畅。性能上建议减少绘图点密度、复用变量，避免卡顿。
-
@media(prefers-color-scheme)可原生响应系统深色/浅色偏好，仅需在CSS中声明:root默认值与dark媒体查询覆盖，避免重复定义、硬编码颜色及JS混用，确保SSR无闪屏且兼容主流现代浏览器。
-
line-clamp不生效的主因是缺失关键声明：必须同时设置display:-webkit-box、-webkit-box-orient:vertical和-webkit-line-clamp:N，且父容器需overflow:hidden；它仅限WebKit内核，不兼容Flex/Grid布局，也不响应动态内容更新。
-
箭头函数省略大括号时隐式返回表达式结果，加大括号后须显式return，否则返回undefined；返回对象字面量需用小括号包裹以避免被解析为函数体。
-
应使用clamp()控制字号边界：font-size:clamp(16px,3.8vw,22px)，避免纯vw导致小屏过小、大屏过大；配合无单位line-height和微调letter-spacing实现整体可读性优化。
-
type-of()是Sass唯一可靠的运行时类型检查函数，返回"number"、"string"、"color"等字符串；它不识别自定义单位，需配合unit()或unitless()使用，且仅适用于编译期确定的静态值。
-
<inputtype="number">并非真正数字输入框，仅提供基础校验；需配合inputmode="numeric"、lang属性及JS过滤才能实现可靠数字输入与防错。
-
用绝对定位图片时文字不绕行，需手动为文字设置margin避开图片区域，同时确保父容器设position:relative。
-
使用opacity和transform:translateY()在同一@keyframes中同步控制，可实现淡入上滑动效；需加forwards保持终态，起始状态须与元素默认样式一致。
-
答案：通过CSS的position属性实现文字在图片上的叠加布局。首先，父容器设置position:relative，内部文字元素使用position:absolute，并配合top、left等属性精确定位；结合transform居中或调整至特定位置，同时为文字添加背景提升可读性，图片设为width:100%以自适应容器，确保整体响应式与视觉效果稳定。
