-
IP访问限制必须在服务器层（如Nginxdeny指令、ApacheRequirenotip）或网络边界（如CDN防火墙、iptables）实现，静态HTML文件内无法通过JS或注释控制；Nginx中deny需置于server块内且配合allowall，Apache需启用AllowOverrideAuthConfig，CDN或WAF更适于动态IP封禁。
-
ClassMixins模式通过将用户身份拆分为AuthMixin、PaymentMixin等正交能力模块，实现零耦合复用；要求Mixin不定义__init__、不假设属性存在、命名带Mixin后缀；组合时按需叠加，方法冲突需显式协同而非覆盖。
-
减少请求数、压缩资源、合理缓存和优化加载时机是JavaScript网络请求优化的核心。通过资源合并、雪碧图、HTTP/2、内联关键资源减少请求数；启用Gzip/Brotli压缩、精简JSON、图片懒加载和动态导入降低传输体积；利用Cache-Control、ETag、内存缓存和ServiceWorker提升缓存效率；结合预加载、节流、并发控制和优先级调度优化请求时机。配合Webpack、CDN和接口聚合策略，可显著提升页面响应速度与用户体验。
-
最稳方案是window.scrollTo({top:0,left:0,behavior:'smooth'})，Chrome61+、Firefox68+、Safari15.4+原生支持；禁用scrollTo(0,0)或scrollTop=0，避免漏写behavior或混用参数形式。
-
unicode-range在IE11、Android4.4WebView及iOS9.3前Safari中不支持或解析异常，导致字体回退失效；需用JavaScript检测lang属性加载子集、@supports降级、独立font-family兜底并清洗字体name表。
-
使用required属性可将输入框设为必填项，只需在input、textarea或select等表单元素中添加该属性，浏览器会在提交时自动验证，未填写则阻止提交并提示；配合form标签和提交按钮实现完整表单验证，可通过CSS设置invalid样式优化外观，用title属性自定义提示信息，注意select默认选项值应为空字符串以确保验证生效。
-
align-items:baseline在CSSGrid中无效，因规范不支持该值；Grid基于轨道布局，子项为块级盒且无天然基线，浏览器静默忽略并回退至stretch。
-
OA审批流程页应使用语义化HTML结构：用<ol>定义流程顺序，<li>配合data-status属性标识节点状态，按钮按权限动态插入，历史记录用<details>折叠，连接线用伪元素实现。
-
箭头函数解决普通函数this绑定混乱问题，因其不绑定this而沿用外层词法作用域；但不可用作构造函数，也不适用于需动态this的场景，如对象方法或类组件事件处理器。
-
直接给body或html加filter:grayscale(100%)可实现全局灰度，但Chrome/Safari中因transform、opacity或will-change触发合成层冲突会导致失效；IE/Edge需SVG滤镜兜底；性能优化需避免*选择器、慎用hover动画并提前准备合成层。
-
HTML实现记住密码通常通过表单的 autocomplete 属性和 localStorage 或 cookie 存储用户输入的账号密码。对于登录状态的保持，一般使用 cookie 或 token（如 JWT）来实现。一、HTML 实现“记住密码”功能在 HTML 表单中，可以通过以下方式实现“记住密码”：
“记住密码”功能的核心是服务器生成持久化凭证并通过Cookie存储，而非在HTML中直接保存密码；2.当用户勾选“记住我”，服务器验证登录信息后生成唯一令牌（如SessionID或Token），并设置包含该令牌的Cookie，其Max-Age/Expires设为长期有效，同时启用HttpOnly、Secure和SameSite属性以增强安全；3.浏览器自动存储该Cookie，并在后续请求中自动携带，服务器通过验证令牌的有效性与过期时间实现自动登录；4.不直接在HTML或客户端存储密码，是因为客户端环境开放
-
JavaScript是通用语言，初学者应先用浏览器Console验证console.log；避免var，优先用const/let；本地开发需HTTP服务而非file://；DOM操作须确保元素已加载。
-
V8大概率内联结构可预测、无副作用的纯函数，如add、clamp、multiply；含try/catch、剩余参数、可选链、动态绑定或破坏类型稳定性的函数即使仅3行也会被拒绝。
-
HTML与JavaScript必须协同工作：HTML提供DOM节点，JavaScript才能操作；document.getElementById是最稳的获取方式，但需判空防错；querySelector/All更灵活但有陷阱；内联onclick是维护雷区；script放置位置决定DOM可用性。
-
line-height是控制行距的唯一正确属性，应使用无单位数值；段落间距用margin-bottom；外边距折叠是规范行为；避免滥用p标签破坏语义。
