-
主轴由flex-direction决定，justify-content控制主轴对齐，align-items控制垂直于主轴的交叉轴对齐，二者结合可实现元素精准定位。
-
响应式图片不变形的关键是先固定容器宽高比，再用object-fit（如cover、contain）控制填充方式，并配合object-position精调裁剪区域和srcset提供多分辨率源。
-
要在HTML5页面中正确显示文字，需用语义化标签（如p、span）并配合CSS设置字体、颜色、尺寸等样式，确保可见性、可访问性及响应式适配。
-
实现返回按钮最推荐的方式是使用JavaScript的history.back()或history.go(-1)，它们能模拟浏览器的返回功能，动态回到上一个浏览页面；2.使用普通HTML的<a>标签链接到固定页面虽可行，但仅适用于目标明确的场景，缺乏灵活性；3.在单页应用中，可通过history.pushState()添加历史记录、history.replaceState()替换当前记录，实现无刷新的URL变化与历史管理；4.返回按钮设计需考虑用户体验，如使用明确文字或左箭头图标、放置在左上角、
-
纯函数指相同输入始终返回相同输出且无副作用，如add(a,b)=a+b；避免修改全局状态或参数。不可变数据要求创建新对象而非修改原值，如用{...user,age:26}更新用户信息。二者结合使代码可预测、易测试、安全并发，支持链式操作如filter和map处理数据而不改变原数组。
-
在WebGL/OpenGL中启用纹理透明混合只需正确配置混合函数与Alpha测试，无需编写GLSL着色器；关键在于启用GL_BLEND、设置glBlendFunc(GL_SRC_ALPHA,GL_ONE_MINUS_SRC_ALPHA)，并配合glAlphaFunc(GL_LESS,1.0f)过滤完全透明像素。
-
应启用VS脚本调试、使用浏览器F12工具、配置Chrome协同调试，并检查HTML5语法与API兼容性。具体包括：启用JavaScript调试选项、设断点、用F12查看控制台错误、判断API存在性、确保DOCTYPE声明及module路径正确。
-
使用HTML表单控件可实现用户信息收集，包括文本输入框、密码框、多行文本域、单选按钮、复选框、下拉菜单和文件上传控件。1、通过<inputtype="text">创建单行文本输入框，设置name、placeholder和maxlength属性；2、使用<inputtype="password">实现密码输入，结合pattern进行格式验证；3、利用<textarea>标签处理多行文本输入，控制尺寸并支持CSS调整；4、通过<inputtype="radio">
-
本教程详细阐述了如何在Webpack配置中，通过output.library和output.library.type（或output.libraryTarget）选项，将TypeScript项目编译并打包的JavaScript代码，以库的形式暴露给外部纯JavaScript环境。文章涵盖了两种主要方式：通过UMD模块暴露为命名空间对象，以及直接将类暴露到全局作用域，旨在解决在HTML页面中直接使用打包后的TypeScript类时遇到的ReferenceError问题。
-
判断页面加载完成的核心方法有三种：使用DOMContentLoaded事件、load事件和document.readyState属性；2.DOMContentLoaded事件在HTML文档解析完成、DOM树构建完毕时触发，适合需要操作DOM的场景，执行时机早于load事件；3.load事件在页面所有资源（如图片、CSS、脚本等）完全加载后触发，适用于需确保所有资源可用的逻辑；4.document.readyState属性提供加载状态的实时信息，其值为"loading"、"interactive"（对应DO
-
grid-row和grid-column用于控制网格项的行列跨度，支持起始/结束线或span语法，如grid-row:2/span3表示从第2行跨3行，grid-column类似；可结合grid-area简写属性同时设置行列范围，适用于复杂布局场景。
-
使用开发者工具模拟设备、在真实设备测试、借助在线工具验证，并检查CSS布局结构，确保页面适配不同屏幕尺寸。
-
首先注册Sentry并创建项目获取DSN，然后安装@sentry/browser并初始化SDK，自动捕获全局错误与Promise异常，支持手动上报及添加用户、标签等上下文信息，并通过上传SourceMap还原压缩代码堆栈，提升错误排查效率。
-
删除未使用CSS可提升页面性能，需用ChromeCoverage工具分析使用率，注释验证后移除，并结合Tree-shaking或组件级CSS优化。
-
通过::selection伪元素可自定义文本选中样式，支持color、background-color等属性，提升页面个性化与品牌一致。
