-
盒模型四层结构为content→padding→border→margin，从内向外逐级叠加；width默认只含content（content-box），设border-box则包含content+padding+border；padding影响背景和min-height，margin会合并且不继承背景。
-
最可靠导出HTML方式是jupyternbconvert命令行：默认导出依赖CDN导致离线公式不显示，需用--html-mathjax-url指定本地MathJax路径；中文路径易报错，应改用英文路径或--output指定英文输出名；voilà不适用于静态交付场景。
-
HTML图标实现有四种主流方案：一、图标字体（如FontAwesome），通过CSS调用Unicode码点；二、内联SVG，直接嵌入HTML并用CSS控制；三、SVGsprite，集中管理多图标并按需引用；四、CSS伪元素+SVG数据URI，避免额外请求。
-
在GoogleEarthEngine的独立Web应用中，print()不可用；需通过getInfo()（同步）或evaluate()（异步）将服务端对象转为客户端值后，再用console.log()输出。
-
可将CAD图纸转换为WebGL、SVG、PDF或使用专用SDK实现网页展示。首先选择适合图纸类型的转换方式，如三维模型用glTF配合Three.js，二维图转SVG，或通过AutodeskForge直接解析原生格式，也可导出PDF结合PDF.js嵌入网页，从而让用户无需专业软件即可在线查看并交互。
-
最可靠方式是在HTML的<head>中用<link>标签配合media属性引入pad.css，如<linkrel="stylesheet"href="pad.css"media="screenand(min-width:768px)and(max-width:1024px)">，避免使用@import；pad.css应仅包含iPad专属增量样式，不重复全局重置；需结合视口宽度、设备像素比和横竖屏判断，禁用已失效的device-width；务必真机测试，尤其注意iPadS
-
可通过五种方案实现iframe页面跳出重定向：一、window.top.location.href（同源）；二、window.parent.location.href（浅层同源）；三、window.open+self.close（跨域模拟）；四、X-Frame-Options或CSP响应头禁止嵌入；五、postMessage跨域通信由父页跳转。
-
答案是使用CSSGrid的repeat(auto-fit,minmax(250px,1fr))实现响应式卡片布局，通过设置grid容器、灵活列宽和自动换行，使卡片在不同屏幕下自适应排列，无需媒体查询即可在大屏显示多列、中屏减少列数、手机堆叠为单列，结合gap、padding和hover效果提升视觉体验。
-
用grid-template-areas按行配对定义"labelinput"可确保Label右对齐同一垂直线，配合max-content列宽与justify-self:end实现对齐不挤占Input空间，响应式通过媒体查询切换区域布局，IE11需降级为-ms-grid语法。
-
绝大多数新项目选Vitest，因其更轻更快、原生支持ESM/TypeScript；Jest适合依赖其生态的大型旧项目；关键差异在模块机制、mock行为和调试配置。
-
双击HTML文件能否正常打开取决于默认浏览器设置；Windows需检查并修改文件关联，Mac建议拖入Chrome/Firefox或用终端命令打开；开发时应使用LiveServer等本地HTTP服务避免file://协议限制。
-
用同一form组织公司/个人字段，通过data-invoice-type标记并用JS显隐控制；radio切换类型，统一name传值；tax_id必填校验交由JS动态处理，切换时清空残留值。
-
用@mixin按职责拆分按钮逻辑（尺寸、变体、状态），配合CSS变量实现主题切换与深色模式响应，禁用态需显式重置颜色，一律用@include而非@extend。
-
首先创建DynamicWebProject项目，在WebContent下添加HTML文件，接着右键HTML文件选择RunonServer并配置Tomcat服务器，最后通过localhost地址在浏览器中查看运行效果。
-
linear是匀速过渡，属性值以恒定速率变化，如opacity500ms内每100ms增加0.2；ease则缓入缓出，对应cubic-bezier(0.25,0.1,0.25,1)，模拟真实惯性运动。
