-
分片上传将大文件切块传输，提升稳定性与用户体验；断点续传通过文件哈希标识、服务器进度记录、客户端状态保存等机制，实现中断后续传，解决网络不稳定、服务器压力、超时限制等问题。
-
清除浏览器缓存可解决网页显示异常，具体方法包括：一、通过设置清除“缓存的图片和文件”；二、使用Ctrl+F5或Cmd+Shift+R强制刷新页面；三、在开发者工具的Network选项卡中勾选“Disablecache”临时禁用缓存；四、在chrome://settings/siteData中按域名删除特定网站缓存数据。
-
本文详解如何在Canvas中准确生成适用于嵌入式显示设备的像素字体HEX数据，重点解决宽度超过8px时因位序与字节填充逻辑错误导致的字符翻转问题。
-
<p>1、使用HTML注释<!---->包裹代码使其不被解析；2、通过CSS设置display:none隐藏元素但保留结构；3、利用JavaScript条件判断控制是否执行DOM操作。</p>
-
通过为容器添加/移除active类并配合CSS过渡，可实现单击按钮切换内容显示状态，无需悬停或长按，真正达成“按一次展开、再按一次收起”的交互效果。
-
图文紧密排列需调整图片默认inline行为：一、vertical-align控制对齐；二、display:block+float实现环绕；三、flex布局精准并排；四、font-size:0消除空白符间隙；五、line-height:0压缩行框再微调。
-
JavaScript单元测试核心是隔离验证函数输入输出，主流框架有Jest、Vitest及Mocha+Chai+Sinon；Jest开箱即用，Vitest适配Vite生态，Mocha组合灵活定制强。
-
安装ViewinBrowser插件可一键在默认浏览器预览HTML文件，打开命令面板搜索并安装插件后，右键HTML文件选择“ViewinBrowser”即可实时查看效果。
-
Symbol是JavaScript的第七种原始类型，每次调用Symbol()都返回独一无二、不可重复创建的值，核心用途是作为安全防冲突的对象属性键或内置方法钩子。
-
JavaScript推送通知依赖ServiceWorker，需HTTPS环境与用户授权；先调用Notification.requestPermission()获权，再注册sw.js；激活后通过pushManager.subscribe()获取订阅信息并存至后端；ServiceWorker监听push事件显示通知；后端用web-push库和VAPID签名发送加密推送。
-
固定导航需预留空间防遮挡，推荐body加padding-top；用checkbox+checked实现零JS响应式菜单；合理设置z-index层级；backdrop-filter需避免父容器overflow:hidden；锚点跳转用scroll-margin-top解决遮挡。
-
网页无法通过BOM直接获取短信发送权限，这是浏览器安全模型的设计原则；1.浏览器禁止网页代码访问敏感硬件或系统功能，防止恶意行为；2.可通过sms:协议启动短信应用，但需用户手动发送；3.WebShareAPI允许用户选择短信分享，但不能静默发送；4.网页无直接API访问短信模块，所有敏感权限必须用户明确授权；5.实际业务中通过服务器调用第三方短信服务完成发送，确保安全合规。
-
解决字体超出容器的核心是控制文本显示方式并配合媒体查询动态调整：单行用text-overflow+nowrap+hidden；多行用-webkit-line-clamp（需兼容处理）；优先采用clamp()等流体字号方案，并检查盒模型与换行策略。
-
WebAudioAPI核心是构建音频节点处理图，需四步：创建并恢复AudioContext；添加源节点（如AudioBufferSourceNode）；连接效果节点（如GainNode、AnalyserNode）；连接destination并调用start()播放。
-
浮动元素默认不参与z-index层叠计算，需添加position（如relative）才能使z-index生效；现代布局应优先使用flexbox或grid替代float。
