-
CSS的:target伪类用于给URL锚点指向的元素添加样式，实现视觉反馈；2.它通过HTML的ID属性和CSS的section:target规则匹配当前哈希值对应的元素；3.常见应用场景包括目录导航高亮、纯CSS选项卡/手风琴、页面内弹窗、特定内容分享链接高亮；4.可结合JavaScript优化用户体验，如平滑滚动、清除URL哈希、响应式布局适配、动态内容处理；5.使用时需注意浏览器兼容性（老旧IE不支持）、URL哈希与历史记录影响、样式优先级问题、默认滚动行为、可访问性、动态内容ID冲突及性能考量。
-
本文探讨了如何利用数组中的值动态创建JavaScript对象实例的多种高效方法。我们将详细介绍使用for...of循环将实例存储到数组或对象中，并重点推荐利用Array.prototype.map方法实现简洁的数组实例化，以及如何通过动态属性名创建可按名称访问的对象集合，避免了手动声明变量的繁琐和潜在的全局变量污染问题。
-
:empty选择器用于选中内容为空的HTML元素并对其应用样式。它要求元素内部不能有任何内容，包括文本、子元素、空格或换行符。1.通过设置display:none可隐藏空元素；2.:empty是状态选择器，根据内容是否存在决定样式，不同于display:none或visibility:hidden的主动隐藏；3.常用于动态内容加载、表单验证提示、富文本清理等场景；4.使用时需注意空白字符、替换元素不适用及注释会导致选择器失效等问题。
-
自定义单选按钮样式需隐藏原生按钮，用CSS伪类模拟外观并确保name属性一致；通过JavaScript监听change事件获取用户选择，并在表单提交时通过:checked选择器获取选中值，同时保证标签关联、键盘导航和屏幕阅读器兼容以满足无障碍要求。
-
本文旨在解决在JavaScript循环中，如何精准替换特定字符串的首个字符，同时保留字符串中其余内容的问题。通过示例代码，我们将演示如何使用slice()和indexOf()等字符串方法，配合switch语句，实现对日期字符串中星期简称的替换，最终达到既替换星期简称，又不影响日期显示的目的。
-
本文旨在提供一个简洁高效的方法，使用原生JavaScript统计页面中选中的复选框数量。通过querySelectorAll方法，我们可以轻松获取所有带有特定类名且被选中的复选框元素，并直接获取其数量，从而简化代码并提高性能，并将其应用于密码强度指示器等场景。
-
函数节流的核心是限制函数在单位时间内只能执行一次，常用于优化高频事件的性能。与防抖不同，节流采用“定时定量”执行策略，无论事件触发多频繁，每隔一段时间必定执行一次，适用于需要周期性响应的场景。防抖则等待事件流停止后才执行，适合只关注最终状态的操作。节流典型应用场景包括滚动事件（如懒加载、滚动加载）、窗口缩放、鼠标移动（如拖拽、绘图）和按钮防重复点击等。一个基础节流实现使用setTimeout配合标志位控制执行频率，而更健壮的版本支持leading（首次立即执行）和trailing（末次补执行）选项，并提供
-
display切换方案的核心思路是通过媒体查询将表格元素转换为块级元素，实现垂直堆叠布局，并利用data-label属性和伪元素恢复表头信息。具体步骤：1.使用语义化HTML结构；2.在小屏幕媒体查询中设置display:block并隐藏表头；3.通过data-label和::before伪元素显示列标题；4.调整样式优化对齐与布局。局限性包括代码冗余、内容过长影响体验、可访问性问题、交互限制及不适用于复杂比较型表格。其他响应式策略有横向滚动、列隐藏、翻转表格和使用JavaScript库，各自适用于不同场
-
Meta标签是网页的“幕后大脑”，因为它们在用户不可见的情况下控制着网页的字符编码、移动适配、搜索引擎索引与排名、社交媒体分享展示等核心行为；2.常见Meta标签包括charset用于防止乱码，viewport实现移动端适配，description影响搜索结果摘要，robots控制爬虫抓取，OpenGraph和TwitterCard标签优化社交平台分享效果；3.配置不当会引发隐形问题，如description关键词堆砌导致SEO惩罚，viewport缺失造成移动端体验差，robots误设为noindex导
-
setTimeout的核心作用是延迟执行代码，它将回调函数放入任务队列等待主线程空闲后执行；2.实际延迟时间受事件循环影响，并非精确值；3.常用于UI延迟显示、动画、防抖节流及分批渲染；4.注意this指向、定时器未清除导致内存泄漏、循环中闭包陷阱等问题，使用let或bind可避免常见错误。
-
go方法是window.history对象提供的核心功能，允许编程方式在浏览器会话历史记录中导航。要使用go方法进行跳转，调用history.go(delta)，其中delta为整数，表示跳转步数：正数向前跳转，负数向后跳转，0则重新加载当前页面。history.back()等同于history.go(-1)，history.forward()等同于history.go(1)。当需要动态计算跳转步数时，go方法更具优势。常见注意事项包括：历史栈边界问题可能导致跳转失败、跨域限制阻止不同源页面跳转、异步性导
-
JavaScript中直接使用==或===无法正确比较对象内容，因为它们只比较引用地址而非实际值；要实现内容相等判断，需进行深层比较。1.首先检查引用是否相同，相同则返回true；2.排除null或非对象类型，确保两者均为对象；3.特殊处理Date和RegExp对象，分别比较时间戳和源码与标志；4.对数组递归比较长度及每个元素；5.对普通对象通过Object.keys()获取自身属性并递归比较属性值；6.使用hasOwnProperty确保不比较原型链上的属性。此外，实际开发中推荐使用Lodash的_.i
-
闭包是函数能够记住并访问其创建时的词法作用域，即使外部函数已执行完毕；2.它通过内部函数捕获父级词法环境的引用实现，使外部变量不被垃圾回收；3.常见应用包括私有变量封装、函数工厂、事件回调、模块模式及防抖节流；4.潜在问题有内存泄漏、性能开销和this指向混乱；5.避免方法包括及时解除引用、减少不必要的闭包创建，以及使用箭头函数或变量保存this来正确绑定上下文。闭包是JavaScript核心特性，合理使用可提升代码模块化与健壮性，同时需注意其副作用并采取措施规避，以确保性能与内存安全。
-
console.log是JavaScript调试的基础工具，它提供程序运行时的可见性，能输出变量值和执行流程，帮助快速定位问题。1.它适用于查看函数参数、中间结果和最终输出；2.但过度依赖会导致代码混乱，需结合其他console方法如warn、error、table、dir、time等增强调试效果；3.更高效的方式是使用浏览器开发者工具的Sources面板设置断点、逐行执行、检查作用域和调用堆栈；4.其他面板如Network、Elements、Application可用于排查网络、样式和存储问题；5.常见
-
检测JavaScript原型是否被密封最直接的方法是使用Object.isSealed()，它会返回一个布尔值表示对象是否被密封；2.密封对象后不能添加或删除属性，但可以修改现有属性值，而冻结对象（Object.freeze()）则完全禁止修改；3.密封操作不影响原型链上的属性查找，实例仍可正常继承和访问原型方法，且可在实例上覆盖方法而不影响被密封的原型。
