eval是JavaScript中高危函数，将字符串作为代码执行，易导致XSS、性能差、调试难、作用域混乱；应禁用，改用JSON.parse、方括号访问、Reflect.apply等安全替代方案。

输入框获得焦点时样式不生效，需确保元素可聚焦（如加tabindex）、正确使用:focus伪类、避免:focus-visible误用，并注意outline覆盖、移动端兼容性及焦点被抢占问题。

懒加载的核心目的是提升网页初始加载速度和用户体验，减少不必要的资源消耗，其最推荐的实现方式是结合HTML的loading="lazy"属性和JavaScript的IntersectionObserverAPI。对于图片和iframe，可直接使用原生loading="lazy"实现高效懒加载；对于背景图、视频、自定义组件等复杂场景，则应采用IntersectionObserverAPI异步监听元素进入视口的时机，动态加载资源，避免主线程阻塞。懒加载解决了传统全量加载导致的首屏渲染慢、带宽浪费、服务器压力大等

<p>HTML5注释不支持多语言语法，仅用<!---->包裹纯文本；所谓“多语言注释”靠前缀如zh:、js:等人工约定实现，需统一格式、空格分隔，并配合工具提取校验。</p>

事件循环先执行同步代码，再清空微任务队列，最后执行宏任务；因此setTimeout（宏任务）总在Promise.then（微任务）之后执行。

JavaScript对象是键值对集合，键为字符串或Symbol，值任意；点号仅支持合法标识符静态键名，方括号支持动态、特殊字符、Symbol及数字键；安全读取嵌套属性用可选链（?.）或逻辑与判断；动态增删属性须用方括号，delete有不可配置属性陷阱，不可用赋undefined代替删除。

flex-wrap是控制Flex项目是否换行的属性，默认nowrap；当表单项多、容器窄时，设为wrap才能折行实现响应式布局，并需配合justify-content和flex设置确保对齐与宽度分配。

JavaScript中原型链继承与ES6类继承底层均基于原型，但类继承通过extends和super提供更清晰语法，自动处理原型链接与静态属性继承，减少错误，提升可读性。

WordPress插件中使用admin_notices钩子输出提示消息时，若未包裹在.wrap容器内，会导致通知全宽显示、遮挡侧边栏或脱离主内容区（#wpbody-content），根本原因是该钩子触发过早，此时WordPress管理后台主体结构尚未渲染。

链式调用要求每个方法返回this以维持调用链，需避免遗漏returnthis、构造函数返回新对象、异步中混用同步返回、this绑定丢失等问题。

图片悬停放大应使用transform:scale()而非width/height，避免重排、实现GPU加速；需设display:block、transition写在常态、合理设置transform-origin和overflow:hidden，并注意高清源图与高DPI兼容性。

安装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解决遮挡。