-
JavaScript实现算法核心是用原生特性表达逻辑，数据结构靠对象、数组等模拟；排序需自定义比较函数，二分查找要求有序，DFS/BFS分别用递归/栈和队列，动态规划用数组或Map缓存，链表用对象节点构建，栈队列可数组模拟但注意shift性能，哈希操作优先Map/Set。
-
企业简介页的现代感源于克制设计：用clamp()实现平滑响应式标题、grid-template-areas明确信任要素权重、aspect-ratio锁定图片比例，舍弃冗余动画与炫技效果。
-
JavaScript条件语句的关键在于避坑：隐式转换（如if(x==true)与if(x)行为不同）、elseif语法结构优于else{if}嵌套、三元运算符仅用于无副作用的表达式，复杂逻辑需借真值表确保边界覆盖。
-
HTML5可视化编辑器加动画本质是操作DOM的style或class，主流工具最终生成HTML/CSS/JS；最稳路径是手写CSS@keyframes+animation，避免卡顿需用transform/opacity、禁用left/top和display:none，响应式与可访问性须兼顾。
-
CSS中margin所有方向的百分比均以包含块宽度为基准，而非对应方向尺寸；绝对定位元素则以最近非static祖先的宽度为准；top/bottom定位值才以包含块高度为基准。
-
父容器需设display:flex且有足够高度，再用align-items:center实现子项垂直居中、水平靠左；单子项时可用margin:auto0达成同样效果。
-
:only-child选择父元素中唯一子元素，而:only-of-type选择同类型标签中唯一的元素；2.前者要求该元素是独生子，后者允许其他类型兄弟元素存在；3.实际应用如单张图片居中、单一列表项突出显示、单输入框占满容器等场景；4.掌握二者区别可精准控制样式，避免依赖类名或JavaScript。
-
CSS原生不支持lighten()/darken()函数，仅Sass/Less预处理器或JS可实现；Sass中该函数基于HSL亮度通道，大幅调整易致色相畸变；纯CSS需用hsl()+calc()配合预设HSL变量；JS实现须经sRGB线性转换与gamma校正。
-
最直接有效的方式是用tr:first-child，但需确保HTML结构规范；更稳妥的是将表头放入<thead>并样式化theadtr；显式添加.header-row类最灵活可靠；表头单元格应优先使用<th>以提升语义与可访问性。
-
line-height在响应式中易失衡因默认基于font-size倍数计算，而font-size随屏幕变化导致行距视觉不均；iOSSafari对小字号还有额外压缩。用clamp()动态控制可守住1.2–1.6安全区，如line-height:clamp(1.25,0.2vw+1.35,1.55)，配合@supports降级，避免媒体查询碎片化和JS重排。
-
一、使用代码编辑器的片段功能，如VSCode中配置用户代码片段，定义前缀form-login即可快速插入登录表单；二、将常用HTML模块保存为语义化命名的独立文件，存入partials等专用文件夹便于引用；三、通过浏览器开发者工具复制元素outerHTML，粘贴并整理后按前述方法保存；四、利用GitHubGist等平台上传HTML片段，实现跨项目共享与调用。
-
移动端touch设备无真正:hover，应优先用:active配合touch-action:manipulation实现点击反馈，需JS管理持久状态，并排查pointer-events:none的隐式影响。
-
Jest报ReferenceError:Reactisnotdefined是因为未配置JSX解析，需在jest.config.js中设置testEnvironment:'jsdom'并配置Babeltransform。
-
导航栏居中失效的主因是父容器未设display:flex；需确保nav等外层容器启用Flex布局，设置height并避免text-align干扰，li/a统一重置样式。
-
CSS布局应先掌握display、position和文档流：display的block/inline/inline-block决定元素占行与尺寸行为；position的static/relative/absolute/fixed控制是否脱离文档流；float需处理父容器塌陷；Flex/Grid是进阶方案，非起点。
