-
闭包是函数记住其创建时的词法环境,关键在于内层函数是否引用并持续访问外层变量。典型误区包括误认所有嵌套函数都是闭包、混淆闭包与语法关键字、等同闭包与内存泄漏;for循环中var声明的i在setTimeout输出5,源于函数作用域共享与变量提升;let、IIFE或setTimeout传参可解决;闭包会阻止垃圾回收被引用的变量,需及时移除监听器、避免过度捕获、必要时手动置null;ChromeDevTools的Scope面板中Closure分组可查看实际捕获的变量。105 收藏 -
纯HTML无法实现鼠标跟随,必须用JavaScript监听mousemove事件获取clientX/clientY坐标并动态更新元素transform或left/top样式,CSS仅能辅助过渡动画和视觉表现,无法读取鼠标实时位置。105 收藏 -
fetch是浏览器原生API,轻量但需手动处理错误、Cookie、超时等;axios是第三方库,开箱即用,内置拦截器、自动JSON序列化、超时控制等功能,适合中大型项目。105 收藏 -
首先将HTML文件添加到WindowsDefender排除列表以避免误报,具体可通过三种方式实现:一、在Windows安全中心的病毒和威胁防护设置中,进入排除项并添加该文件或文件夹路径;二、以管理员身份运行PowerShell,使用Add-MpPreference命令将文件所在路径加入ExclusionPath;三、对于专业版系统,可使用组策略编辑器,在“MicrosoftDefender防病毒”下的排除项中配置文件夹或文件类型排除规则,从而全局生效。105 收藏 -
组合选择器通过联合多个基础选择器更精准定位元素。例如p.red表示同时是段落且有red类的元素;常见形式包括标签+类、标签+ID、类+类,如p.highlight选中带highlight类的段落,.btn.primary选中同时含btn和primary类的按钮;使用时需注意顺序不影响匹配、不可加空格、优先级较高以及避免过度嵌套。105 收藏 -
HTML中写style属性算“写样式”,但仅是优先级最高的一次性内联覆盖,无法支持伪类、媒体查询、CSS变量及动画,且难维护、易冲突、触发重排,适用场景仅限JS实时计算或SSR动态状态。105 收藏 -
CSS 实现卡片堆叠效果,使用 absolute 与 z-index 是常见方法。以下是一个简单实现思路:设置容器为相对定位(position: relative),以便内部绝对定位元素以它为参考点。给每个卡片设置绝对定位(position: absolute),并调整 top 和 left 值来控制位置。通过 z-index 控制卡片的层级顺序,数值越大越靠前。示例代码如下:
卡片堆叠不必须用position:absolute;本质由层叠上下文和z-index控制,position:relative等也能触发,但z-index对static无效,且父子层叠上下文会隔离z-index作用域。105 收藏
print-color-adjust:exact必须写在@mediaprint块内才生效,且目标元素需显式声明background-color,同时用户打印设置不能启用“仅打印文本”选项。105 收藏
用Set实现高性能权限校验,依托其唯一性和O(1)has()查询,适用于前端路由守卫、按钮显隐等场景;初始化时将后端数组转为Set,多角色权限用展开运算符合并,动态更新需批量操作并配合响应式方案。105 收藏
使用UIKit可快速构建响应式网页,通过CDN引入CSS和JS文件后,利用预设类名实现按钮、导航栏、卡片等组件,结合栅格系统适配多设备,并通过uk-*指令添加模态框等交互效果,提升开发效率。105 收藏
闭包记忆化通过私有缓存将递归DP时间复杂度从指数级降至线性,关键在于闭包内自引用、可靠键生成(如${n}|${capacity})和缓存管控(上限/LRU)。105 收藏
Foundationv6响应式栅格需同时加载CSS、JS及viewport标签,且JS必须初始化;仅引CSS会导致小屏不堆叠,未调用$(document).foundation()则show/hide类失效,自定义断点须同步Sass与JS。105 收藏
white-space:nowrap是禁止文字换行的正确起点,但单独使用常失效:需配合width/max-width、display:block/inline-block、overflow:hidden及text-overflow:ellipsis才能实现完整截断效果,且在表格、contenteditable等场景需额外处理。104 收藏
:focus直接生效但易污染全局、损害可访问性;失效主因是outline:none未替代、动态元素未就位、显隐属性阻断、权重覆盖、语义类型未区分;推荐用:focus-visible区分键盘/鼠标聚焦,并适配高对比模式。104 收藏
用[href$=".pdf"]可精准匹配以.pdf结尾的URL并添加图标,因$=操作符只匹配属性值结尾,比*=更安全;需注意空格、协议不影响匹配,但IE8不支持。104 收藏