-
Hostinger不支持直接运行Vite开发服务器（npmrundev），需通过构建生产版本（npmrunbuild）生成静态资源并正确部署public/目录，确保Laravel的@vite指令能正常读取manifest.json。
-
BootstrapCollapse必须引入JS文件（如bootstrap.bundle.min.js）才能生效，仅写data-bs-toggle和data-bs-target不起作用；HTML结构需符合规范，目标容器要有collapse类和唯一id；多折叠项互斥需用accordion容器并设置data-bs-parent；动画异常多因CSS干扰height/opacity过渡；纯CSS方案（如details/checkboxhack）兼容性差、可访问性弱，不推荐生产使用。
-
定位元素的布局受父元素影响，关键在于包含块和已定位祖先。1.包含块由最近的已定位（relative、absolute、fixed、sticky）祖先决定，若无则相对根元素。2.父元素设为relative可作为子元素定位参考，不脱离文档流。3.absolute元素脱离文档流，相对于最近的非static定位祖先定位，偏移从内容区或border-box计算。4.fixed元素相对视口定位，通常不受父级影响；sticky元素依赖父容器滚动生效，需足够高度触发粘性。掌握这些机制可实现精准布局控制。
-
最常用方法是使用Flexbox或CSSGrid实现卡片自动换行。1.Flexbox通过flex-wrap:wrap和flex属性控制每行卡片数量，配合gap设置间距，适合高度不一的卡片；2.CSSGrid使用grid-template-columns:repeat(auto-fit,minmax(250px,1fr))实现等宽自适应布局，代码更简洁；3.可结合媒体查询优化响应式效果，在不同设备上调整列数，Grid适合固定列宽，Flexbox更灵活，按需选择即可。
-
JavaScript中return返回undefined的根本原因在于：XMLHttpRequest是异步操作，函数在响应到达前已执行完毕并返回，此时回调中赋值的变量尚未生效。必须通过Promise/async-await或同步请求（不推荐）来确保获取真实响应。
-
闭包因保留对外部变量的引用而延长其生命周期，若内部函数被长期持有且未及时释放，如赋值全局变量、未解绑事件监听或定时器，会导致本应回收的内存无法释放，从而引发内存泄漏；例如createLargeClosure返回的函数持续引用largeData，造成内存占用；避免方法包括减少闭包中大对象引用、及时清理事件监听与定时器、避免全局存储闭包及在框架卸载时清除副作用。
-
fixed定位返回顶部按钮本质是相对于视口定位，通过top/bottom与left/right组合设定锚点；右下角标准写法为bottom:24px、right:24px，需设宽高、z-index:999、aria-label，并用requestAnimationFrame节流滚动监听，过滤iOS回弹异常值。
-
异步编程在JavaScript中引入了时间不确定性，导致竞态条件、数据泄露、错误处理缺失等安全风险。核心解决措施包括：1.严格验证输入并编码输出；2.使用互斥锁或信号量管理共享资源；3.强化状态管理和前置同步安全检查；4.设计幂等性API并控制异步流程顺序；5.全面使用try...catch和.catch()捕获异常；6.细粒度处理错误类型并避免暴露内部信息；7.设置全局错误处理器并建立安全日志系统。这些策略确保异步操作的安全性和系统的整体稳定性。
-
需依次完成五步：一、将HTML5文件默认关联至浏览器并全部更改；二、在Safari中启用“禁用本地文件限制”；三、系统设置中开启触控板网页滚动与双指轻扫，关闭页面间轻扫；四、用BetterTouchTool绑定手势直启HTML5文件；五、添加touchstart监听及viewport标签验证触控生效。
-
统一图标与文字间距的关键是显式控制样式。1.使用固定margin-right（如8px）确保稳定间距；2.采用em单位适配不同字号，提升响应式表现；3.设置vertical-align:middle确保垂直对齐，必要时微调；4.推荐使用flex布局配合gap属性，精确控制子元素间距，避免依赖默认渲染，提升一致性。
-
用纯HTML+CSS实现数字徽章：父容器设position:relative，徽章<span>设position:absolute;top:-6px;right:-6px;background:#ff4757;color:white;font-size:12px;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;，避免overflow裁剪、确保不塌陷、适
-
符合HTML5规范的网页需：一、用<!DOCTYPEhtml>和<htmllang="zh-CN">等结构；二、以<header><nav><main><article><footer>替代div；三、用<video><audio>及<source>嵌入媒体并设备用文本；四、用type="email"/required等增强表单；五、正确使用Canvas与SVG绘图。
-
Node.js的EventEmitter通过_events对象存储事件名与回调函数数组的映射，实现发布-订阅模式；使用on/once注册监听器，emit触发事件并同步执行回调，支持动态添加和移除监听器，是Stream、HTTP等模块的基础机制。
-
可使用:placeholder-shown伪类实现输入框为空时的样式变化，需配合placeholder属性，支持Chrome47+等现代浏览器，IE不支持。
-
链表应用对象模拟，节点含value和next；栈用Array的push/pop即可；队列避免shift，宜用双端指针优化。
