-
按钮hover闪一下才变色是因为未在默认状态声明transition，且起始值不明确（如未设background-color或用transparent）；应始终在非:hover状态写transition，并避免使用不可插值属性或display等不支持过渡的属性。
-
根本原因是服务端未在Content-Type响应头中声明charset=utf-8，导致浏览器按ISO-8859-1解析UTF-8编码的中文；Node.js需显式设置text/event-stream;charset=utf-8，PHP须避免BOM和输出缓冲干扰，Nginx需强制补全charset。
-
答案：CSS中通过white-space、overflow-wrap和word-break属性控制文本换行与空白处理。white-space决定空白符和换行符的处理方式，如normal合并空白并换行，nowrap不换行，pre保留格式，pre-wrap保留格式且换行，pre-line合并空格但保留换行；overflow-wrap在长单词溢出时被动断行，break-word可在单词内断开防止溢出；word-break则主动定义断行规则，break-all允许任意字符间断行，适合中文或URL，keep-all
-
JavaScript轻量图表库核心是数据映射+图形渲染：Canvas适合高频重绘（如实时折线图），需手动坐标转换和clearRect重绘；SVG适合交互丰富图表，基于DOM节点，支持事件、viewBox缩放和无障碍属性。
-
JavaScript函数分四类：函数声明（提升，可前置调用）、函数表达式（不提升，需先定义）、箭头函数（无this/arguments，不可构造）、方法简写（对象中this绑定调用者）。
-
direction:rtl不会让文字和内联元素整体右对齐，它仅改变文本流方向和内联布局顺序；需配合text-align或HTML的dir="rtl"属性才能实现右对齐效果。
-
最可控、兼容性最好的水彩感实现方式是用多层linear-gradient叠加，每层设低alpha值并错开角度；不能用opacity或嵌套rgba()容器，因其导致全元素发虚或嵌套失真，违背水彩颜料在纸面物理扩散的本质。
-
TextEncoder在微信小程序等环境中未定义是因运行时精简所致，需用polyfill（如FastestSmallestTextEncoderDecoder）兼容；encode()返回的Uint8Array可直接用于WebSocket发送，但须复用实例并正确拼接长度头。
-
font-size:0能消除缝隙是因为缝隙本质是父容器中被渲染的空格字符，其宽度由父级font-size决定；设为0后空格不占空间，但子元素会继承该值导致文字不可见，因此必须显式重设字号。
-
浮动布局虽被flex和grid取代，但在图文环绕、简易导航、表单内联等轻量场景中仍具实用价值，尤其兼容旧浏览器且代码简洁。
-
box-sizing默认为content-box，width/height仅指内容区，实际宽高含padding和border；应全局设为border-box；margin合并仅发生于常规流中相邻块级盒之间；padding不能为负但background-clip可控背景绘制范围；border-width:0需配合style才生效。
-
text-align属性用于控制块级元素内行内内容的水平对齐方式，其作用对象为文本、图片及inline-block元素。主要值包括left（左对齐，默认）、right（右对齐）、center（居中对齐）和justify（两端对齐，最后一行除外）。需要注意的是，它仅影响行内内容，不能用于对齐块级元素自身；要实现块级元素居中，需使用margin:0auto或Flexbox/Grid布局。此外，text-align对图片和inline-block元素有效，因为它们被视为行内内容。当使用justify时，最后一行
-
冒泡排序通过相邻元素比较交换，将最大值逐步移到末尾；2.选择排序每次从未排序区选最小值插入已排序区末尾；3.插入排序将未排序元素插入已排序序列的正确位置；4.快速排序以基准分治递归排序左右子数组；5.归并排序通过二分后合并有序子数组实现整体有序。
-
JavaScript不直接适配屏幕，而是通过检测（如clientWidth、visualViewport）、响应（resize/orientationchange事件）和补位（动态改class、canvas像素比）实现；需节流监听、区分CSS/物理像素、配合viewport与dpr处理高清屏。
-
repeat()是CSSGrid的函数式语法，用于grid-template-columns/rows中定义重复轨道，需配合display:grid使用，常见形式有repeat(4,200px)、repeat(3,1fr2fr)、repeat(auto-fit,minmax(200px,1fr))，误用主因是缺失网格上下文或错用于子项属性。
