-
HTML的<mark>标签用于高亮文本，表示其在特定上下文中具有相关性或值得关注。1.它默认以黄色背景突出显示内容，但可通过CSS自定义样式；2.与、、<span>不同，<mark>强调的是相关性而非重要性、语气强调或无语义样式控制；3.可通过类选择器实现不同场景下的多样化高亮效果；4.对SEO直接影响小，但能提升用户体验和内容可读性，间接有利于搜索引擎优化。
-
优先使用语义化data属性和属性选择器定位动态元素，如[data-role="menu-item"]或[class^="btn-primary"]，结合父子结构限定范围，提升选择器特异性以避免!important，确保样式稳定有效。
-
使用place-items:center;可简洁实现所有子元素水平垂直居中；2.通过justify-content和align-items分别控制主轴与交叉轴居中；3.对单个子元素使用justify-self和align-self实现独立居中，灵活适配不同需求。
-
D3.js适合高定制化复杂交互的可视化项目，需较强前端能力；Chart.js适用于快速开发标准图表，上手简单。1.D3.js功能强大但学习成本高，使用SVG渲染，灵活性强；2.Chart.js基于Canvas，性能优，配置简洁，适合常规报表。两者可结合使用，根据团队能力和需求选择。
-
div标签在HTML中有12种经典用法：1.基础布局容器，2.响应式设计，3.网格布局，4.弹性盒子布局，5.模态框，6.导航菜单，7.轮播图，8.表单布局，9.卡片式布局，10.标签页，11.悬浮提示，12.动画效果，这些用法结合CSS可以实现多种效果，但需注意性能和用户体验。
-
要实现滑动侧边栏，核心方法是使用CSS的transition与transform属性配合JavaScript控制状态。1.HTML结构包括侧边栏、主内容区域和遮罩层；2.CSS通过transition实现平滑动画，transform提升性能，overflow隐藏溢出内容，box-shadow增加层次感；3.JavaScript控制类切换以实现打开/关闭逻辑，并支持点击遮罩或关闭按钮关闭菜单。纯CSS方案可行但有局限：依赖checkbox实现，缺乏对点击外部关闭、键盘操作和复杂状态的支持。关键CSS属性包括
-
对象迭代顺序在现代JavaScript中可靠，遵循ES2015规范：数字键按升序排列，字符串键和Symbol键按插入顺序排列；for...in和Object.keys()均遵循此规则，在主流引擎中可预测；需注意旧浏览器兼容性及动态修改属性对顺序的影响，若需严格控制顺序建议使用Map或数组。
-
先定义按钮样式并设置transition控制背景色和transform变化，再通过:hover实现悬停时背景变深并轻微放大，结合ease缓动使动画流畅，推荐明确指定过渡属性以提升性能与可控性。
-
正则表达式在JavaScript中用于高效处理文本匹配与解析，关键在于合理设计模式以提升性能和可维护性。应明确边界锚定、避免过度使用贪婪匹配，采用命名捕获组增强可读性；为优化性能，需减少回溯风险，避免灾难性回溯，可通过预编译正则、先做简单判断等方式实现；面对结构化文本如CSV或HTML，宜分步解析，结合split()、replace()等方法，而非依赖单一复杂正则；利用replace配合函数替换可边匹配边构建数据结构，适用于伪对象解析等场景；最终应保持正则清晰、测试边界，避免过度复杂化导致维护困难。
-
清除浮动影响的关键是clear属性，常用于处理float导致的布局问题。使用clearfix结合::after伪元素可避免额外标签，保持结构清洁。现代项目应优先采用Flexbox或Grid布局，从根本上规避浮动缺陷，提升维护性。
-
使用Grid的auto-fill结合minmax可实现平滑响应式多列布局，避免窄屏下内容跳跃。通过设置grid-template-columns:repeat(auto-fill,minmax(200px,1fr))，让容器自动调整列数，配合媒体查询在小屏（如480px以下）微调最小宽度和间隙，确保可读性，取代固定列数方案，实现自然折叠效果。
-
使用align-items和justify-items可控制CSSGrid中文字对齐：align-items调整垂直对齐（如center居中），justify-items控制水平对齐（如start左对齐）；两者结合可实现单元格内文字精准定位，适用于统一网格项内容布局。
-
在ObsidianCanvas中实现可视化学习流程图需通过内联HTML与CSS构建基础结构，利用社区插件加载外部CSS统一样式，并结合DataviewJS生成可动态更新的流程内容，确保视觉效果与交互同步。
-
闭包是函数能记住并访问其定义时词法作用域变量的机制，核心在于变量被持续持有；用于封装私有数据、解决循环异步绑定问题、实现函数工厂与柯里化、状态保持及性能优化。
-
CSS颜色关键字如red、blue、green等可直接用于样式属性，无需十六进制或RGB值；共140多种，不区分大小写但推荐小写；适用于文字、背景、边框等，语义清晰易读，适合初学者和快速开发。
