-
使用grid-template-areas可将复杂网格布局可视化，通过语义化命名和字符串定义结构，如"headerheader""sidebarmain""footerfooter"，使布局关系一目了然；外层用areas管理整体架构，内层按需设置grid处理细节，避免深层嵌套；结合媒体查询可轻松实现响应式调整，如移动端重排为"header""main""sidebar""footer"；建议使用语义化名称、对齐字符串、用点表示空白，提升可读性与维护性。
-
使用Flexbox可高效创建响应式图片画廊。1.建立包含多个.item子项的.gallery容器；2.设置display:flex与flex-wrap:wrap，实现项目自动换行并用gap控制间距；3.通过flex:11250px等设置让项目可伸缩，适配不同屏幕；4.结合媒体查询，在768px和480px断点下调整item尺寸，实现多设备兼容布局。
-
this的值由调用方式动态决定，而非定义位置；obj.method()中this为obj，独立调用时非严格模式下为window/globalThis，严格模式下为undefined，箭头函数则继承外层普通函数的this。
-
答案：通过浏览器扩展注入CSS可隐藏GitLab滚动条并优化界面。具体采用::-webkit-scrollbar和scrollbar-width等属性隐藏滚动条，推荐局部隐藏以保留可用性，同时可用CSS高亮关键字、调整字体布局、隐藏冗余元素，提升信息获取效率与专注度，增强个性化体验。
-
后引入的CSS会覆盖先引入的同权重样式，这是CSS层叠机制的设计而非bug；顺序决定覆盖关系，推荐硬性引入顺序：normalize.css→variables.css→base.css→components/.css→pages/.css或themes/dark.css。
-
async函数需搭配await才能体现价值，因await可暂停执行等待Promise解决，实现类似同步的异步控制流；单独使用仅自动包装返回值为Promise，无法处理异步等待。
-
JavaScript通过Reflect和Proxy实现运行时内省与反射，支持动态检查与修改对象结构。内省指获取属性列表、描述符等信息，反射则可调用方法、改变行为。ES6引入Reflect提供统一API，如get、set、ownKeys等，返回值更规范；结合Proxy可拦截操作并透明转发，默认行为由Reflect执行，常用于元编程、数据绑定与验证场景。
-
实现60fps动画的关键在于遵循浏览器渲染机制：使用requestAnimationFrame、避免强制同步布局、减少重绘重排、优先用transform/opacity、合理控制计算量；GSAP、FramerMotion、anime.js、Popmotion等库封装了这些实践。
-
使用Bootstrap5的Flexbox工具类（如d-flexflex-column和mt-auto），可轻松实现按钮在固定高度容器内的底部对齐，无需额外CSS或JavaScript。
-
HTML复选框通过<inputtype="checkbox">实现多选，name属性相同的一组可多选，value为提交值，添加checked可默认选中，配合label提升可访问性，JavaScript可通过DOM获取选中值，表单提交时仅选中项被发送，后端需以数组形式接收同名checkbox数据。
-
IntersectionObserver是判断图片进入视口最可靠高效的方式，它原生支持、不触发重排重绘、可设threshold和rootMargin提前加载，需配合unobserve、decode和错误降级处理，并注意SSR一致性及跨浏览器兼容性。
-
重构大型Vue项目需逐步迁移至CompositionAPI，先分析OptionsAPI中数据、逻辑分散问题，识别可复用逻辑；再通过setup函数整合data、method与computed，提升代码组织性；接着将分页、权限等公共逻辑抽离为composable函数，增强复用性；最后结合Pinia优化状态管理，替代Vuex，利用其对CompositionAPI的原生支持，改善类型推断与模块化结构。整个过程应按模块渐进推进，建立统一规范，确保团队协作效率与项目可维护性。
-
语义上标注重点应优先使用<mark>和<strong>：前者用于上下文相关的高亮引用，后者表示强重要性；混用会损害可访问性与SEO。
-
form的target属性必须写在<form>标签上，值为_self、_blank等，用于指定提交响应的打开位置；常见错误是误加在按钮或JS中，且_blank易被浏览器拦截，可用隐藏iframe方案规避；SPA中应优先用fetch/axios替代。
-
JavaScript垃圾回收由引擎自动执行，依据可达性判断对象是否可回收；V8采用Scavenge（新生代）和Mark-Sweep/Mark-Compact（老生代）算法；隐式引用如未移除的事件监听器、未清除的定时器、DOM缓存等易致内存泄漏。
