-
先用Flexbox构建页脚结构，再通过媒体查询适配移动端。使用flex布局实现三栏分布，结合justify-content与align-items控制对齐，设置flex-wrap允许换行；在屏幕小于768px时，通过mediaquery改为column布局，使内容垂直堆叠，优化小屏可读性；同时调整字体、间距，提升可访问性与视觉体验。
-
column-gap设置后没生效？先检查display类型多列布局不是所有display值都支持，column-gap只在启用了多列上下文的容器上起作用。常见错误是直接给div加column-gap却忘了设column-count或column-width。display:block、display:inline下column-gap完全无效必须配合column-count（如column-count:3）或column-width（如column-width
-
如何用HTML+CSS+JavaScript实现弹窗？首先，使用HTML构建弹窗结构，包含弹窗容器、内容区域和触发按钮；其次，通过CSS设置隐藏状态、遮罩层和样式布局；最后，利用JavaScript控制显示与隐藏，包括点击按钮打开弹窗、点击关闭按钮或遮罩层隐藏弹窗。此外，可添加防止页面滚动、层级管理和移动端适配等优化细节。
-
要让背景图片铺满整个页面，需设置html和body高度为100%、清除默认margin和padding，并将background:url('xxx.jpg')no-repeatcentercenter/cover应用在body或固定定位全屏容器上。
-
01背包问题是在限定容量下使物品价值最大化，每物仅可选一次；使用动态规划，通过状态转移方程dpi=max(dpi-1,dpi-1]+value[i])求解；JavaScript中可用二维数组实现，再优化为一维数组从后往前更新，降低空间复杂度。
-
CSS没有background-video属性，全屏背景视频需用video元素配合object-fit:cover、width:100vw、height:100vh及autoplaymuted等属性实现，并注意移动端playsinline、兼容性降级和视频源质量。
-
:focus-within在Bootstrap表单中失效，因父容器未直接包含可聚焦子元素或结构不合规；应确保label包裹input、或给容器设tabindex="-1"，优先使用v5.3+的.form-floating组件。
-
虚拟滚动是只渲染当前视口内元素的技术：用占位层撑起总高度、计算可视区域索引、通过transform定位避免重排；适用于500+条固定高度数据的滚动场景。
-
密码输入框用pattern属性仅做提交校验，需配合input事件实时过滤非法字符，并在服务端重复校验。
-
<cite>标签语义始终为作品标题，HTML5起不再默认斜体且不隐式关联来源；须用<a>包裹实现链接，禁用<blockquotecite>，引文出处应显式置于<footer>或微数据中。
-
MiniCssExtractPlugin不能用style-loader替代，因前者在构建阶段将CSS单独提取为物理.css文件，后者仅运行时注入<style>标签；开发用style-loader（支持HMR），生产才用MiniCssExtractPlugin.loader。
-
1、使用旧版Firefox并启用Java插件；2、在Java控制面板降低安全等级并添加信任站点；3、用JDK的appletviewer工具独立运行；4、检查HTML中applet标签的code和archive路径是否正确。
-
background-image自适应核心是background-size:cover/contain，Sassmixin仅封装重复逻辑；真正有用的bg-cover需设center定位、no-repeat，并兼顾@2x图与宽高比约束，而响应式依赖CSS能力而非Sass运行时。
-
简写的十六进制颜色码是当每对红、绿、蓝颜色值相同时，可将六位#RRGGBB缩写为三位#RGB格式，如#FF00CC→#F0C；仅当每种颜色的两位十六进制数相同才可简写，否则需保留完整格式；该规则广泛用于CSS中设置文字、背景、边框等样式，能减少文件体积、提升加载效率；优点包括书写快捷、节省字符、提高可读性且兼容现代浏览器；注意事项有：非重复值不可简写，团队开发需统一规范，避免混用格式造成维护困难，部分工具默认输出六位格式需手动调整；掌握“成对相同才能缩”的原则即可正确使用。
-
iOS上word-break:break-all失效因Safari渲染兼容性限制，中文等无空格文本中常被忽略；可靠方案是overflow-wrap:break-word、word-break:break-word与white-space:normal三属性协同。
