自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(52)
  • 收藏
  • 关注

原创 vue使用recorder-core.js实现录音功能

vue中使用recorder-core.js组件

2023-07-24 18:11:56 2032

原创 vue使用lottie-web

vue3封装lottie插件

2023-07-24 16:33:24 500

原创 vue3中使用wavesurfer插件 动态生成id

声纹可视化工具:wavesurfer.js的使用

2023-07-24 15:08:07 515

原创 使用自定义字体

使用自定义字体

2022-12-05 18:12:13 132 1

原创 vue3写一个竖向的表格,可编辑删除操作

vue 写竖形表格

2022-11-14 14:15:38 503

原创 关于el-date-picker禁止选择问题

【代码】关于el-date-picker禁止选择问题。

2022-11-02 17:33:59 635

原创 a-slider样式优化

发现直接修改样式不起作用,组件所在的位置不对。

2022-07-29 15:21:03 639

原创 vue3.0 import路径写法

代码】vue3.0import路径写法。

2022-07-29 14:44:11 1188

原创 Echarts之世界地图,展示路线图组件开发

E charts地图

2022-07-29 14:40:33 711

原创 关于组件传值方法

组件间传值的方法

2022-07-07 13:54:49 160 1

原创 解决TinyMCE富文本,粘贴word文本修改不了字体

TinyMCE富文本的复制

2022-07-06 15:18:32 1135

原创 条件链之三元表达式

三元表达式

2022-06-23 10:28:31 72

原创 倒数方法js

倒数方法

2022-06-22 16:18:11 524

原创 定时执行方法

定时执行

2022-06-22 16:14:38 54

原创 写一个发送验证码组件

写一个验证码倒数

2022-06-22 16:08:39 81

原创 new set

es6ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}// 2 3 5 4数组去重// 去除数组的重复成员[...new Set(array)]字符串去重[...new Set('ababbc')].join('')//

2022-02-09 14:37:53 845

原创 数据类型相关问题

1.JavaScript 中的基本类型有哪些?以及各个数据类型是如何存储的?javaScript 的数据类型包括原始类型和引用类型(对象类型)。原始数据类型包括StringNumberBooleannullundefinedSymbol引用类型统称为 Object 类型,如果细分的话,分为以下 5 个ObjectArrayDateRegExpFunction数据类型的存储形式栈(Stack)和堆(Heap),是两种基本的数据结构。Stack 在内存中自动分配内存空间的

2022-02-08 09:45:58 223

原创 iframe中获取src的参数

var url = window.frames.location.href;

2022-01-12 17:30:29 1557

原创 关于vue3.0 jest

