-
闭包是函数记住其创建时的词法环境,关键在于内层函数是否引用并持续访问外层变量。典型误区包括误认所有嵌套函数都是闭包、混淆闭包与语法关键字、等同闭包与内存泄漏;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 收藏
HTML加载慢主因非体积大,而是阻塞渲染、错误路径、base64内联、缺失压缩及file://协议限制;应通过Network面板定位瓶颈,用本地服务器替代双击打开。104 收藏
原生对话框(alert/confirm/prompt)虽零依赖但阻塞主线程、无样式定制且兼容性差,现代项目应优先使用语义化可定制的<dialog>元素或轻量封装方案。104 收藏
使用CSSGrid的grid-template-columns配合auto-fit和minmax可实现响应式图片墙:.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;}auto-fit会自动填充并拉伸列以适配容器,避免空白;minmax(200px,1fr)确保每列最小200px、最大等比分配。大屏显5列、平板3列、手机1列,无需媒体查询。与auto-fill不同,auto-104 收藏
使用LiveServer插件是VSCode中运行HTML文件的最佳方式,安装后右键选择“OpenwithLiveServer”即可在浏览器中实时预览并自动刷新页面。103 收藏
list-style-type仅对<ol>有效,常见值有decimal、lower-roman、upper-alpha和none;自定义序号需用counter-reset、counter-increment和::before;缩进应调padding-left而非text-indent;移动端序号截断需检查overflow和父容器min-width。103 收藏
根路径href、语义化nav结构、aria-current标记当前页、external链接配rel="noopener"、动态路径由模板函数生成,确保全站链接一致可维护。103 收藏
<address>标签专用于声明页面或文章的责任人联系信息,如作者、维护者邮箱或官网链接;仅允许嵌套<a>、<em>、<br>等短语内容,作用域限于最近<article>或<body>顶层,不可用于普通地址或跨作用域混用。103 收藏
计算属性因依赖字段未初始化而崩溃,本质是生命周期与依赖声明顺序不匹配;需确保data/setup中提供安全初始值,防御性处理异步数据,并避免在初始化阶段手动触发求值。103 收藏