-
\_blank链接需加rel="noopenernoreferrer"以防止安全风险，\_parent在父框架打开，\_top跳出所有框架，framename在指定框架打开，JavaScript可用window.open()动态控制；1.使用\_blank时必须添加rel="noopenernoreferrer"防止Tabnabbing攻击；2.\_parent将链接内容加载到直接父级框架；3.\_top强制在顶层浏览上下文中打开链接；4.framename在指定name的iframe中打开，若不存在则新
-
使用CSSoutline可提升键盘导航体验，因它不占布局空间且兼容辅助技术。通过调整outline-color、outline-offset及配合prefers-contrast，既能美化焦点样式，又保障可访问性，推荐在:focus-visible中应用以兼顾美观与可用性。
-
使用:nth-child可区分表格奇偶行背景色，提升可读性。通过设置tbodytr:nth-child(odd)和even的不同颜色，如浅灰与浅蓝搭配，避免表头受影响，增强视觉层次，使数据更清晰易读。
-
HTML文件可在浏览器中通过五种方式打开：一、双击直接运行；二、右键选择浏览器打开；三、拖拽至浏览器窗口；四、地址栏输入file:///绝对路径；五、用VSCode的LiveServer启动本地HTTP服务。
-
CacheAPI结合ServiceWorker可实现离线访问与性能优化，通过缓存优先、网络优先、预缓存等策略适配不同资源类型，并借助版本控制管理缓存生命周期，提升PWA用户体验。
-
JavaScript通过事件循环实现异步非阻塞，宏任务与微任务按序执行，async/await基于Promise简化异步代码，微任务优先于宏任务执行，掌握机制可提升性能与可预测性。
-
使用position:fixed可将回到顶部按钮固定在视窗右下角，通过JavaScript实现平滑滚动，结合scroll事件控制显示时机，提升用户体验。
-
JavaScript拖放功能核心是HTML5拖放API，需绑定dragstart、dragover（必须preventDefault）、dragenter、drop四个事件，分别处理数据设置、允许放置、视觉反馈和实际操作。
-
HTML教学需从直观认知入手：先解构真实网页源码，明确html、head、body结构；再动手编写首个HTML文件并运行；接着按语义分三类讲解标签；随后纠偏嵌套与闭合错误；最后通过交互式修改巩固知识。
-
本教程旨在解决React应用中处理嵌套数组数据时常见的组件重复渲染问题。当需要根据内层数组的某个条件来渲染外层组件时，不恰当地使用map方法可能导致组件被多次渲染。我们将通过一个电影应用示例，详细讲解如何利用Array.prototype.some()方法，在渲染外层组件前进行条件判断，确保每个父组件只渲染一次，从而优化渲染逻辑和用户体验。
-
Next.js通过getServerSideProps实现SSR：该函数在每次请求时于服务端执行，获取数据后注入页面组件并返回完整HTML。仅限页面组件使用，支持服务端能力但禁用浏览器API，保障数据安全与SEO。
-
10个实用JavaScript一行代码技巧涵盖数组、对象、URL、日期等处理。2.包括判空、深拷贝、取参、随机元素、去重、今日判断、首字母大写、对象为空、数字格式化和布尔切换，提升开发效率。
-
flexgap是解决多行元素间距不一致的最可靠方案，专为flex容器设计，自动处理换行、对齐与响应式场景，支持gap:rowcolumn语法，需父容器设display:flex且兼容现代浏览器。
-
Number.isNaN()用于严格判断一个值是否为NaN，与全局isNaN()不同。Number.isNaN('hello')返回false，而全局isNaN('hello')返回true，因为后者会尝试类型转换。避免产生NaN的方法包括类型检查、除数检查和错误处理。它适用于数据验证、数学计算结果检查和调试。polyfill实现为：if(typeofNumber.isNaN!=='function'){Number.isNaN=function(value){returntypeofvalue==='n
-
ES6的class是基于原型的语法糖，需用new实例化且不提升；支持static静态成员、extends继承及super调用父类。
