-
flex布局下ul嵌套缩进失效的根本原因是flex容器将li作为flexitem处理，导致子ul的padding-left视觉丢失；应避免给li设display:flex，改用ul>li控制直接子项，并显式设置ulul{padding-left:1.5em}。
-
line-height用px和百分比的区别在于计算方式与适应场景。1.px是固定值，如line-height:24px，行高始终为24px，适合按钮等需精确控制的组件；优点直观可控，缺点不够灵活。2.百分比是相对值，如line-height:150%，实际行高为当前元素font-size的1.5倍，适合正文等需自适应的文本；优点随字体变化自动调整，缺点可能因继承引发意外结果。3.直接写数字如line-height:1.5，行为类似百分比但更稳定，推荐用于正文内容。选择单位应根据具体需求：严格控高用px，响
-
word-spacing为什么设了没反应常见现象是写了word-spacing:20px，但中文段落完全没变化，英文也只在空格处生效。根本原因是：它只作用于「单词之间的空白」，而中文词间本无空格，浏览器不识别“词”，只认空格、制表符、换行符这些分隔符。实操建议：对中英文混排，word-spacing只影响英文单词之间（比如“HelloWorld”中的空格），不影响“你好world”里“你好”和“world”之间的距离想控制中文字与字之间的距离，该用letter-spacin
-
卡片重叠时元素消失主因是z-index被父容器层叠上下文截断；需统一设position:relative、避免flex/grid父容器、慎用负z-index，优先用transform偏移并注意点击穿透问题。
-
使用SemanticUI的data-tooltip和data-position属性可快速创建弹出提示；2.通过JavaScript初始化popup并设置on:'manual'实现手动控制显示与隐藏；3.支持添加inverted、basic类及data-variation调整样式与尺寸；4.需确保正确引入CSS与JS文件，注意z-index层级和移动端点击触发适配。
-
this是JavaScript中动态绑定的关键字，其值取决于函数调用方式：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向该对象；call/apply/bind可显式绑定；箭头函数无自有this，继承外层词法作用域的this。
-
微前端CSS样式泄漏是因ShadowDOM缺失和全局样式共用导致的必然问题；qiankun通过styledIsolation配置实现隔离，strictStyleIsolation强制ShadowDOM但限制DOM操作，micro-app需组合scoped、选择器前缀与all:initial切断继承，字体图标、CSS变量等仍需约定+工具链管控。
-
绝对定位元素的width:100%常失效，因其百分比宽度相对于最近已定位祖先计算；若无已定位父级，则相对于html计算，导致撑满视口或截断；修复需设父级position:relative或改用left/right。
-
margin正值推远邻居、负值实现重叠或回拉、auto依上下文分配空间、百分比相对包含块宽、移动端慎用百分比而推荐vw/rem。
-
TailwindCSS通过实用类实现高效布局，支持响应式与状态变体，结合自定义配置提升复用性，让开发者在HTML中快速构建一致且灵活的UI。
-
draggable设了没反应是因为普通元素需手动监听dragstart并调用setData()，drop事件依赖dragover中preventDefault()，且移动端完全不支持原生拖拽。
-
absolute元素默认宽度不随内容撑开，需通过left/right、显式width或min-width等手段控制；其撑宽效果依赖position非static的包含块，父容器常需设position:relative。
-
将HTML文件放在webapp目录下，通过正确路径访问，配置欢迎页可实现根路径自动加载，使用IDE部署到Tomcat后即可访问多个页面，注意项目名和路径大小写。
-
一个轻量可配置的JavaScript倒计时插件可通过ES6类实现，支持自定义结束时间、时间格式、回调函数及暂停恢复功能，使用setInterval每秒更新显示，结合HTML容器动态渲染剩余时间，并在倒计时结束后触发指定回调，便于嵌入各类项目。
-
JavaScript高阶函数指接受函数为参数或返回函数的函数；map对数组每项执行变换并返回等长新数组，reduce则将数组聚合为单个值，二者均不修改原数组。
