-
CSS自定义属性通过--定义变量,配合var()函数实现值复用,提升样式维护性。示例::root{--primary-color:#007bff;},.button{background-color:var(--primary-color);},支持默认值、作用域与JavaScript动态修改,适用于主题切换与响应式设计,现代浏览器广泛支持。
-
Autoprefixer结合Gulp可自动为CSS添加浏览器前缀,提升兼容性与开发效率。通过npm安装gulp、postcss、autoprefixer后,在gulpfile.js中配置css任务调用autoprefixer插件,并使用overrideBrowserslist或.browserslistrc文件指定目标浏览器范围,如>1%、last2versions;watch任务监听src/css/目录下的CSS文件变化,自动重新编译并输出到dist/css目录。推荐使用.browserslist
-
Less中.clearfix等Mixin不生效,因Less仅做语法转换而不解析CSS语义,厂商前缀需显式调用Mixin或集成Autoprefixer;手写flex()需分IE10旧语法(-ms-flexbox)与现代标准,且属性须配对;Autoprefixer须在Less编译后通过构建工具接入。
-
JavaScript的search()方法仅返回首个匹配项索引,不支持全局搜索、不返回匹配内容或捕获组、忽略g标志但尊重i/m标志、且无法指定起始位置。
-
align-self在多列文字中不起作用,通常因父容器未设为flex容器或子元素非直接子节点;需确保display:flex、检查computedstyles、区分align-items与align-self作用范围,并注意IE11兼容性问题。
-
DllPlugin通过预编译第三方依赖为DLL并配合DllReferencePlugin引用,跳过重复构建流程以提升速度;需分步配置DLL构建与主构建引用,注意版本更新同步、Git忽略DLL文件及HMR限制。
-
用position:absolute贴飘带需父容器设position:relative;左上角用top:0;left:0;transform-origin:topleft;skewX(-20deg);右上角用top:0;right:0;transform-origin:topright;skewX(20deg);z-index设1–2,pointer-events:none,并加translateZ(0)防闪烁。
-
用一个 10 万条数据的列表场景讲清楚前端虚拟列表的核心思路:不一次性渲染全部 DOM,而是根据 scrollTop 计算可视窗口,只保留屏幕附近的行。
-
SockJS通过协议协商自动选传输方式:先请求/info获取服务端支持的transports列表,再按优先级依次尝试WebSocket、XHR流、XHR轮询等,全程对业务透明,且自带会话管理、消息确认与自动重连机制。
-
word-break:break-all在Grid中常失效,是因为grid-item默认min-width:auto(近似min-content),优先撑宽容器而非换行;必须同时设置min-width:0、word-break:break-all和明确宽度(如max-width:100%),并确保未被white-space:nowrap覆盖,四者缺一不可。
-
网站破损链接可通过五种方法修复:一、用在线工具扫描全站并导出错误报告;二、用浏览器开发者工具手动验证单页请求状态码;三、运行Python脚本批量检测本地HTML文件内链接;四、直接修改HTML源码修正内部路径;五、配置服务器301重定向处理外部引用的失效URL。
-
Bulma通过.columns和.column类封装Flexbox布局,实现响应式设计;使用.is-centered和.is-vcentered控制对齐,.buttons和.field.is-grouped用于按钮与表单布局,结合.is-mobile、.is-multiline等辅助类可灵活调整显示效果。
-
页脚需用flex或grid布局实现多栏响应式,禁用float;必须加flex-wrap:wrap或grid-template-columns配合断点;每列用ul包裹链接以保障可维护性、无障碍和深色模式适配。
-
函数柯里化是将多参函数转为单参函数链,通过闭包逐步收参、延迟执行;函数组合则串联单参函数,让数据从右向左流动。二者结合可提升代码复用性、可测试性与表达力。
-
现代响应式布局应以flexbox+grid为核心,外层grid划分区域、内部flex流式排列,配合srcset、clamp、prefers-reduced-motion等原生特性实现真正可用的跨设备体验。