-
最快上手是pdfkit（依赖wkhtmltopdf），但易崩；puppeteer更可控但启动慢；window.print()非真PDF；FlyingSaucer适合静态报表；核心难点是业务验收细节。
-
本文介绍一种轻量、高性能的递归算法，用于快速计算两个对象间的深度差异，支持嵌套对象与属性删除标记（值为"deleted"），适用于高频调用场景。
-
当使用<inputtype="number">且min="0"时，浏览器原生增减按钮首次点击仍显示1而非0；本文提供纯HTML/CSS/JS实现方案，无需自定义控件，通过事件监听与状态标记可靠触发初始值设为0。
-
应使用JavaScript添加自定义类（如is-loading）并配合CSS设置cursor:wait，而非依赖button:disabled；因:disabled在多数浏览器中会忽略cursor样式，且语义上仅防重复提交，不传达加载状态。
-
Less的@import默认是嵌套导入，直接全局替换会导致样式优先级混乱；应改用@import(reference)避免重复输出，对第三方CSS用@import(inline)，并监控编译后文件体积。
-
直接用style属性设置字体、字号、颜色最简单高效；推荐font-family备选链、rem单位、十六进制颜色；内嵌style标签适合统一控制；中文字体需注意系统差异、引号包裹、@font-face匹配；rem利于缩放与响应式，px适用于固定尺寸场景。
-
元素未变大主因是默认inline显示不支持宽高；需改display为block等，同时注意替换元素例外、父容器限制、百分比依赖包含块高度、box-sizing默认content-box易溢出、vw/vh与max-width的优先级关系及vh在移动端的滚动风险。
-
现代浏览器默认禁止有声视频自动播放，需静音或用户交互后触发；preload应设为metadata；视频编码需用H.264Baseline/Main、Level≤3.1、GOP1–2秒，MP4格式优先。
-
使用position:absolute和z-index可实现按钮提示框，首先设置父按钮为relative定位，提示框为absolute定位并用top、left和transform调整位置，通过:hover触发opacity显示，同时设置z-index确保层级优先，避免被其他元素遮挡，配合transition实现淡入效果，并可通过::after伪元素添加指向箭头，提升视觉引导。
-
colspan和rowspan用于逻辑占位而非视觉拉伸：colspan="n"使单元格占据当前行n列，后续列需跳过；rowspan="m"使其跨m行，下方m-1行对应列须留空，否则结构错乱。
-
策略模式通过封装不同算法并允许运行时切换，提升代码灵活性与可维护性。以促销折扣计算为例，定义normal、gold、platinum、diamond等策略对象，结合PriceCalculator类实现动态切换，避免冗长条件判断。支持开闭原则，新增策略无需修改原有代码，适用于表单验证、排序、支付方式等场景。可通过StrategyContainer实现动态注册与执行，增强扩展性。
-
使用HTMLtitle属性可创建基础tooltip，通过CSS可自定义样式，结合JavaScript能实现动态效果，利用data属性分离内容更利于维护，引入Tippy.js等库则支持高级功能。
-
HTML锚点链接通过id属性和href="#id"实现页面内跳转，如<ahref="#contact">跳转到联系方式</a>配合<h2id="contact">联系方式</h2>，确保id唯一并可结合CSSscroll-behavior:smooth实现平滑滚动，提升长页面导航体验。
-
JavaScript代码压缩与无用代码去除核心在于构建工具链（如Terser）的正确配置与开发规范，关键是如何让工具准确识别可删内容；Terser支持ES6+、混淆、死代码删除与常量折叠，Webpack生产模式默认启用并集成tree-shaking，Vite默认使用Terser（可选esbuild）；tree-shaking依赖ES模块静态结构，需避免CommonJS混用、动态导出，并合理设置sideEffects；开发残留（如console、debugger）需通过DefinePlugin、Babel插
-
本文详解如何通过修正CSSfloat属性与合理设置容器内边距，使图片精准左对齐并环绕文本显示，避免图片沉底错位问题。
