-
使用Flexbox、Grid或table-cell可实现等高列布局。推荐优先采用Flexbox（display:flex）或Grid（display:grid），子元素自动拉伸至相同高度，写法简洁且适应现代响应式需求，注意避免子元素设置固定高度影响布局。
-
math.js适合日常复杂计算，numeric.js专精数值分析，simple-statistics用于统计分析，TensorFlow.js适用于AI与大规模数值运算。
-
使用align-self和justify-self可解决CSS网格子元素对齐不一致问题：前者控制垂直对齐，后者控制水平对齐；通过在容器设置align-items和justify-items统一默认对齐，并为特殊项单独设置子项属性覆盖，避免意外错位。
-
合理使用HTML注释可提升团队协作效率。1.通过语义化注释标注修改信息，如提交ID、作者和版本，便于追踪变更来源；2.结合gitblame排查问题，清晰注释能加快定位修改背景；3.使用TODO或FIXME标记待办任务，可被工具检测并集成到CI/CD流程；4.避免在注释中暴露敏感信息，如分支名或密码，确保安全。注释应与代码同步更新，且内容与commitmessage保持一致，真正发挥辅助版本控制的作用。
-
使用float属性实现图文混排，通过float:left或right使文字环绕图片，配合margin调整间距，用clear:both或伪类清除浮动影响，结合vertical-align优化对齐，并在响应式设计中通过媒体查询在小屏取消浮动以提升可读性，兼顾兼容性与布局美观。
-
服务端验证是数据安全的核心，JavaScript输入检查仅用于提升用户体验。前端检查可实时反馈、减少无效提交，但易被绕过；后端必须独立验证所有输入，确保字段、类型、长度、格式合法，并防范攻击。两者协同工作，前端提升交互流畅性，后端保障数据安全与业务规则一致性，任何客户端数据都应视为不可信。
-
Proxy通过拦截对象操作实现访问控制，如限制敏感属性访问、数据验证等，示例中禁止读取password及过滤私有属性，实现权限管理与数据保护。
-
属性描述符用于控制对象属性行为，分为数据描述符和访问器描述符。1.数据描述符包含value、writable；2.访问器描述符包含get、set；3.两者均含configurable、enumerable。通过Object.defineProperty()定义，可实现不可变属性、计算属性等，增强对象安全性与灵活性。
-
Flexbox负责容器内子元素的排列与对齐，媒体查询则根据屏幕尺寸调整其布局属性。通过“移动优先”策略，在小屏设flex-direction:column，大屏改row，并结合flex、gap、order等属性动态控制项目尺寸与顺序，实现全设备自适应。合理设置断点、善用gap和flex缩写，避免滥用order和max-width，确保HTML语义化，提升可维护性与可访问性。
-
使用Flexbox结合padding-top比例技巧可实现响应式图片布局。首先设置父容器display:flex并允许换行，通过flex-wrap、gap等属性控制排列与间距；再利用子元素的padding-top百分比（基于宽度）创建等比容器，配合position:absolute使图片填充；最后用object-fit:cover保持图片比例裁剪显示。结合媒体查询调整不同屏幕下的宽度与比例，实现自适应网格布局。
-
WeakMap用于对象键的弱引用存储，支持私有数据绑定、计算结果缓存和DOM状态管理，避免内存泄漏。1.通过privateData存储用户私有信息，对象销毁时自动释放；2.以对象为键缓存process结果，回收时清理缓存；3.用eventBound标记DOM事件绑定状态，DOM移除后记录自动消失。其不可遍历、无大小统计等限制保障了内存安全。
-
CSS中的选择器包括：1.元素选择器，2.类选择器，3.ID选择器，4.属性选择器，5.后代选择器，6.子选择器，7.相邻兄弟选择器，8.通用兄弟选择器，9.伪类选择器，10.伪元素选择器。每种选择器都有其特定的使用场景和优势，合理选择和使用这些选择器可以提高样式化的效率和代码的可维护性。
-
fixed元素滚动抖动的根本原因是祖先元素设置transform等属性导致创建局部坐标系，使其脱离视口而相对该祖先定位；解决方案是将其移至body下或改用sticky+占位。
-
在前端开发中，实现页面跳转最常用的方法是使用window.location对象的href属性或replace()方法。1.使用window.location.href时，当前页面会被记录在浏览器历史中，用户可以返回；2.使用window.location.replace()时，不会保留原页面的历史记录，适用于登录/登出、表单提交后等不希望用户回退的场景；3.注意避免无限重定向循环、确保异步操作成功后再跳转、对URL进行正确编码，并合理使用延迟跳转提示；4.客户端重定向通过JavaScript实现，灵活但不
-
HTML5中精确控制空格需用 、<pre>标签、white-space属性、<span>加CSS或Unicode空格字符，分别适用于单空格保留、整段格式保持、块级空白控制、像素级间距及精细排版。
