- 博客(3227)
- 资源 (5)
- 收藏
- 关注
原创 css:flex布局中子元素高度height没有达到100%
css中使用flex布局中子元素高度height没有达到100%希望实现两个盒子左右分布,内容垂直居中对齐。可以看到,左边的盒子高度并没有撑满。去除,单独设置子元素的对齐样式。
2023-12-06 17:58:32
79
原创 Linux:使用pv实现执行进度监控
pv全称:Pipe Viewer,通过管道显示数据处理进度的信息。监控mysql文件的导入进度。限制mysql数据导出速率。
2023-12-05 14:18:46
93
原创 Java:SpringBoot中HttpServletRequest对象获取客户端的请求参数
【代码】Java:SpringBoot中HttpServletRequest对象获取客户端的请求参数。
2023-12-04 16:45:57
229
原创 Java:hutool工具箱实现文件大小的友好输出
/ 单位大小 public static final int UNIT_SIZE = 1024;// 显示单位 public static final String [ ] UNIT_NAMES = new String [ ] {/*** 可读的文件大小* @returnreturn "0";} }// 单位大小// 显示单位/*** 可读的文件大小* @return*/return "0";
2023-11-30 10:39:33
95
原创 nginx:413 Request Entity Too Large
修改配置文件 nginx.conf,根据自己的实际情况修改大小。配置完成后重启nginx。
2023-11-22 11:20:47
157
原创 Python:使用docxtpl实现模板生成docx文件
文件模板 template.docx。渲染后的结果 doc.docx。模板语法类似Jinja2。
2023-11-18 17:51:54
226
原创 Python:使用pynvml获取和监控 NVIDIA GPU 设备的信息
pynvml 是一个 Python 包,用于与 NVIDIA 的管理库 NVML(NVIDIA Management Library)进行交互,以获取和监控 NVIDIA GPU 设备的信息。它提供了一组函数和类,可以查询 GPU 设备的状态、显存使用情况、温度、功耗等信息。文档安装需要安装 NVIDIA 驱动程序和 CUDA 工具包示例。
2023-11-18 11:40:08
196
原创 js: less-vars-to-js将 LESS 变量转换为 JavaScript 对象
less-vars-to-js 是一个用于将 LESS 变量转换为 JavaScript 对象的工具。它可以帮助你在使用 LESS 编写样式的同时,可以方便地在 JavaScript 代码中使用这些变量。
2023-11-14 16:28:18
340
原创 Warning autoprefixer: end value has mixed support, consider using flex-end instead
【代码】Warning autoprefixer: end value has mixed support, consider using flex-end instead。
2023-11-13 10:23:13
68
原创 Python:使用marshmallow实现Python数据序列化、反序列化、数据验证
marshmallow是一个python数据序列化、反序列化、数据验证的工具库文档安装定义一个Python类定义一个Schema通过Schema对Python类进行序列化。
2023-11-12 18:51:59
155
原创 css:两个行内块元素和图片垂直居中对齐
一个inline-block元素,如果里面没有inline内联元素,或者overflow不是visible,则该元素的基线就是其margin底边缘,否则,其基线就是元素里面最后一行内联元素的基线。发现一个很奇怪的现象:我们本来期待的是两个框对齐,表现却是错位的。所以第一个框的底部和后一个元素中的文字基线对齐了,可以看到,默认情况下并没有实现垂直居中对齐。如果两个元素都没有文本,同样是对齐的。发现并没有居中对齐,有种失效的感觉。如果两个元素都有文本,则是对齐的。方案二:图片元素居中对齐。
2023-11-11 10:47:48
823
原创 css:文本对齐属性vertical-align实现化学元素上标下标的显示
我们知道,化学元素需要按照如下的格式才能正确显示,不过会将原有的字体高度撑开。:使元素及其后代元素的顶部与整行的顶部对齐。:使元素及其后代元素的底部与整行的底部对齐。:使元素的基线与父元素的下标基线对齐。:使元素的基线与父元素的上标基线对齐。:使元素的顶部与父元素的字体顶部对齐。:使元素的底部与父元素的字体底部对齐。
2023-11-10 17:57:58
327
原创 css:clip元素裁剪实现Loading加载效果边框
clip 属性定义了元素的哪一部分是可见的。clip 属性只适用于的元素。警告: 这个属性已被废弃。建议使用 clip-path文档。
2023-11-10 10:42:51
330
原创 js:Browserslist用特定语句查询浏览器列表的工具与Babel和Postcss配置使用
在 package.json 中增加browserslist 配置。Browserslist 是一个用特定语句查询浏览器列表的工具。比对两次输出,将浏览器兼容范围减小后,代码直接就是箭头函数。在 package.json 中 配置 postcss。package.json 配置browserslist。有如下代码,需要通过babel转译为兼容浏览器的代码。在 package.json 中配置babel。不配置browserslist的情况下。Browserslist 将依赖。安装 babel依赖。
2023-11-09 15:32:48
429
原创 React:实现一个定时器计数器,每秒自动+1
以上写法有一个问题,页面会永远停留在数字1,并不会发生变化。需求:实现一个定时器计数器,每秒自动+1。
2023-11-08 18:02:50
413
原创 Javascript实现快速排序Quicksort
(2)所有小于"基准"的元素,都移到"基准"的左边;所有大于"基准"的元素,都移到"基准"的右边。(3)对"基准"左边和右边的两个子集,不断重复第一步和第二步,直到所有子集只剩下一个元素为止。(1)在数据集之中,选择一个元素作为"基准"(pivot)。
2023-11-08 17:15:37
119
原创 基于React使用swiperjs实现竖向滚动自动轮播
很多文章,都只提供了js部分,包括官方的文档也只有js部分,如果css设置不正确,会导致轮播图不自动播放。使用的swiper版本:v11.0.3。完整依赖 package.json。需要设置swiper容器的尺寸。使用vite创建react应用。
2023-11-07 11:46:52
312
原创 js:可选链运算符(?.)和空值合并运算符(??)
是一个逻辑运算符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。.)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。使用可选链运算符(?.)就可以很好的规避这个问题。假设有两个对象,数据而结构如下。获取嵌套对象的name属性。
2023-11-04 12:03:40
239
原创 PostCSS通过px2rem插件和lib-flexible将px单位转换为rem(root em)单位实现大屏适配
因为lib-flexible.js 原本是用来适配移动端的,所以,需要改动一些代码才能适配PC大屏,只能通过整个文件引入,不要通过npm安装,否则每次安装都需要重新修改代码。需要注意的是,这个缩放是基于宽度缩放的,如果屏幕尺寸比例不一致,会导致竖向的内容会缺失,或者出现滚动。在尺寸为1200px的屏幕宽度下,可以还原为代码中设置的尺寸。在尺寸为1400px的屏幕宽度下,可以还原为代码中设置的尺寸。就不一样,进而导致页面元素的尺寸也不一样,实现了缩放效果。这样,在不同的屏幕下,计算出来的根元素。
2023-11-04 10:14:58
660
原创 css:元素居中整理水平居中、垂直居中、水平垂直居中
块级元素,比如 div,其默认宽度是100%。给定一个宽度的时候,可以居中对齐。行内元素(比如文字,span,图片等)的水平居中,其父元素中设置。使用绝对定位实现:子绝父相(子元素绝对定位,父元素相对定位)上面的方法也可以让图片垂直居中。也适用于单行文字、行内元素。
2023-11-03 16:42:28
124
原创 MacOS使用PF实现iptables的端口转发功能
浏览器访问:http://127.0.0.1:5000/浏览器访问:http://127.0.0.1:8080/使用Flask启动一个简单的web服务。,类似Nginx的反向代理。1、开启IPv4 的转发。2、添加转发配置文件。3、修改pf配置文件。
2023-11-02 16:08:56
175
原创 Echarts饼状图grid设置
饼状图不能设置grid,而是centercenter 圆心:控制圆的位置radius 饼图的半径 控制显示尺寸。
2023-10-30 09:50:04
144
原创 echarts修改图例legend样式:正方形、矩形、圆形、圆角
ECharts 提供的标记类型有 ‘circle’, ‘rect’, ‘roundRect’, ‘triangle’, ‘diamond’, ‘pin’, ‘arrow’, ‘none’
2023-10-30 09:30:38
1045
原创 MySQL: String 字符串相关函数整理
返回字符串中子字符串第一次出现的位置,不区分大小写,找不到子字符串返回 0。返回字符串中子字符串第一次出现的位置,不区分大小写,找不到子字符串返回 0。返回一个字符串在另一个字符串中第一次出现的位置,不区分大小写。将字符串中所有出现的子字符串替换为新的子字符串,区分大小写。返回一个字符串在出现指定数量的分隔符之前的子字符串。返回字符串在字符串列表(逗号分隔)中的位置。从字符串中提取子字符串(从任意位置开始)从字符串中提取子字符串(从任意位置开始)从字符串中提取子字符串(从任意位置开始)
2023-10-24 16:18:45
244
pyenv-2.3.90-full.tar.gz
2023-01-03
mybatis-generator-demo.zip
2020-07-26
CSS Tools: Reset CSS
2020-07-23
浏览器Header和cookie字符串形式转Json
2020-04-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人