-
Proxy是拦截对象操作的构造函数，Reflect提供与之对应的标准化方法；二者协作可规范拦截逻辑、复用默认行为并支持receiver等细节。
-
::placeholder样式不生效主因是被重置样式覆盖或前缀缺失，需四套兼容写法、避免opacity、用class切换实现动态控制，并注意SSR首屏兜底。
-
HTML5Canvas本身不提供边缘检测API，需用JavaScript手动实现图像卷积（如Sobel算子），通过getImageData读像素、卷积计算梯度、归一化后putImageData写回，注意CORS、越界和性能优化。
-
掌握JavaScript正则技巧可提升性能与可读性：1.预编译正则并复用变量，避免重复解析；2.合理使用g、i、m、u修饰符，按需启用；3.优先使用非捕获组(?:)和惰性匹配.*?；4.结合match、replace、split等字符串方法简化操作。
-
策略模式在JavaScript中通过封装可互换的算法来实现行为的动态切换，1.将算法独立封装为函数或类；2.创建上下文对象持有并调用当前策略；3.通过setStrategy等方法在运行时切换策略；4.使算法变化与客户端解耦，提升扩展性与可维护性，适用于多算法动态切换、避免复杂条件判断、提高测试性等场景，且符合开闭原则，但会增加对象数量，要求客户端了解策略选择，简单场景可能造成过度设计，常用于表单验证、促销计算等业务，与工厂模式（关注对象创建）和模板方法模式（基于继承固定流程骨架）相比，策略模式侧重于算法的
-
合理使用repeat()、auto和minmax()可构建高效响应式Grid布局：repeat(3,1fr)创建三等分列，auto实现内容自适应，minmax(250px,1fr)设定最小宽度与弹性扩展，结合使用可减少媒体查询，提升布局灵活性。
-
Sketch无法直接导出功能型HTML，但可通过三种方式实现：一、用Anima插件生成响应式HTML+CSS；二、用SketchtoHTML插件导出基础结构代码；三、手动导出资源并编写语义化HTML。
-
Vue.js中使用TypeScript的Props应定义独立interface（如UserCardProps），避免内联类型；区分必传/可选，配合withDefaults保证类型安全与默认值一致性。
-
浮动导航栏结合定位功能可实现随页面滚动固定显示的效果。首先通过float:left将li横向排列，清除默认样式并设置宽高与文本居中；再利用position:sticky或fixed使导航栏在滚动时吸附顶部或保持可见，其中sticky需设置top和z-index以确保层级与触发条件。注意fixed元素脱离文档流，建议设宽度为100%防止布局异常，且移动端推荐使用媒体查询优化显示，如切换为垂直排列或汉堡菜单。尽管现代布局多用Flexbox，但float与position组合在兼容旧浏览器时仍具实用价值。
-
::first-line常无效因仅作用于块级容器中纯文本或纯内联元素的首行，受display类型、子元素类型及white-space等属性限制；仅支持color、font-size等文本属性，不支持margin、padding等布局属性。
-
Vue.js中监听Vuexstate需通过computed创建响应式连接再用watch监听，或使用store.subscribe/subscribeAction全局订阅，Pinia则支持直接watchstore属性，更简洁高效。
-
真正有效的CSS精简需结合静态分析与上下文裁剪，而非仅删注释空格；核心手段包括用PurgeCSS删除未使用规则、谨慎配置cssnano、拆分CSS按需加载，并清理第三方库冗余样式。
-
HTML5明确禁止用<table>做页面布局，仅适用于语义化表格数据；现代布局应选Flexbox（单维排列）或Grid（二维网格），避免display:table等伪表格方案。
-
JavaScript类继承通过extends实现子类复用父类属性方法，基于原型链但用class语法更直观清晰，提升代码可读性与维护性。
-
inline-block元素间缝隙源于HTML将换行/空格解析为文本节点并渲染为空白，而float通过脱离文档流规避该机制；现代布局应优先使用flex或grid，仅IE8–9等旧环境才考虑float。