断言内容TodoApp.vue<template> <div></div></template><script>export default { name: 'TodoApp', data() { return { todos: [ { id: 1, text: 'Learn Vue.js 3', completed: fals

2022-01-05 17:59:04 210

原创 正则字符串转换成正则

使用eval()

2021-12-21 15:26:06 472

原创 获取项目中的全部icon

第一步是本身icon是iconfont.json格式是{ "id": "2989802", "name": "低代码平台", "font_family": "iconfont", "css_prefix_text": "icon-", "description": "FontClass/Symbol 前缀是icon-;Font Family 是iconfont;", "glyphs": [ { "icon_id": "21823886", "nam

2021-12-17 10:36:02 588

原创 export const导出,import导入

获取正则全部方法做下拉框选择比如说ts中export const导出方法export const trainNumber = { reg: '/^[GCDZTSPKXLY1-9]d{1,4}$/', name: '火车车次',}export const IMEI = { reg: '/^d{15,17}$/', name: '手机机身码(IMEI)',}vue 项目中获取全部正则 import导入 function getAllReg(){ import("/@/u

2021-12-17 10:25:10 1160

原创 正则use strict中 的不可使用八进制和不可使用转义字符

前提是正则中包含转译符,项目是严格模式使用${}解决 reg: `${/^\d{1,4}(-)(1[0-2]|0?[1-9])\1(0?[1-9]|[1-2]\d|30|31)$/}`,

2021-12-13 18:06:59 94

原创 最近遇到的问题:chorme浏览器中嵌入的iframe cookie不起作用

开发过程中遇到的问题

2021-12-10 11:16:55 2010

原创 promise相关面试题

第一题!执行结果:DACFHBGE第二题执行结果:外部promise外部第一个thenok外部第二个then最终

2021-11-30 15:00:21 48

原创 对于下载解码header里面的name

获取方式:const fileNameEncode = mydata.headers['content-disposition'].split('filename=')[1];对于获取到的code进行解码1.一种这样带有%,一种是iso8859-12.带有%就用decodeURI(uri) iso8859-1escape/** * @description: 导出文件 */export function exportApi(params: FormData) { retu

2021-11-29 17:02:53 185

原创 关于formdata数组对象传参

let formDatas = new FormData() formDatas.append(`sealLocationInfoList[${index}].posX`,x);

2021-11-25 15:35:18 510

原创 前端生成唯一id UUID

前提前端需要一个唯一的ID通用唯一识别码(英语:Universally Unique Identifier,简称UUID)标题使用插件uuid1.安装npm install uuid --save2.调用import { v4 as uuidv4 } from 'uuid';uuidv4(); 具体查看文档https://www.npmjs.com/package/uuid/v/8.3.0...

2021-09-18 10:42:29 4245

原创 关于深拷贝

1.用 JSON.stringify 把对象转换成字符串,再用 JSON.parse 把字符串转换成新的对象var targetObj = JSON.parse(JSON.stringify(copyObj))let arr4 = JSON.parse(JSON.stringify(arr))但是需要注意的是(1)如果对象里有函数,函数无法被拷贝下来(2)无法拷贝copyObj对象原型链上的属性和方法(3)当数据的层次很深,会栈溢出,比如复杂的树形结构2.Object.assign()拷贝

2021-09-06 14:53:13 122

原创 好用的组件Vue Tags Input 输入框标签

分享一个好用的输入框标签找了好久input tags的标签这个算是比较好看并且文档比较全的组件必须分享❤️文档地址:http://www.vue-tags-input.com/#/然后说一下我根据项目改动的地方和我觉得会比较常用的参数allow-edit-tags:允许编辑标签,定义标签在创建后是否可编辑。max-tags:标签数组允许容纳的最大数量maxlength:允许输入的最大字符数。placeholder:placeholderv-model:无需解释<template&g

2021-09-01 17:39:30 4378 4

原创 git stash 操作

git stash save “save message” : 执行存储时,添加备注,方便查找,只有git stash 也要可以的,但查找时不方便识别。git stash list :查看stash了哪些存储git stash show :显示做了哪些改动,默认show第一个存储,如果要显示其他存贮,后面加stash@{$num},比如第二个 git stash show stash@{1}git stash show -p : 显示第一个存储的改动,如果想显示其他存存储,命令:git stash .

2021-09-01 15:13:56 56

原创 如何使得element-ui input 和select长度一致

相差的是一个iconsuffix-icon=“xxxx” <el-col :span="12"> <el-form-item label="价格:" prop="skuPrice"> <el-input v-model="dialogForm.skuPrice" placeholder="请输入价格" suffix-icon="xxxx" /> </el-form-item>

2021-09-01 15:10:03 2210

原创 二次封装 element-ui里面的table

vue文件<template> <div class="cloud_table"> <el-table :data="tableData" :border="border" :row-class-name="tableRowClassName" :show-overflow-tooltip="showOverflowTooltip" header-cell-class-name="header_table

2021-09-01 14:01:10 50

原创 请求拦截器中对于get的请求参数的处理

service.interceptors.request.use( config => { if (getToken()) { config.headers["Authorization"] = getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改 } config.headers["Content-Type"] = "application/json"; if (config.method === "get") {

2021-08-31 16:35:39 845

原创 vue3.0适用的UI框架

Ant Design Vue官方网站:https://2x.antdv.com/components/overview/BalmUI官方网站:https://next-material.balmjs.com/#/Wave UI官方网站:https://antoniandre.github.io/wave-ui/Vuestic官方网站:https://vuestic.dev/Element+官方网站:https://element-plus.org/#/zh-CNIonic官方网站:h.

2021-08-19 10:29:47 2810

原创 2021最新手机号正则

export function validMobile(mobile) { /** * 目前支持手机号 电信 133,149,153,173,174,177,180,181,189,191,193,199 移动 134,135,136,137,138,139,147,148,150,151,152,157,158,159,172,178,182,183,184,187,188,195,198 联通 130,131,132,145,146,155,156,166,175,17

2021-07-13 17:52:26 1559 1

原创 commitlint规范git提交

先附上文档husky:https://typicode.github.io/husky/#/commitlint:https://github.com/conventional-changelog/commitlint安装cnpm i @commitlint/cli @commitlint/config-conventional [email protected] -D配置package.json文件package.json文件{ ... "husky": { "hooks": {

2021-06-07 15:04:52 402

原创 移动端,click 点击事件延时与穿透

问题加粗样式 1. 监听元素 click 事件,点击元素触发时间延迟约 300ms。2. 点击蒙层,蒙层消失后,下层元素点击触发。原因为什么会产生 click 延时?iOS 中的 safari,为了实现双击缩放操作,在单击 300ms 之后,如果未进行第二次点击,则执行 click 单击操作。也就是说来判断用户行为是否为双击产生的。但是,在 App 中,无论是否需要双击缩放这种行为,click 单击都会产生 300ms 延迟为什么会产生 click 点击穿透?双层元素叠加时,在上层元素上绑定

2021-06-07 10:36:56 756

原创 moment.js 十二小时制和二十四小时制

moment(time).format(‘YYYY-MM-DD HH:mm:ss’)--------------24小时moment(time).format(‘YYYY-MM-DD hh:mm:ss’)--------------12小时

2021-04-29 14:43:33 939

原创 ant-design中tab切换的样式设置 tabBarGutter的使用

官方文档里面样式想要的样式需要配置的: <a-tabs :centered="true" :tabBarGutter="100"> <a-tab-pane key="1" tab="密码登录"> <LoginForm /> </a-tab-pane> <a-tab-pane key="2" tab

2021-04-16 11:27:58 3623

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除