- 博客(83)
- 收藏
- 关注
RSS订阅原创 关于文字换行CSS样式
第一种：有分隔符的文本（中文，带空格的英文/数字），并且需要先设置最大宽度，或者说给定文本一个宽度，当文本超出容器边缘的时候，浏览器会识别到分隔符，主动换行。第二种：纯文本，连续无分隔符的文本（纯数字，纯字母串）不会自动换行（需额外设置）
2025-11-12 17:55:26
226
原创 如何实现给一个div盒子加背景图片，并且这个盒子没有宽高，还必须这个图片能够根据视口大小伸缩变化，保持宽高比
如果我们使用的是下面的这段代码，那么就不会担心这个div没有宽高,因为只要你设置图片的宽是随着盒子的宽走的，而盒子的宽又是图片的宽撑开的，所以这个盒子的宽高完全是根据自身宽高比进行缩放的，但是如果要你使用的是一张背景图片，并且也要求达到相同的效果，那么你该如何实现呢？这时，就需要使用到上面的那段代码了。使用padding-top或者padding-bottom 撑开div的高度（这个撑开我们也根据图片的宽高比进行计算），然后就可以完美解决，实现跟img标签一样的效果了。
2025-11-12 13:44:03
227
原创 为什么在数据库表中存储的数字是20.02，但是在前端读取的时候就会呈现20.0200000000000
如果数据库字段使用的是DECIMAL/NUMERIC（定点型，精确存储十进制小数），通常不会出现这样的问题，因为他们会严格按照指定的精度（如：DECIMAL(10,2)）存储，只保留2位小数。浮点型（FLOAT/DOUBLE）是基于二进制的近似存储，无法精确表示所有十进制小数（如0.02在二进制中是无限循环小数），数据库会存储其近似值，可能包含微小的精度误差。默认格式化逻辑：前端框架或组件在显示数字时，若未指定小数位数，可能会默认展示完整的精度（包括末尾的0）。1.数据库存储的数据类型导致。
2025-10-23 16:08:43
177
原创 为什么后端数据库表中存储的时间是这样的：2025-10-23 10:00，但是前端读取出来的时间却是这样的2025-10-22T10:57:20.000000Z
前端读取时，若直接解析为带时区的ISO 8601格式（如2025-10-23T10:57:20.000000Z中的Z表示UTC时区），就会呈现这种带时区标记的格式。前端若未对时间格式做二次处理（如使用moment.js day.js或原生Date对象解析），就会直接展示后端返回的原始ISO 8601格式，而数据库工具（如Navicat,MySQL Workbench）会自动将UTC时间转换为本地时区并格式化显示，造成视觉上的差异。前端主动格式化：使用时间处理库（如day.js）将ISO格式转换为指定样式。
2025-10-23 15:44:54
186
原创 关于复制粘贴在本地可以操作，而在服务端报错的原因
原因是因为navigator.clipboard.writeText()方法是有安全限制的。而我的原因就是我的将这个发布在了http下，并没有发布在https中，所以就会报错。
2025-09-20 11:32:32
335
原创 关于行内元素，行内块元素和块级元素
块级元素是一类默认以块形式展示的元素，其核心特点是独占一行空间，并会在前后自动换行，常用于构建页面的整体结构布局（如布局，分区等），默认情况下，块级元素会占据其父元素的整个宽度（除非手动设置width），且前后元素会被强制换行，即一个块级元素单独占一行。<img>:图片标签，默认display：inline-block（可设置宽高，且不独占一行）<p>段落元素，用于文本段落，默认由上下外边距，不能嵌套块级元素。<li>列表项，属于会计元素，通常嵌套在<ul>或<ol>中。
2025-09-13 15:28:24
401
原创 flatMap高阶函数讲解用法
先对集合中的每个元素进行映射（转换），再将映射后得到的多个集合“扁平化”为一个单一的集合。1.先用 map 把每个元素转换成一个 “子集合”（比如数据，列表等）；2.再把所有子集合合并为一个“总集合”，相当于“摊平”嵌套结构。flatMap是编程中常用的一个高阶函数，主要作用是。
2025-09-08 15:38:14
167
原创 关于node中的一些用到的读取文件方法
这两个项目中的package.json文件的内容如果你是需要获取的那么，你就需要读取这个文件。在读取文件之前，你需要先找到这个文件的位置，并且将这个文件的内容转变为可以读取的类型。如果你是使用node进行开发，那么可能会需要读取一些文件中的内容，比如vue3，比如nuxt。
2025-09-03 16:32:30
248
原创 关于多个el-input的自动聚焦，每输入完一个el-input,自动聚焦到下一个
讲解原理或者思路：讲解原理或者思路：如果你有多个el-input,想要实现每输入完一个输入框，然后自动聚焦到下一个输入框，同理，如果每删除一个输入框的值，自动聚焦到上一个输入框。
2025-08-20 18:51:12
544
原创 element-plus，分页组件Pagination样式修改
以上是全局修改，如果你需要针对每个页面进行修改，请在最外层加一个class类名，或者使用样式局部作用域进行限制！
2025-08-20 09:45:58
309
原创 元素的width和offsetWidth有什么区别
方式适用对象含义示例场景<img>标签图片渲染宽度（受 CSS 影响）计算图片可偏移的总范围所有 DOM 元素元素实际占据的高度（含内边距、边框）计算容器 / 遮罩的布局尺寸简单说：图片的尺寸用width，容器 / 元素的布局尺寸用。
2025-08-19 16:45:10
424
原创 关于vue在拷贝之后没有办法及时下载安装node_modules,这是因为存在缓存
npm cache clean --force清理缓存命令在终端执行。
2025-08-15 13:52:44
125
原创 被困扰的elementplus样式修改问题：select选择器修改和el-input修改
到此这个常用到的就结束了，如果你还有其他的需要用到的，可以在评论中留言，我们一起学习交流。
2025-07-28 13:25:42
1908
原创 git的使用，推送仓库github
1.git add . -----添加所有已更改的文件 （如果这里你有提交错误，那么你需要再执行一下这命令：git init 初始化一下你的仓库）git push -u origin xxx --------提交需要输入github账号密码。git commit -m "初次提交" ---------添加提交描述。git add . --------将文件夹下的文件全部添加。第一步：在自己电脑上安装一个git客户端-----可以去看官网。创建自己的一个账号，自己去创建。
2025-07-23 17:49:02
343
4
原创 默认显示两行文字，多余的文字省略掉，变成省略号
1.display:-webkit-box:这个属性的意思是将元素的显示模式设置为Webkit内核特有的弹性盒模型（-webkit-box是旧版弹性盒语法，现代浏览器已支持标准display:flex，但这里为了兼容多行截断逻辑保留）。3.-webkit-box-orient:vertical:作用是设置-webkit-box弹性盒模型的子元素（这里主要是文本行）排列方向为垂直方向，让文本能按行堆叠，这样-webkit-line-clamp才能准确计算并截断行数。
2025-07-19 15:06:59
572
2
原创 关于这个go的Docker Desktop启动容器报错： Error starting agent: error=“refusing to rejoin cluster because server
据说这个错误是拒绝重新加入集群，因为服务器离线时间超过了配置的server_rejoin_age_max(168小时，即7天),建议清理数据目录。
2025-07-17 16:44:37
215
原创 原生JS查找元素讲解
closest('.relative')，这个closest()是元素的一个方法，用于向上遍历DON树，查找与指定选择器匹配的第一个祖先元素(包括元素自身)。e.target：触发事件的原始元素。例如，当用户点击页面上的某个按钮时，e.target就是这个按钮元素。.relative是Css类选择器，表示具有relative类的元素。
2025-07-10 15:18:17
286
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人