-
CORS是浏览器与服务端协同实现的跨域解决方案，核心在于服务端正确响应预检请求及返回相应CORS头，前端无法单方面绕过同源策略。
-
JavaScript中实现代理的核心机制是ES6的Proxy对象，它通过拦截目标对象的操作实现自定义行为，需传入目标对象和包含get、set、apply等陷阱方法的handler对象，结合Reflect确保正确执行默认操作，从而实现如数据校验、响应式系统等高级功能，相比Object.defineProperty具有拦截更全面、支持动态属性和数组操作的优势，尽管存在兼容性限制，但已成为现代前端框架如Vue3实现响应式系统的首选方案。
-
在MVC5项目中，通过JavaScript动态加载图片时，仅设置CSS样式或style.width/height无法生成HTML原生width和height属性，导致搜索引擎无法正确解析图片尺寸；本文详解如何在onload回调中可靠注入width/height属性，兼顾响应式布局与SEO优化。
-
HTML压缩对传输效率提升有限，仅当服务器未启用Gzip/Brotli时才有效；真正起效的是Content-Encoding:br或gzip响应头，而非本地删减空格注释。
-
原生<inputtype="time">能用但限制多：兼容性差（Safari旧版退化为文本框）、不支持分钟步进（如15分钟）、无清空按钮、无法隐藏秒；推荐flatpickr（轻量、支持minuteIncrement/清空/格式控制）或手写select方案。
-
Promise.finally在Promise状态变为fulfilled或rejected后必定执行，不接收参数，不影响链式返回值，也不捕获或阻止错误传播，内部抛错会覆盖原始错误。
-
filter多条件组合只生效最后一个，因每次返回新数组导致链式调用实为覆盖；应统一在单次filter内用布尔表达式组合条件，并注意防抖、WebWorker优化及UI状态同步。
-
表单元素在CSSGrid中高度不一致的主因是默认盒模型、内边距、字体及行高差异，且align-items:stretch仅对无显式高度的子项生效；需统一box-sizing:border-box、设min-height而非height、同步font-size/line-height/padding，并对textarea单独处理。
-
应使用min-height:100dvh+max-height:100dvh+overflow-y:auto替代height:100vh，配合flex-shrink:0和visualViewport.resize监听，在不支持dvh时降级并用JS动态更新高度。
-
不该用浮动做表单布局，因其导致文档流脱离、错位、响应失效及可访问性问题；推荐用CSSGrid或Flexbox替代，旧项目维护可保留，新增页面应避免。
-
border-radius:50%能画标准椭圆，因水平半径=宽×50%、垂直半径=高×50%，宽≠高时两半径不等即成椭圆；斜杠语法（如50%/50%）支持独立控制水平与垂直方向圆角。
-
repeat()方法常见应用场景包括生成分隔符、文本对齐、构建重复模式、生成占位符。①生成分隔线如console.log("=".repeat(50))；②文本对齐如padRight函数用空格填充；③构建重复图案如SVG路径；④生成占位文本如"X".repeat(100)。使用时需注意内存消耗、RangeError异常及类型转换问题：①重复过长字符串可能占用大量内存；②负数或Infinity参数抛出RangeError；③小数参数自动截断，非数字参数抛出异常。相比其他方法，repeat()代码更简洁直观，
-
1、使用debugger语句可在开发者工具中触发断点暂停执行；2、通过async/await与Promise实现异步延时等待；3、利用条件轮询模拟暂停逻辑；4、通过HTML层面控制脚本加载时机以达到暂停效果。
-
表单必须设method="post"和正确action，name属性不可缺，提交按钮需type="submit"，移动端优先用语义化type和inputmode优化键盘。
-
利用CSS的gap属性配合Flexbox或Grid布局，可轻松实现响应式卡片间距自适应。1.使用Flexbox时，设置display:flex、flex-wrap:wrap和gap，再通过flex:11calc()定义卡片尺寸，实现自动换行与间距均匀；2.使用Grid时，设置display:grid、gap和grid-template-columns:repeat(auto-fit,minmax())，由浏览器自动计算列数并保持间距一致。相比传统margin方案易出现行尾错位、需复杂媒体查询等问题，gap
