- 博客(3227)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 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
2原创 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关注的人