-
HTML5无版本跳转差异,跳转行为取决于实现方式:a标签、JSAPI(如location.assign)、HTTP重定向在HTML4/5中完全一致;唯一真差异是HTML5新增的HistoryAPI(pushState/replaceState),支持无刷新路由但需同源且服务端配合。
-
Less断点Mixin不生效的根本原因是未显式调用,必须写如.responsive-box();才能编译输出;需集中管理断点变量、避免硬编码、慎用嵌套与max-width,并注意组件隔离与编译一致性。
-
要让div默认显示滚动条,需同时设置固定宽高(如height:200px)和overflow:auto或scroll;仅设overflow无效。还需注意跨浏览器差异、自定义样式限制及移动端兼容性问题。
-
JavaScript模块打包是将多个JS及非JS资源按依赖合并转换优化为少量浏览器可运行文件的过程;它解决ES6模块的局限性,支持Loader/Plugin扩展、代码分割、TreeShaking等工程化能力。
-
Vue3中<img>默认不居中是因为其为inline元素,需设display:block或父容器用text-align:center;错误做法包括误用内联样式、忽略盒模型、SSR下依赖onMounted操作DOM;正确方案是语义化HTML结构+CSS类控制布局。
-
padding默认会让元素变大,因content-box模型下width/height仅指内容区,padding和border额外增加;改用box-sizing:border-box可使宽高包含padding和border,推荐全局设置*{box-sizing:border-box}。
-
Canvas是HTML5的位图绘图API,通过getContext('2d')获取上下文,设置样式后调用fillRect/strokeRect、lineTo/beginPath/stroke、arc等方法绘制图形,需注意清空画布、beginPath重置路径及弧度单位换算。
-
background-position:center仅控制背景图定位点对齐容器中心,不控制缩放与裁剪;需配合background-size:cover才能实现居中剪裁,且裁剪区域受图片与容器宽高比影响。
-
<mark>标签用于语义化高亮,表示内容在当前上下文中被突出标注,适用于搜索匹配、引文强调、教学标注三类场景;不可滥用或仅作视觉装饰,须保留其语义特性。
-
答案:JavaScript解构赋值的高级用法包括函数参数默认值结合、变量重命名、嵌套结构部分提取、剩余操作符收集字段及数组默认值与跳过元素,提升代码简洁性与健壮性。
-
class选择器以点号开头,可多元素复用,权重为10;id选择器以井号开头,页面唯一,权重为100,优先级更高,常用于唯一结构与JS快速获取。
-
首先判断年份是否为闰年,再通过switch语句累加前几个月天数,最后加上当月日期得出当年第几天。例如2024年3月1日为第61天,因2024是闰年,2月有29天。
-
PostCSS-pxtorem没生效主因是插件顺序错误、构建工具配置位置不对或样式未走PostCSS流程;rootValue必须与HTML实际font-size严格对应;需合理配置exclude和propList控制转换范围。
-
Flex容器滚动卡顿主因是浏览器对flex-wrap布局的O(n²)算法复杂度,子元素超200个时重排耗时骤增;可用content-visibility:auto(配contain-intrinsic-size)、优化flex-basis、或改用Grid/绝对定位缓解。
-
IE10/11中flex-basis被完全忽略,需用-ms-flex+width双声明并设box-sizing:border-box兜底。