-
使用CSSTachyons可通过预定义类高效控制布局与排版。1.间距类：ma1–ma6、pa1–pa6设置外边距和内边距，mt3、mb4等控制单方向，mx-auto实现水平居中；2.字体类：f1–f6设定字号，fw1–fw9调整粗细，black、tc等设置颜色与对齐；3.排版增强：lh-copy优化行高，measure限制行宽提升可读性；4.响应式支持：如f3f2-ns在不同屏幕适配字体。组合这些类可快速构建响应式界面，无需自定义CSS。
-
本文详解wkhtmltopdf中--header-html和--footer-html参数的正确用法，重点解决因字符编码异常（如误入不可见扩展字符à）导致的“Unknownlongargument”报错问题，并提供可复用的命令示例与避坑指南。
-
应使用:disabled伪类控制禁用元素样式，它自动匹配disabled属性状态，语义化强、易维护，支持button、input、select、textarea等原生元素，但对自定义组件无效；需组合opacity、cursor、outline等属性增强可感知性，并注意层叠优先级与兼容性。
-
响应式卡片网格布局通过CSSGrid的gap属性和媒体查询实现自适应展示。使用grid-template-columns配合auto-fit与minmax确保卡片按屏幕尺寸自动换行，gap统一设置行列间距，避免传统margin计算问题。移动端优先设计，默认单列，600px以上平板显示两列，900px以上桌面端增至三列并调整间隙。容器用padding处理边缘间距，卡片不设固定宽度，依赖网格分配空间。内部图片设width:100%实现响应式缩放，字体大小随屏幕增大提升可读性。整体布局兼顾美观与兼容性，细节如避
-
<p>最简合法hex颜色写法是constrandomHex='#'+Math.floor(Math.random()*0xffffff).toString(16).padStart(6,'0');需避免小数转hex、漏#、位数不足等问题，透明度推荐rgba()而非#RRGGBBAA。</p>
-
WeakMap的键必须是对象且弱引用，不阻止垃圾回收；仅支持set/get，不可遍历；适用于DOM私有数据和类私有字段，但不适用于缓存，且value强引用可能导致循环引用。
-
CSS水平翻转用transform:scaleX(-1)，需设display:block；垂直翻转用scaleY(-1)；组合翻转用scale(-1,-1)；canvas翻转需配合translate()校正原点；事件坐标需手动映射。
-
parseInt截断小数并按radix解析整数，parseFloat提取完整浮点数，Number()和一元加号严格转换且对杂质零容忍。
-
HTML5中可用CSS3的linear-gradient和radial-gradient实现线性与径向渐变，需添加浏览器前缀、设置fallback色、用多重背景叠加，并为旧版IE提供PNG降级方案，再结合CSS变量实现动态交互。
-
本文介绍在JavaScript中高效提取二维矩形数组（即每行长度相等）所有列的方法，核心是利用首行长度驱动外层映射，再逐行取对应索引元素，避免因按行遍历导致列数截断的问题。
-
CSS打包体积大会阻塞首屏渲染，因<link>是阻塞资源；主因包括@import嵌套、冗余类名、重复引入UI库、PostCSS配置不当；可用purgecss按源码类名双向比对删除未用样式，需正确配置content路径与白名单。
-
HTML5不直接显示图标，需通过<img>标签引入SVG/PNG、iconfont字体或内联SVG实现；常见问题包括路径错误、MIME类型不符、CSS未生效及跨域限制。
-
最推荐的前端支付方式是WebPaymentsAPI，它通过PaymentRequest对象统一支付流程，支持多种支付方式并提升安全性和用户体验，同时需配合后端处理支付令牌以完成扣款。
-
掌握JavaScript算法需从基础题入手，理解逻辑并动手实践。重点包括字符串操作、数组遍历、回文判断、斐波那契数列；进阶掌握栈、队列、哈希表及递归应用；通过LeetCode、Codewars等平台每日练习，结合调试优化，提升效率与思维能力。
-
IE10/11中flex-basis被完全忽略，需用-ms-flex+width双声明并设box-sizing:border-box兜底。
