Li_pk - 博客园

2023年4月20日

摘要： 1. 水平条纹背景当给背景设置渐变效果时，默认的渐变方向是垂直由上到下的，效果如下： { background: linear-gradient(#aaa, #ddd); } 尝试拉近色标的距离，会发现渐变区域变小了： { background: linear-gradient(#aaa 40%, 阅读全文

posted @ 2023-04-20 18:24 Li_pk 阅读(1683) 评论(0) 推荐(4)

页脚紧贴页面底部的方法

摘要：页面包含页脚时，当页面内容足够长时页脚会处于页面底部显示，而当页面内容较短时（比如错误信息页面）就会出现问题。此时页脚不能像我们期望中那样“紧贴”在页面的最底部，而是紧跟在内容的下方。下面列出两种解决方法： 1. 通过calc()计算并设置内容最小高度：把header和main内容用div包裹，阅读全文

posted @ 2023-04-20 14:13 Li_pk 阅读(179) 评论(0) 推荐(0)

2023年4月13日

Git多平台/多账号配置

摘要：有时候需要在一台电脑使用多个git平台（Gitee、GitHub、Gitlab...）或者一个平台多个不同账号，比如想同时配置公司git和个人的git，提交代码时提交到对应的平台/账号的代码仓库且互不影响。这时候需要配置不同的SSH key。 1. 生成SSH key 以下命令需打开Git Bash 阅读全文

posted @ 2023-04-13 11:35 Li_pk 阅读(449) 评论(0) 推荐(2)

2023年4月12日

el-menu使用递归组件实现多级菜单组件

摘要： vue3+element plus版：[点击此处](https://www.cnblogs.com/lpkshuai/p/17346600.html "点击此处") # 1. 效果： ![image](https://img2023.cnblogs.com/blog/1857566/202304/1 阅读全文

posted @ 2023-04-12 16:18 Li_pk 阅读(2615) 评论(3) 推荐(1)

2023年4月11日

CSS实现菜单选项向外圆角效果

摘要：最终效果实现方法 1. ::before、::after伪元素裁剪拼接完整代码：示例中图标引用了iconfont，地址点击这里 html代码 <body> <ul> <li class="active"><i class="iconfont"></i></li> <li><i 阅读全文

posted @ 2023-04-11 14:55 Li_pk 阅读(2137) 评论(0) 推荐(0)

2023年4月7日

CRLF和LF区别

摘要： 1. CRLF概念 CRLF（Carriage-Return Line-Feed），CR是回车符，LF是换行符。它们都是文本文件用于标记换行的控制字符（control characters）或字节码（bytecode）。 CR（Carriage Return），回车符号，对应字符 '\r'，十六进制阅读全文

posted @ 2023-04-07 12:26 Li_pk 阅读(3055) 评论(0) 推荐(0)

2023年4月6日

常用Content-Type汇总

摘要： MIME type ###定义媒体类型（通常称为 Multipurpose Internet Mail Extensions 或 MIME 类型）是一种标准，用来表示文档、文件或字节流的性质和格式。 ###语法 MIME 的组成结构非常简单；由类型与子类型两个字符串中间用'/'分隔而组成。不允许空阅读全文

posted @ 2023-04-06 18:27 Li_pk 阅读(1410) 评论(0) 推荐(0)

2023年4月3日

阿里巴巴iconfont字体图标使用

摘要： 1. 图标获取 :shaved_ice: 阿里巴巴矢量图标库进入阿里图标库登录，创建项目，选择需要的图标添加购物车。然后添加至项目。在我的项目中可以找到添加的图标。下载图标文件至本地。打开demo_index.html文件或者在图标库网站均可查看使用教程以及字体编码、样式类名等信息。 2. 阅读全文

posted @ 2023-04-03 14:38 Li_pk 阅读(1920) 评论(0) 推荐(0)

2023年3月29日

设置data-*属性自定义数据获取不到的问题

摘要：问题描述项目中使用:data-cateId="item.cateId"自定义数据属性，在取值时为undefined，经过控制台打印发现问题由大小写导致。 ... <div :data-cateId="item.cateId"></div> ... ... const fuc = (e) => { 阅读全文

posted @ 2023-03-29 17:31 Li_pk 阅读(279) 评论(0) 推荐(0)

2023年3月28日

echarts自定义legend内容

摘要：效果配置 let chartData = [{ value: 6.33, name: "公共安全支出：", }, { value: 7.12, name: "教育支出：", }, { value: 8.34, name: "科学技术支出：", }, { value: 3.54, name: "社会阅读全文

posted @ 2023-03-28 15:54 Li_pk 阅读(748) 评论(0) 推荐(0)

笔记

公告