-
JavaScript 微任务、宏任务、事件循环
微任务 queueMicrotask Promise queueMicrotask(() => { console.log("queue micro task") }) Promise
2025-09-15, Views: 28 , Topics: JavaScript
-
JavaScript export 和 export default 的作用和区别
作用 export和export default都是将当前js文件的变量、函数、类等导出给其他js文件使用。 就像Java中写了一个public的工具类方法，在其他类中使用时，需要import导入一
2025-09-14, Views: 36 , Topics: JavaScript
-
JavaScript 数值型字符串转数字类型
一元操作符 使用+号，快速转换。 对于非数值型字符串，会得到NaN（Not a Number） 隐式类型转换：调用了字符串的ToNumber抽象操作。 let a = +'123'; let b =
2025-09-13, Views: 69 , Topics: JavaScript
-
Javascript JSON.stringify 美化输出
代码 第三个参数表示缩印的空格数量。 如果传入的是字符串类型，会导致格式化后变为不是JSON格式。 let person = { "name": "zhangsan", "age":
2025-09-12, Views: 117 , Topics: Javascript JSON
-
HTML referrer 来源页属性
referrer 配置 HTML <meta>全局配置。 <head> <meta charset="UTF-8"> <title>Title</title> <meta n
2025-09-11, Views: 117 , Topics: HTML
-
HTML Cookie 参数
设置 key：自定义键名。 path：该Cookie值在哪个路径下生效。 max-age：多少秒后过期。 示例 Cookie值为username，在/（根路径及所有子路径）下都生效，31536000
-
CSS 实现加载中旋转进度条
CSS /* 外层容器：让 Loading 垂直+水平居中（可根据需求调整） */ .loadingContainer { user-select: none; flex:1;
2025-09-09, Views: 159 , Topics: CSS
-
CSS 相同元素间添加逗号隔开但最后一个元素后不添加逗号
需求 相同的元素将添加分隔符，最后一个元素后面不添加。 代码 使用:not伪类，并传入:last-child，表明除了最后一个元素，都生效。 再使用::after伪类，追加内容，使用margin指定
2025-09-08, Views: 194 , Topics: CSS
-
CSS 块元素、行内元素、行内块元素
主要区别 是否独占一行 能否设置宽高 块元素 Block Elements 独占一行，支持宽高设置，可容纳其他块级元素，盒子模型完整生效。 结构类 <div> <p> <ul> <ol> <l
2025-09-07, Views: 223 , Topics: CSS
-
CSS 垂直水平居中
absolute + transform <style> .center { position: absolute; top: 50%; le
2025-09-06, Views: 220 , Topics: CSS
-
CSS Margin 塌陷
Margin Collapse 垂直方向上，两个相邻的块级元素（或者父子元素）的margin会重叠，取较大值作为最终生效的margin，若有负的Margin则取绝对值最大的，正负抵消后计算。 相邻块
2025-09-05, Views: 233 , Topics: CSS
-
CSS BFC 块级格式化上下文
BFC Block Formatting Context：独立的渲染区域，内部的块级元素会按照特定规则布局，且这个区域的内容与外部元素的布局完全隔离，不会相互影响。 触发条件 满足其一即可。 根元素
2025-09-04, Views: 232 , Topics: CSS
-
CSS 解决绝对布局没有在父容中定位而是在根节点定位问题
现象 根节点设置了flex: column布局，其中有一个子元素，在子元素中需要使用绝对布局，将子元素的子元素定位在右上角。 但使用了position: absolute子元素的子元素定位在了根节点
2025-09-03, Views: 240 , Topics: CSS
-
CSS float 与 position absolute 区别
相同点 float和position: absolute都会脱离文档流。 但是float脱离文档流的垂直排列规则。 float float元素脱离垂直流，但保留水平占位（宽度占位）。 对于文字、行内
2025-09-02, Views: 239 , Topics: CSS
-
CSS 清除浮动导致的影响
高度塌陷 当父元素的子元素浮动（所有子元素），父元素会因为没有内容支撑而高度塌陷 代码 可以看到父元素是没有高度的，页面上看不到背景色为红色的区域。 <div style="background-c
2025-09-01, Views: 249 , Topics: CSS
-
CSS 文字环绕图片效果
代码 使用float属性 <div style="background-color: blue;"> <span style="width: 100px; height: 40px;back
2025-08-31, Views: 248 , Topics: CSS
-
CSS 实现左右箭头图片
代码 通过border实现。 .btn { width: 20rpx; height: 20rpx; border-left-color: red; border-l
2025-08-30, Views: 248 , Topics: CSS
-
CSS flex gap 属性设置子元素间隙
gap gap属性设置在父元素样式上，表示flex布局中子元素之间的间隙。 左右两边的子元素是没有margin-left和margin-right的。 flex-direction: column上
2025-08-29, Views: 242 , Topics: CSS
-
CSS flex 布局子元素高度没有被撑开
示例代码 id=middle的子元素没有顶部对齐。 <div style="display: flex;align-items: center"> <div>123<br>123<br>12
2025-08-27, Views: 259 , Topics: CSS
-
CSS flex: 1 子元素占据父元素剩余空间
场景 row横向实现：左右两个图片，中间文字的布局。 column纵向实现：底部栏永远在屏最底下，即使高度不够时也在屏幕底部。（高度够时需滚动才展示） 代码 横向：中间文字使用flex: 1占据剩余
2025-08-26, Views: 265 , Topics: CSS