-
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。
-
ReactHook必须在组件顶层或自定义Hook的顶层调用，不能在循环、条件或回调中调用。本文详解如何安全地为动态生成的元素（如列表项）批量创建并管理ref，避免“cannotbecalledinsideacallback”错误。
-
justify-content用于设置Flexbox主轴上子元素的对齐方式，其值包括flex-start（默认左对齐）、flex-end（终点对齐）、center（居中）、space-between（首尾贴边，中间等距）、space-around（两侧间距相等）和space-evenly（整体等距），结合display:flex与flex-direction可实现灵活布局，常用于导航栏或垂直排列等场景。
-
表格用于展示结构化数据，如成绩表或价格清单，具有明确语义；DIV布局结合CSS适用于页面整体排版，支持响应式设计、易于维护。应遵循“数据用表格，布局用DIV”原则，确保代码清晰、符合Web标准。
-
本文讲解如何在用户选择预设图片时，自动清空文件上传输入框（<inputtype="file">）中已选的文件，确保两者互斥；核心方法是将fileinput的value属性重置为空字符串。
-
箭头函数是ES6引入的简洁函数语法，无独立this、arguments、prototype，不能作构造函数，不绑定动态this，适合简短回调；有隐式返回和剩余参数替代arguments。
-
requestAnimationFrame适用于需与屏幕刷新率同步的连续视觉更新，如滚动视差、Canvas绘图等；一次性动画应优先用CSStransition。其核心是递归调用加时间戳控制，使用浏览器提供的高精度timestamp，避免Date.now()。
-
Express需调用app.listen()才启动服务器，因其实例仅为请求处理器；app.use()用于中间件（路径前缀匹配），app.get()用于路由（精确匹配GET）；须防端口占用与未捕获异常。
-
HTML5元数据升级聚焦charset、viewport及语义化name值，强化SEO与可访问性；charset须置head最前，viewport禁用user-scalable=no，keywords已失效，canonical等标签冲突会直接损害页面可信度。
