-
使用CSSGrid实现响应式图片画廊，关键在于grid-template-columns配合minmax()和auto-fit。容器设为display:grid，使用repeat(auto-fit,minmax(200px,1fr))让列数自适应屏幕宽度，小屏少列、大屏多列；gap和padding优化间距；img设置width:100%、height:auto保证等比缩放不溢出；可选添加overflow:hidden和:hover缩放提升视觉效果；通过@media(max-width:480px)设1fr
-
最可靠方案是用Flex或Grid布局替代float/inline-block；Flex适用于均匀分布，Grid适合固定列数；需规避vertical-align和line-height导致的偏移及最后一行塌陷问题。
-
用position:absolute叠加图片需父容器设position:relative，img2用absolute+top/left定位，居中用top:50%;left:50%;transform:translate(-50%,-50%)，z-index显式设置更稳妥。
-
font-size不支持平滑CSS过渡，应改用transform:scale()配合transform-origin实现视觉平滑缩放；响应式场景优先使用clamp()+transition:font-size；强制过渡需JS插值。
-
height:0到height:auto无法直接过渡，因CSStransition需明确数值而auto是运行时计算值；常用max-height替代，设足够大的固定值并配合overflow:hidden；JS方案用scrollHeight动态获取真实高度；Chromium114+支持@starting-style实现原生height过渡但兼容性有限。
-
本文详解Django多层URL包含（include）中因重复引入同一应用路由导致的url模板标签解析错误，并提供清晰、可维护的URL分层设计方案。
-
box-shadow生效需元素有渲染盒：设置宽高、背景色或为块级元素；参数为水平偏移、垂直偏移、模糊半径和颜色；图片需设display:block，文字用text-shadow；多层阴影用逗号分隔，inset实现内阴影。
-
JavaScript中链表需手动实现，核心是用对象模拟节点并通过next指针连接；单向链表节点含val和next，链表类维护head，支持O(1)头插、O(n)尾插及索引操作，需注意空链表和边界处理。
-
答案：设计SSG需模块化解析、模板、路由、构建与插件系统，实现内容到HTML的预渲染，支持数据聚合与增量构建，确保高性能与易部署。
-
用position:absolute配合top:0、right:0实现右上角定位，父容器需设position:relative；微调推荐transform:translate(x,y)，响应式优先用flex布局，IE11需zoom:1+float兼容。
-
合理设置line-height可解决段落行高过高问题。通过使用无单位数值（如1.4）、重置默认样式、针对字体调整间距，并注意继承对子元素的影响，能有效提升文本可读性与界面排版紧凑度。
-
Canvas2D上下文无法移除，只能清空或覆盖；clearRect(0,0,canvas.width,canvas.height)是唯一标准清空方式，不重置上下文状态；重置需save/restore或手动还原；释放内存须设canvas.width=0或移除DOM节点。
-
多入口配置中entry必须为对象形式，如{main:'./src/main.js',admin:'./src/admin.js'}，以生成独立JS文件；HtmlWebpackPlugin需为每个入口配置单独实例并指定chunks；splitChunks需设chunks:'all'才能提取多入口公共代码。
-
柯里化将多参函数转化为单参函数链，组合通过pipe或compose连接函数，实现逻辑清晰、可复用的函数式编程。
-
本文介绍如何正确判断页面中所有必填（required）输入框是否全部非空，避免因逻辑错误导致“仅一个有值就判定通过”的常见Bug，并提供简洁、健壮的现代JavaScript解决方案。
