-
background-repeat控制背景图重复方式，background-position设置其位置；通过no-repeat、center等值可实现不重复居中显示，常用于美化页面与响应式设计，两者结合简写更高效。
-
本文深入探讨了在TypeORM中，DataSource初始化后动态添加实体类的问题。我们将解释为何TypeORM的设计哲学不直接支持运行时修改已初始化的实体配置，并提供正确的实体配置方式、解释其背后的原理，以及推荐在不同场景下的最佳实践，以确保数据库操作的稳定性和可维护性。
-
<p>使用calc()可精确计算CSS盒模型尺寸，如设置总宽300px的元素时，通过width:calc(300px-20px2-2px2)减去padding和border，确保内容区宽度正确；在响应式布局中可用width:calc(100%-40px)实现自适应；但推荐全局设置box-sizing:border-box，使width包含padding和border，简化计算并提升维护性。</p>
-
使用grid-template-areas可直观实现图文混排：1.定义网格容器，用字符串命名区域，如"headerheader""imagecontent""footerfooter"；2.子元素通过grid-area分配至对应区域，结构清晰；3.可用"."留空，创建非对称布局，如图片跨两行；4.配合媒体查询响应式调整，移动端改为垂直堆叠。布局语义明确，维护方便，适合复杂排版。
-
通过设置flex-basis统一按钮基础宽度，并结合flex-grow:1使按钮等比扩展，再配合text-align:center和统一padding，可实现按钮尺寸与文字对齐的一致性。
-
通过设置flex-basis百分比和flex-grow，结合min-width与flex-wrap，可实现卡片布局的自适应宽度与响应式换行，确保在不同屏幕下均保持良好视觉效果。
-
一、使用内置浏览器运行：在HBuilderX中打开HTML文件，右键选择“在浏览器中运行”，可快速通过内置或默认外部浏览器预览页面效果。
-
掌握浏览器开发者工具是解决JavaScript问题的关键。首先使用Console面板查看错误信息和日志，定位报错文件及行号；接着通过Sources面板设置断点或插入debugger语句实现逐行调试，观察变量值与调用栈；利用Network面板确认JS文件是否成功加载，排除404问题。常见问题包括变量未定义（检查声明与拼写）、异步执行混乱（用console打点或async/await优化）、DOM未就绪即操作（应绑定DOMContentLoaded事件）以及类型错误（调用前需判断对象是否存在）。配合conso
-
使用IntersectionObserverAPI实现无限滚动，能提升性能并避免频繁监听scroll事件导致的卡顿。通过创建观察器监听哨兵元素，当其进入视口时加载新数据，结合阈值设置、节流控制和资源释放优化，可实现流畅的无限滚动效果。
-
JavaScript无原生注解，但可通过JSDoc标签、TypeScript装饰器、路由meta字段或高阶函数模拟实现权限控制。例如：用@requiresRole标注权限需求，通过@RequireRole装饰器运行时校验，Vue路由meta配置角色要求，React高阶组件封装权限逻辑，实现声明式、可维护的权限管理体系。
-
HTML5的FileAPI通过input获取文件后，利用FileReader异步读取内容。首先从e.target.files[0]获取File对象，可读取文件名、大小和类型；再用FileReader的readAsText、readAsDataURL或readAsArrayBuffer方法加载文件，分别用于文本读取、图片预览和二进制处理；通过onload、onerror和onprogress事件监听读取状态并处理错误，实现如文本显示或图片预览功能，核心在于File与FileReader的异步事件配合。
-
虚拟滚动通过仅渲染可见区域内容提升性能，需自行管理滚动位置、元素高度及可见范围；在React、Vue、Angular中均可实现，核心原理一致但语法和状态管理方式不同。
-
作用域链确定变量查找路径，变量提升影响声明解析。JavaScript中，函数定义时创建作用域链，变量查找从当前作用域逐层向上；var声明提升但不赋值，let/const存在暂时性死区，导致未初始化前访问报错。两者交互时，内层同名变量遮蔽外层，提升仅限本作用域有效，如showName中局部name提升致输出undefined而非global。理解二者可避免常见错误，提升代码可靠性。
-
使用Flexbox实现图片画廊多列布局需设置display:flex、flex-wrap:wrap和gap。通过flex:00calc()定义每项宽度，结合width:100%和height:auto保持图片比例，轻松创建响应式画廊。
-
使用Sass变量和模块化结构可高效管理前端样式。1、创建\_variables.scss定义$primary-color等变量并导入主文件；2、在组件SCSS中引用变量实现统一更新；3、利用嵌套规则映射HTML结构，提升可读性；4、通过@mixin封装可复用样式块并传参；5、按功能拆分Sass模块文件，便于团队协作与维护。
