03 2023 档案

设置data-*属性自定义数据获取不到的问题
摘要：问题描述 项目中使用:data-cateId="item.cateId"自定义数据属性，在取值时为undefined，经过控制台打印发现问题由大小写导致。 ... <div :data-cateId="item.cateId"></div> ... ... const fuc = (e) => { 阅读全文
posted @ 2023-03-29 17:31 Li_pk 阅读(237) 评论(0) 推荐(0) 编辑
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 阅读(628) 评论(0) 推荐(0) 编辑
使用TypewriterJS插件实现打字机效果
摘要：1. 插件地址 :rocket: TypewriterJS GitHub :airplane: npm 地址 2. 安装引用 CDN <script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script> 安装 阅读全文
posted @ 2023-03-20 09:52 Li_pk 阅读(1038) 评论(0) 推荐(1) 编辑
require方法的简单原理记录
摘要：以想象有一个工具，它能解析代码文件，把每个文件的内容包装在一个立即调用的函数表达式中，还可以跟踪每个函数的返回值，并将所有内容拼接为一个大文件。结果可能类似如下所示： const modules = {}; function require(name) { return modules[name]; 阅读全文
posted @ 2023-03-16 10:21 Li_pk 阅读(12) 评论(0) 推荐(0) 编辑
JavaScript编码良好习惯
摘要：### 1. 使用parseInt最好传递第二个参数 parseInt用于将字符串转换成整数，转换时依次从第0位字符开始逐渐测试字符是否为有效数字。如果第0位字符非有效数字直接返回NaN，否则继续分析后面的字符，重复操作，知道出现非数字字符，将前面解析的合法数字字符转为数值并返回。 0开头数字字符串 阅读全文
posted @ 2023-03-14 10:55 Li_pk 阅读(9) 评论(0) 推荐(0) 编辑
Element UI设置默认语言为英文
摘要：1. 完整引入： import Vue from 'vue' import ElementUI from 'element-ui' import locale from 'element-ui/lib/locale/lang/en' Vue.use(ElementUI, { locale }) 2. 阅读全文
posted @ 2023-03-09 09:27 Li_pk 阅读(529) 评论(0) 推荐(0) 编辑
VSCode插件
摘要：1. Auto Rename Tag 当重命名一个 HTML/XML 标签时，会自动重命名配对的 HTML/XML 标签。 2. Autoprefixer 解析 CSS 并自动添加供应商前缀。按 F1 并运行名为 Autoprefixer: Run 的命令。 3. AWS Toolkit ai 代码 阅读全文
posted @ 2023-03-08 10:24 Li_pk 阅读(18) 评论(0) 推荐(0) 编辑
使用background-clip解决半透明边框被背景色渗透问题
摘要：1. 问题描述及解决 在给元素设置半透明边框时发现边框颜色和预期效果不一致，发现边框颜色被背景色渗透了。默认状态下，背景会延伸到边框的区域下层。 右侧图为预期效果，左侧图为实际效果： 此处设置了边框颜色为粉色半透明，而实际效果被背景色渗透。 关键样式代码如下： .transparent-border 阅读全文
posted @ 2023-03-06 17:54 Li_pk 阅读(127) 评论(0) 推荐(0) 编辑
Vue3父组件调用子组件内部的方法
摘要：1. 子组件中定义方法并通过defineExpose暴露出去 import { reactive, defineExpose } from "vue"; const state = reactive({ dataList: [], }); const changeData = () => { sta 阅读全文
posted @ 2023-03-03 18:09 Li_pk 阅读(3664) 评论(0) 推荐(0) 编辑
js把文件流导出下载excel文件
摘要：let btn = document.querySelector('#app > button'); let resData = null; fetch('http://127.0.0.1:3333', { method: "GET", responseType: "blob" }) .then(r 阅读全文
posted @ 2023-03-02 11:51 Li_pk 阅读(1615) 评论(0) 推荐(0) 编辑
网页文本复制使用clipboardData.setData方法添加自定义后缀内容
摘要：1. ClipboardEvent.clipboardData介绍 :pushpin: MDN文档地址 :pushpin: ClipboardEvent.clipboardData 属性保存了一个 DataTransfer 对象，这个对象可用于： 描述哪些数据可以由 cut 和 copy 事件处理器 阅读全文
posted @ 2023-03-01 10:27 Li_pk 阅读(450) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示