-
首先启动Nano编辑器并打开HTML文件，命令为“nanoindex.html”；接着直接输入或修改HTML代码；然后按Ctrl+O保存，回车确认文件名，再按Ctrl+X退出；最后可参考常用快捷键提高效率。
-
JavaScript调试应善用DevTools断点与执行流控制而非仅靠console.log；优先使用debugger语句、合理设置异步断点、启用SourceMap、掌握console高级技巧及内存泄漏排查方法。
-
Node.js通过libuv库实现非阻塞文件I/O，其事件循环将磁盘操作委托给线程池处理。1.调用如fs.readFile时，请求被交给libuv；2.libuv使用内部线程池执行实际I/O操作；3.主线程不阻塞，继续处理其他任务；4.完成后线程通知事件循环；5.事件循环将回调加入队列并在适当阶段执行。同步I/O会阻塞事件循环，影响性能。管理回调和错误可通过Promises实现链式调用，或使用async/await语法提升可读性，同时务必进行错误捕获与处理。
-
history.pushState()新增历史记录，replaceState()替换当前记录；路由跳转用pushState()，修正URL用replaceState()；popstate需手动监听并初始化，避免重复绑定，history.state不随刷新保留。
-
首先创建HTML文件并在项目中输入基础代码，然后配置浏览器运行环境确保IDEA识别本地浏览器，接着通过右键菜单或预览图标在浏览器中打开文件，推荐使用LiveServer插件或npxlive-server启动本地服务器以获得更好预览效果。
-
使用Vue.js开发知识问答系统的实战技巧包括：1)利用组件系统构建问答界面，2)使用v-model实现双向数据绑定，3)通过Vuex管理大量问题和答案，4)应用keep-alive和v-if/v-show优化性能。这些技巧结合Vue.js的轻量级和渐进式特性，使得开发过程高效且易于维护。
-
flex-wrap:wrap在页脚中不起作用的主因是子元素未设flex-basis或宽度限制，导致无法换行；需为子容器设flex:11240px、父容器设width:100%且避免white-space:nowrap等干扰。
-
npm和yarn不可混用，应根据锁文件（yarn.lock优先）统一选用；yarn适合CI/CD，npm适合发包；pnpm项目中二者均不应出现；安装、脚本执行行为存在关键差异。
-
Next.js13的error.tsx和not-found.tsx并非全局拦截器，而是基于ReactErrorBoundaries和路由层级的特殊组件；它们无法捕获事件处理器（如onClick）中抛出的同步错误，需通过状态驱动+useEffect触发异常才能被正确捕获。
-
小屏表格横向溢出应优先降级为语义化块级布局（如grid/flex），或用卡片式垂直排列；若保留table，需外层容器加overflow-x:auto和-webkit-overflow-scrolling:touch，并避免white-space:nowrap。
-
details标签支持内联样式和事件绑定，但原生行为会干扰：onclick触发两次、display/float导致失效；禁用切换需JS拦截toggle事件或pointer-events:none；不参与表单提交，兼容性方面IE全系不支持。
-
模块化解决代码组织与依赖管理，聚焦逻辑拆分复用；组件化解决UI构建与视图复用，聚焦界面封装隔离；二者分层协作，组件为载体、模块为零件。
-
父容器高度塌陷是因浮动元素脱离文档流所致，clearfix伪元素通过content:"";display:table;clear:both;height:0;可安全修复，且比overflow:hidden更可靠，避免裁剪溢出内容。
-
cubic-bezier()的四个参数定义贝塞尔曲线的两个控制点坐标，x1/x2必须在[0,1]内，否则被忽略退为ease；y值可越界实现回弹等效果，调试推荐Chrome动画检查器拖动预览。
-
width属性不保持比例，易致拉伸变形；应移除内联width/height，改用CSS的max-width:100%、height:auto或aspect-ratio实现响应式等比缩放。
