-
Bootstrap5分页需严格遵循结构规范：用<nav>包裹<ulclass="pagination">，页码项为<liclass="page-item">，链接为<aclass="page-link">；禁用态须同时加disabled类和aria-disabled="true"；当前页必须用<a>而非<span>；JS需阻止默认跳转并委托监听点击事件。
-
使用Flexbox可通过align-items:stretch实现等高图片排列，将图片包裹在flex子项中并设置flex:1，结合object-fit:cover确保图片不变形；通过flex-wrap:wrap和flex-basis设置最小宽度，配合gap控制间距，利用容器的display:flex构建响应式弹性图片网格，使布局在不同屏幕下自动换行并均分空间，保持视觉整齐。
-
答案：移动端JavaScript手势识别依赖touch事件，通过监听touchstart、touchmove、touchend等实现滑动、长按，或使用Hammer.js库支持双击、缩放等；需注意避免事件冲突与体验影响。
-
执行上下文是JavaScript代码运行的基础环境，分为全局、函数和eval三种类型；创建时经历创建和执行两阶段，涉及this绑定、词法环境与变量环境构建；函数调用时生成新上下文并入栈，形成调用栈，全局上下文在栈底，函数执行完后出栈，该机制支撑变量提升、作用域链与闭包等核心特性。
-
clearfix仍值得用，因其是局部浮动+不可改结构场景下最轻量、兼容性最佳的方案，通过伪元素触发BFC且不裁剪溢出内容，优于overflow:hidden。
-
JavaScript常用排序算法中，快速排序是高效O(nlogn)的分治算法，选基准值划分数组并递归排序，原地实现但最坏O(n²)，不稳定，适合无序数据。
-
浏览器默认解析HTML标签，需用HTML实体编码（如<html>）、<code><pre>组合、JavaScripttextContent、CSScontent属性或服务端转义（如PHPhtmlspecialchars）使其显示为纯文本。
-
CSS中没有layered选择器，所谓“层叠”实为特异性、声明顺序和!important共同作用的结果；@layer是用于控制样式优先级的层叠规则，而非选择器。
-
需直接编辑导出的HTML源码进行定制化调整：一、修改页面标题和viewport；二、替换图片、CSS、JS等静态资源路径；三、在body底部注入自定义JavaScript逻辑；四、调整CSS响应式断点与容器宽度；五、移除墨刀水印。
-
JavaScript音视频处理依赖浏览器原生API，核心包括HTMLMediaElement播放控制、WebAudioAPI精细音频处理、MediaRecorder客户端录制及WebRTC/MediaStream实时流处理，需注意兼容性、权限与HTTPS要求。
-
使用position:sticky结合媒体查询和弹性布局可实现响应式固定侧边栏。1.设置position:sticky与top值使侧边栏在滚动时吸附；2.通过媒体查询在移动端隐藏或抽屉式展开；3.采用Flex布局适配不同屏幕；4.避免fixed定位导致的脱离文档流问题，确保容器无overflow:hidden以保障sticky正常工作。
-
低配机可流畅运行HTML5，关键在于选用轻量浏览器（如FirefoxESR、OperaMini、CentBrowser）并关闭硬件加速、预测网络请求和限制JavaScript线程数，同时本地运行需启用HTTP服务而非file://协议。
-
ECharts图表未显示的常见原因及解决步骤：一、通过CDN正确引入库并验证；二、确保DOM容器存在且具明确宽高；三、在DOM就绪后初始化实例；四、异步加载时等待库加载完成；五、校验配置项合法性。
-
使用curl脚本测量本地服务器HTML/CSS加载时间，并通过Conky周期性显示。1.编写bash脚本调用curl获取time_total等指标；2.在~/.conkyrc中用${execi10~/scripts/load_time.sh}每10秒执行；3.可分离监控HTML与CSS文件耗时；4.脚本可添加条件判断优化输出，颜色控制建议置于Conky配置中。
-
Vite开发时免打包、按需编译，启动瞬时且HMR精准；Webpack全量构建、兼容性广但冷启动慢；新项目优先Vite，老项目或需深度定制选Webpack。
