-
JavaScript时间复杂度衡量执行时间随输入规模的增长趋势，核心是识别最频繁操作并用大O记号表示；单层循环通常O(n)，双重嵌套常O(n²)，但双指针等优化结构仍可保持O(n)。
-
Chrome默认启用ping属性但可手动禁用，Firefox默认彻底禁用且不可开启，Safari从未支持；实际使用中易受协议限制、网络拦截等影响，不推荐用于生产环境。
-
直接在<div>上设contenteditable="true"并加tabindex="0"、role="textbox"、aria-multiline="true"才生效；需排除pointer-events:none、user-select:none、display:none等干扰，且移动端需真实点击触发软键盘。
-
使用margin和gap调整卡片间距，.card设置margin-bottom并清除最后一项，推荐flex或grid布局用gap自动分配间距，grid支持行列不同gap，注意避免margin与padding叠加，统一box-sizing，移动端用rem适配。
-
FetchAPI是现代JavaScript发起网络请求的标准方式，比XMLHttpRequest更简洁、强大且契合Promise/async-await；它默认不rejectHTTP错误状态，需手动检查response.ok或status，并支持配置method、headers、body等选项，但不原生支持超时和上传进度。
-
font-smoothing无法解决跨浏览器字体渲染问题，因其仅为WebKit/Blink私有属性，Firefox/IE不支持，且macOS与Windows行为不一致，实际渲染由系统API决定，CSS仅能微调。
-
原生<inputtype="time">可直接唤起系统级时间选择器，轻量且语义化，但不支持自定义格式、步进限制，且不兼容IE和部分老版Safari；value必须为"HH:MM"格式，需注意时区与iOS兼容性问题。
-
JavaScript通知分本地桌面通知和WebPush推送两类：前者通过NotificationAPI在用户交互后触发即时提醒；后者需ServiceWorker、VAPID密钥及服务端配合实现跨页面/后台推送，但Safari（尤其iOS）不支持，且必须HTTPS环境。
-
首先确保HTML文件正确保存为.html后缀并使用UTF-8编码，然后通过浏览器打开文件或本地服务器运行，同时检查代码结构完整性，最后利用开发者工具排查渲染问题。
-
用flex:1可实现左右固定、中间自适应布局：容器设display:flex，左右用flex:00200px固定宽度，中间用flex:1占满剩余空间，无需浮动或绝对定位，语义清晰且响应式友好。
-
应使用SassMap（如$breakpoints:("sm":576px,"md":768px)）统一管理响应式断点，通过map-get()安全取值、封装breakpoint()函数校验键存在性，并用@each遍历生成工具类，避免硬编码、字符串拼接和单位混用。
-
display属性与盒模型共同控制元素布局，通过block、inline、flex等值定义元素排列方式，结合box-sizing:border-box设置宽高包含边框和内边距，实现精确布局；利用inline-block实现水平导航，flex容器配合子元素margin、padding实现弹性间距，box-sizing统一尺寸计算，避免外边距合并等问题，提升响应式开发效率。
-
导航栏小屏不折叠的三大主因是：navbar-expand-断点类误用、data-bs-toggle/target属性拼写错误、BootstrapJS未正确加载；需核对断点值、严格匹配属性名与ID、确保bootstrap.bundle.min.js在闭合body前加载。
-
帮助中心主结构应使用语义化标签：用<main>包裹全部内容，每个FAQ用<section>包裹并设唯一id，标题用<h2>，答案用<p>，折叠功能优先用<details><summary>；搜索框和分类导航置于<aside>中，确保SEO锚点与无障碍支持。
-
使用Materialize实现响应式导航需引入其CSS和JS文件，构建含sidenav的nav结构，并通过JavaScript初始化Sidenav组件，利用hide-on-med-and-down和sidenav-trigger等类名适配不同屏幕，自动实现移动端折叠菜单与桌面端常显菜单的切换。
