-
通过CSS的background-image等属性可灵活设置网页背景图片。首先使用background-image指定图片路径，如body{background-image:url('bg.jpg');}；默认图片会平铺，可通过background-repeat控制，取值包括repeat（默认）、no-repeat（不重复）、repeat-x（横向重复）和repeat-y（纵向重复），例如添加background-repeat:no-repeat防止重复；利用background-position调整图片
-
最简可用姓名邮箱联系表单需用<formmethod="POST"action="/contact">配对，含三组<label>+<input>（name必填），type="email"和required启用原生校验，本地测试action="#"防跳转，后端依name属性接收数据。
-
解析HTML需用专用工具：一、Python的BeautifulSoup（易用，容错强）；二、JavaScript的DOMParser（前端原生）；三、Python的lxml（速度快，支持XPath）；四、Node.js的jsdom（服务端模拟DOM）；五、命令行htmlq（轻量，CSS选择器提取）。
-
<time>标签必须带ISO8601格式datetime属性，含显式时区，显示文本须与datetime逻辑一致，否则机器解析失效。
-
答案：Redux中间件通过三层函数结构拦截action，在分发前执行异步处理、日志等逻辑，支持自定义功能如promise中间件，并可通过applyMiddleware集成，结合DevTools调试，需注意顺序与错误处理。
-
子类实例污染父类原型属性源于在prototype上挂载可变对象导致共享引用，正确做法是将可变数据初始化于构造函数内，并对不可信输入过滤敏感键名、使用Object.create(null)及冻结关键原型。
-
使用百分比宽度和box-sizing:border-box可实现浮动元素自适应布局。1.设置float:left和width:50%使元素并排；2.添加box-sizing:border-box确保padding和border不超出宽度；3.父容器应用clearfix防止高度塌陷。此方法兼容旧项目，配合清除浮动能稳定实现响应式多列布局。
-
TailwindCSS适合什么项目？不适合什么项目？Tailwind不是“万能加速器”，它真正提效的前提是：你有至少3个中等复杂度页面，且团队愿意统一用原子类表达设计意图。小项目（比如单页登录表单、A/B测试页）硬套Tailwind，反而会因全量扫描content路径、加载未用类、热更新卡顿而拖慢开发。适合：中后台系统、Next.js/React/Vue项目、需要高度定制品牌色与间距体系的业务线不适合：仅需兼容IE11的老系统、静态营销页（bootstrap.min.css一行引
-
省市区三级联动必须用JavaScript实现，不能仅靠HTML嵌套select；需用data-level和data-parent标记层级依赖，否则无法动态清空、加载与过滤。
-
移动端多列网格布局应优先使用display:grid，因其通过grid-template-columns一行定义列数与响应行为，比Flexbox更直接稳定；Flexbox仅适合一维排列，强行用于多列易导致换行错位和高度不一致。
-
Less嵌套不改变CSS权重，关键在编译后选择器字符串；应显式用>、禁用空格、&开头写伪类，避免超3层嵌套和跨区域硬套。
-
移动端图片本身不会被识别为电话号码，变色的是纯文本数字串；iOSSafari/WKWebView自动将其解析为蓝色可点击链接；禁用需在head中添加<metaname="format-detection"content="telephone=no">。
-
CSS-in-JS是一种将样式写入JavaScript的模式，常见于React中，通过styled-components、emotion和JSS等库实现组件化样式管理，提升封装性与动态控制能力。
-
实现HTML表单数据完整性的关键是前端与后端验证相结合，前端验证通过HTML5属性（如type、required、pattern、minlength、maxlength）和JavaScript实现即时反馈，提升用户体验，但无法完全防止恶意输入；后端验证则通过数据类型、范围、格式校验及数据库约束确保数据安全，是最终防线；为防止篡改，应使用HTTPS加密传输、CSRFtoken防护、HMAC签名、输入过滤与转义（如htmlspecialchars）以及验证码机制；为防止数据损坏，需实施数据库事务处理、定期备份
-
Flex容器中margin-bottom不撑高父容器并非外边距合并，而是align-items:stretch默认行为所致：子元素无明确高度且内容少时底边“浮”在基线附近，margin-bottom未参与布局计算；gap是更优解，因其为Flex/Grid原生间距机制，不塌陷、不解耦、语义准确，现代浏览器已全支持。
