-
用background-image叠加多个渐变可高效实现点阵效果：横向与纵向linear-gradient交叉形成网格点，或改用radial-gradient得实心圆点；background-size需设相同固定像素值（如20px）确保对齐，避免dpr导致的模糊；配合background-origin/clip锚定起点，媒体查询分段控制响应式密度。
-
input提示失效最常见原因是事件未绑定或被覆盖，如JS执行早于DOM加载、data-*属性拼写错误、CSS遮挡提示层、框架生命周期冲突。
-
JavaScript加密可用于客户端数据保护，但不能替代TLS；应使用WebCryptoAPI实现AES、RSA、SHA等算法，配合PBKDF2加盐处理密码，避免前端单独依赖加密，密钥由后端安全分发，典型场景包括密码预处理、本地存储加密和端到端加密，需防重放与篡改，确保每条消息使用唯一nonce。
-
JavaScript的class是函数和原型链的语法糖，本质为函数，不支持提升，constructor必须显式定义且仅一个，继承需调用super()，静态方法绑定类本身，实例方法绑定原型，不可用箭头函数。
-
table.style.backgroundColor="#fff"仅设置表格容器背景，无法覆盖已显式设置cell.style.background的单元格；要彻底清空颜色，必须逐个重置单元格内联样式或使用CSS类统一控制。
-
background-size:cover未生效主因是父容器无明确高度，需设html、body{height:100%}或元素自身用100vh/具体值；移动端Safari兼容差，建议伪元素或img+object-fit替代。
-
Autoprefixer与Gulp结合可自动为CSS添加浏览器前缀，提升开发效率与兼容性。通过gulp-postcss集成Autoprefixer，利用browserslist配置目标浏览器，结合Gulp的流式处理、文件监视和任务链，实现CSS编译、加前缀、压缩自动化。常见问题包括browserslist配置不当和插件顺序错误，需确保Autoprefixer在预处理之后、压缩之前执行。优化建议包括使用sourcemaps调试、结合其他PostCSS插件、模块化gulpfile及使用gulp-cached提
-
position:absolute时margin不失效，但参考系变为定位上下文；relative定位下margin与top叠加易致布局“飘忽”；fixed元素用margin易引发溢出；flex/grid中应优先使用justify-content、gap等现代布局属性而非margin定位。
-
通过CSS的transition和:active伪类实现按钮点击颜色平滑过渡，首先设置background-color的0.3秒缓动动画，鼠标按下时背景色由#007bff渐变至#0056b3，再配合hover悬停效果提升交互体验。
-
柯里化是将多参数函数转换为一系列单参数函数的函数式编程策略，核心是每次传一个参数并返回新函数，直至参数收齐才执行；需基于fn.length判断形参个数，注意this绑定、rest参数兼容性及性能适用场景。
-
@import用于CSS中导入样式表，实现模块化管理，语法为@import"file.css"或@importurl("file.css")并可加媒体查询，需置于文件开头。
-
本文详解如何为两个<select>元素绑定change事件，利用data-*属性存储关联参数，并在任一选择变更时自动拼接URL、跳转至目标页面，无需提交按钮。
-
首先需配置本地服务器环境以解决HTML5项目加载异常。可通过XAMPP、Node.js的http-server、VSCode的LiveServer或Python内置服务器部署，确保支持AJAX请求与模块化功能，最后在浏览器访问对应地址运行项目。
-
position:fixed使头部脱离文档流，导致后续内容从顶部渲染而被遮挡，需用margin-top或padding-top补偿；其定位相对于视口，不感知父容器边界。
-
JavaScript代码压缩与无用代码去除核心在于构建工具链（如Terser）的正确配置与开发规范，关键是如何让工具准确识别可删内容；Terser支持ES6+、混淆、死代码删除与常量折叠，Webpack生产模式默认启用并集成tree-shaking，Vite默认使用Terser（可选esbuild）；tree-shaking依赖ES模块静态结构，需避免CommonJS混用、动态导出，并合理设置sideEffects；开发残留（如console、debugger）需通过DefinePlugin、Babel插
