-
窄边框对前端开发有实际影响，主要体现在视觉负担减轻、横向信息密度提升及响应式调试更准确，但不提升编译或热更新速度；需注意摄像头布局异常、触控板缩水、散热不足及屏幕色准等问题。
-
想让第1、3、5行变色用tr:nth-child(odd)，第2、4、6行变色用tr:nth-child(even)；需限定为tbodytr:nth-child(odd)避免thead干扰，nth-of-type在表格中失效因tr兄弟节点含非tr元素。
-
本文详解如何在双列表拖拽排序场景中，阻止跨列表（如左→右）拖放干扰目标列表内部顺序，通过记录拖拽源标识并校验投放目标，实现严格的单容器内排序约束。
-
direction:rtl不会让文字和内联元素整体右对齐，它仅改变文本流方向和内联布局顺序；需配合text-align或HTML的dir="rtl"属性才能实现右对齐效果。
-
JavaScriptDate对象本身不混乱，混乱的是直接用它做加减、跨时区、格式化或比较——因其API隐含大量陷阱：getMonth()从0开始、setFullYear()静默溢出、ISO字符串解析在Safari等浏览器中被误当本地时间（规范定义为UTC），且跨月/跨天计算易受夏令时和日历溢出影响。
-
本文介绍如何通过JavaScript动态统计具有特定CSS类（如calctime）且值非空的表单输入框数量，并实时更新到指定字段，适用于多段行程（Sector）时间录入等场景。
-
最轻量可维护的跨项目调色板共享方式是CSS自定义属性，需分层定义基础色与主题色、避免全局污染、通过npm发布纯CSS包、构建期用PostCSS注入、JS仅读取不硬编码。
-
CSS颜色控制图标的核心在于利用矢量特性实现灵活配色。字体图标通过color属性统一变色，适用于单色场景；SVG图标支持fill/stroke多色控制，可精细调整路径颜色，适合复杂图形。两者均具备可伸缩、高性能、易主题化的优势。实际项目中推荐使用CSS自定义属性（如--icon-primary-color）定义语义化颜色变量，结合类名控制状态色，实现全局主题切换与深色模式适配，提升维护效率与用户体验一致性。
-
window.postMessage()是唯一通用且安全的跨窗口通信方式；它属JavaScriptAPI，需指定targetOrigin校验origin，支持跨源通信，但要求发送前检查窗口状态、加载完成及消息唯一性。
-
获取微信小程序页面结构有四种方法：一、用开发者工具WXML面板查看实时结构；二、通过ChromeDevTools抓取安卓WebView的DOM树；三、反编译.wxapkg包提取并转换WXML文件；四、注入JS脚本动态遍历组件生成HTML字符串。
-
HTML监控与性能分析是分层协作关系：PerformanceObserver优先用于捕获FCP/LCP等真实用户体验指标，须在<head>同步注册；PerformanceTiming作为老浏览器兜底方案仍有价值；第三方APM仅在需跨团队归因、告警联动或后端链路打通时才值得接入。
-
使用:nth-child(even)和:nth-child(odd)设置不同background-color可实现多列列表隔行变色，适用于表格或列表；在多列布局中该选择器按文档流连续计算行号，导致跨列颜色延续，无法实现每列独立隔行变色，目前主流方案仍为全局顺序着色，建议保持结构清晰并测试响应式效果。
-
CSS的cursor属性用于设置鼠标悬停时的指针样式，提升交互反馈；支持default、pointer、text、move、not-allowed、wait等系统值，以及url()自定义图片光标（需fallback），但IE仅支持.cur/.ani，移动端Safari不支持自定义图片。
-
圣杯布局用Grid实现更直观可控，推荐用grid-template-areas声明区域、grid-area指派元素，三栏宽度按需设为固定+弹性+自适应，注意命名线、响应式同步更新及IE11兼容性限制。
-
JavaScript结合前后端技术可实现PDF生成、编辑和预览：1.生成PDF可用jsPDF或html2pdf.js在前端创建简单文档，或用Puppeteer在Node.js生成高质量PDF；2.编辑PDF可通过PDF-LIB库修改内容，复杂操作建议后端集成PDFKit或Python工具处理；3.预览PDF可使用<iframe>快速显示，或通过PDF.js实现高度定制的渲染控制。根据需求选择合适方案，避免客户端处理大文件。
