-
使用JavaScript的Date对象结合setInterval实现网页实时时间显示，通过获取本地时间并格式化输出，每秒更新一次页面元素内容，支持自定义格式或区域设置。
-
需后端在Access-Control-Expose-Headers中暴露X-RateLimit-Reset，前端用Date.parse(response.headers.get('Date'))获取服务端当前时间，再与X-RateLimit-Reset（秒级时间戳×1000）做差计算剩余秒数，避免客户端时钟偏差。
-
高阶组件是React中复用组件逻辑的设计模式，本质为接收组件并返回增强组件的函数。它通过包装原有组件实现功能扩展，如权限控制、日志埋点、加载状态管理等，无需修改原组件代码。典型形式为constwithEnhancement=(WrappedComponent)=>{...}，利用组合特性实现逻辑抽离。常见应用场景包括权限校验、数据上报、异步加载处理和表单验证增强。使用时需避免在render中创建HOC、注意静态方法丢失及props命名冲突问题，过度嵌套易导致“包装地狱”。随着Hooks普及，许多功能
-
本文介绍如何使用JavaScript批量、自动地为网站多页面中所有出现的特定词语（如“Dog”）统一添加超链接，无需手动逐个修改HTML，兼顾大小写匹配与上下文完整性。
-
移动端布局抖动源于图片/视频加载后重排，核心是提前预留正确容器空间；aspect-ratio是最直接解法，但须配合width/max-width使用，且需注意Safari兼容性、宽高比动态适配及Flex/Grid中的失效场景。
-
Canvas绘图完全依赖JavaScript控制，需先获取2d或webgl上下文并确认可用性，再通过ctx方法绘制图形、实现动画和响应交互。
-
掌握Canvas绘图需理解坐标系、路径绘制、样式控制与动画原理。1.原点在左上角，通过getContext('2d')操作绘图；2.使用beginPath、lineTo、arc等绘制图形；3.设置fillStyle、strokeStyle等属性控制外观，结合save/restore管理状态；4.利用requestAnimationFrame实现动画循环，清除画布避免拖影。合理优化性能可提升渲染效率。
-
首先通过浏览器直接打开HTML文件测试基础功能，若需处理同源策略限制则应搭建本地服务器，可使用Node.js与http-server工具启动服务，或利用VSCode配合LiveServer插件实现热重载预览，同时确保HTML中script标签正确引入外部JS文件且路径无误，以保障JavaScript正常执行。
-
浮动元素默认不参与z-index层叠计算，需添加position（如relative）才能使z-index生效；现代布局应优先使用flexbox或grid替代float。
-
TypeScript是带类型检查的JavaScript增强版，所有合法JS代码都合法，但通过编译时检查提前拦截空值等错误；优先用interface定义可扩展业务对象，unknown替代any保障安全，类型是需持续维护的活契约。
-
明确注释目的并统一格式，随代码同步更新，定期清理过期内容，确保HTML注释始终准确有效。
-
TV浏览器HTML5缓存清理必须组合“强制刷新+后台清空+物理断电”三步：输入特殊URL或应用管理中清除数据、JS注销ServiceWorker、localStorage.clear()加断电重启，缺一不可。
-
Symbol解决了对象键名冲突问题，模拟私有属性，支持元编程。1.Symbol创建唯一键，避免不同模块间属性覆盖；2.Symbol键默认不可枚举，隐藏内部属性；3.内置知名Symbol扩展对象行为。Symbol()每次生成唯一值，适合局部唯一键；Symbol.for()在全局注册表中查找或创建Symbol，确保跨模块共享。访问Symbol键需用方括号语法并持有Symbol引用，遍历可用Object.getOwnPropertySymbols或Reflect.ownKeys。二者区别在于唯一性与作用域，使用
-
LocalStorage本身不支持按URL路径限制单个键的读写权限，但可通过命名约定（如添加页面前缀）结合封装逻辑，在应用层模拟“页面级作用域”，确保数据仅被目标页面安全使用。
-
事件委托适用于大量动态增删元素的场景，通过在父容器绑定事件并利用冒泡和e.target.closest()精准捕获目标，避免重复绑定、内存泄漏及重绘时的逻辑耦合。
