-
flex-direction决定主轴方向，order控制子项顺序，二者配合可实现响应式布局。如通过改变flex-direction切换行列，结合order调整视觉顺序，使内容在不同设备上灵活排列，提升用户体验。
-
HTML透明颜色本身不直接导致性能下降，但rgba()、hsla()或opacity会触发图层合成与重绘；background:transparent可快速优化，而rgba(0,0,0,0.1)因非整数alpha强制新建图层，引发“图层雪崩”。
-
Angular默认压缩连续空白字符，导致HTML空格“消失”，实际是DOM渲染规则与模板预处理共同作用；推荐优先使用CSS的white-space属性（如pre-wrap）控制视觉空格，而非修改preserveWhitespaces编译选项。
-
JavaScript解构赋值是从数组或对象中提取值并赋给变量的简洁语法，支持对象/数组解构、重命名、默认值、嵌套、剩余参数及函数参数解构，大幅提升代码可读性与开发效率。
-
::first-line伪元素不能实现首行缩进，因其不支持text-indent等缩进属性；正确做法是直接对块级段落元素（如p）设置text-indent。
-
HTML5文件需具备标准结构、用现代浏览器打开、通过HTTP服务器运行、验证HTML5支持并排除编码路径错误才能正常渲染。
-
复选框允许多选，单选框强制单选，两者均通过input标签实现，关键区别在于交互行为和name属性的使用。
-
要实现HTML表格单元格内容的省略显示，核心步骤是强制文本不换行、隐藏溢出内容并添加省略号提示。1.设置white-space:nowrap;阻止文本换行；2.使用overflow:hidden;隐藏超出部分；3.应用text-overflow:ellipsis;添加省略号；4.必须为单元格设置明确宽度（如max-width或width），否则text-overflow不生效。此外，text-overflow还支持clip值用于直接截断文本，但ellipsis更为常用。在响应式布局中，建议使用相对单位（如
-
HTML5新增标签核心是语义归位而非功能增强，必须优先掌握7个：<header>、<footer>、<nav>、<main>、<article>、<section>、<aside>，其中<main>每页仅一次且不可嵌套，<article>强调独立分发，<section>用于逻辑分组，<aside>须关联邻近内容，<header>/<footer>是语义
-
现代浏览器对相同URL的CSS文件有强缓存机制，只要Cache-Control或ETag配置合理，重复引入不会触发多次HTTP请求；但URL需完全一致，且CSS规则重复声明会因源顺序导致后引入者覆盖先引入者。
-
CSS属性继承性指部分样式自动传递给子元素，如color、font-size、text-align等文本属性可继承，而margin、border等布局属性不可继承；通过inherit、initial等关键字可控制继承行为；继承样式在层叠中优先级最低，易被其他选择器覆盖，需结合开发者工具判断实际应用来源。
-
ID选择器优先级高于类选择器，权重分别为1-0-0和0-1-0，组合选择器权重可叠加但无法超越ID，内联样式和!important优先级更高，需谨慎使用。
-
使用::before伪元素和content属性可在按钮悬停时显示图标。1.为button添加类名icon-btn作为样式钩子；2.利用.icon-btn::before插入内容并绝对定位，初始opacity:0隐藏；3.在.icon-btn:hover::before中将opacity设为1，实现悬停渐显；4.可结合FontAwesome字体设置content的Unicode值增强图标效果，通过transition优化动画流畅度。
-
transition-timing-function用于控制CSS过渡的速度曲线，不改变时长但影响快慢节奏。常用关键词包括ease（默认，先慢后快再慢）、linear（匀速）、ease-in（加速）、ease-out（减速）、ease-in-out（两端慢中间快）。还可使用cubic-bezier(x1,y1,x2,y2)自定义贝塞尔曲线实现弹性效果，如cubic-bezier(0.175,0.885,0.32,1.275)用于按钮缩放。此外，steps(n)可实现分步动画，如steps(8)用于精灵图帧
-
使用支持列选择的HTML编辑器可实现CSV数据的列模式编辑。首先在VisualStudioCode等编辑器中按住Option键拖动鼠标垂直选择目标列，进行批量修改；其次利用正则表达式如^([^,]+,)([^,]+)匹配并替换指定列内容，保留前一列并更新后一列；最后可通过JavaScript脚本将CSV解析为二维数组，构建交互界面动态编辑指定列并重新输出结果，提升数据处理效率。
