自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端工程 点击引入路径跳进文件

下面是 vue.config.js 配置。

2024-07-18 17:19:00 195

原创 浏览器长时间未操作执行

【代码】浏览器长时间未操作执行。

2023-07-18 09:13:29 279

原创 audio标签常用方法

onloadedmetadata: 设置音频元数据加载完成时触发的事件处理函数。canPlayType(type): 检查浏览器是否能够播放指定类型的音频。currentTime: 获取或设置音频的当前播放时间。onended:设置音频播放结束时触发的事件处理函数。onpause: 设置音频暂停时触发的事件处理函数。onplay:设置音频播放时触发的事件处理函数。loop: 获取或设置音频是否循环播放。volume: 获取或设置音频的音量。pause(): 暂停音频的播放。play(): 开始播放音频。

2023-07-17 13:21:52 905

原创 Vue试听本地磁盘的音频

试听后觉得可以才把file文件传给服务端,需要前端自己实现试听本地磁盘的音频;问题描述: 项目中涉及到一个报警声音选择, 有一个试听的功能,将文件传化成一个可播放的url路径。

2023-07-14 15:47:31 1724

原创 js实现插入排序和希尔排序

插入排序、希尔排序

2023-07-13 10:38:17 148

原创 js实现选择排序

js实现选择排序

2023-07-07 15:07:58 117

原创 js实现冒泡排序

js实现冒泡排序

2023-07-07 14:21:11 169

原创 Vue项目将页面导出为pdf格式文件

第二个参数 测量单位(“pt”,“mm”, “cm”, “m”, “in” or “px”)第三个参数 可选默认为“a4”,如果自定义指定大小这样 [100, 600]在utils中新建文件pdf.js, 内容如下。第一个参数 l:横向 p:纵向。new jspdf()参数说明。4.页面和最后的pdf。

2023-06-08 15:56:47 2537 1

原创 nginx解决前端项目跨域

【代码】nginx解决前端项目跨域。

2023-06-05 16:49:25 156

原创 如何在css中使用js的变量

关键代码 document.documentElement.style.setProperty(‘–color’, color)声明一个变量 --color, css中使用 var(–color)使用即可。项目中经常遇到在css中引入js的变量来设置元素宽高、字体颜色等等,下面介绍我经常使用的一种方法。下面是一个简单的案例, 点击"你好世界的文字",字体颜色随机变化。

2023-05-11 09:29:55 2942

原创 el-table的type=“selection“实现单选

利用监听table的selection-change方法, 代码如下。

2023-04-25 15:42:52 1119

原创 js正则匹配and或者or在字符串的末尾

js字符串去掉末尾指定字符

2023-04-13 11:14:30 1482

原创 js 数组去重的方法

数组去重

2022-08-29 09:47:42 77

原创 vite项目跨域的简单配置

vue项目跨域配置

2022-07-12 10:44:31 1343

原创 替代Math.random()方案

替换Math.random()不安全漏洞

2022-07-08 16:06:11 2141

原创 Video标签控制是否允许快进

video标签控制是否允快进

2022-07-01 15:04:56 451

原创 js单链表的实现

js简单实现单链表

2022-06-19 10:08:00 244

原创 数组乱序的方法

function shuffle (arr) { let i = arr.length; while (i) { let j = Math.floor(Math.random() * i--); [arr[j], arr[i]] = [arr[i], arr[j]]; } return arr;}

2022-04-23 10:53:30 195

原创 echarts图表在react项目中的使用

下载所需依赖npm i echarts -Snpm i echarts-for-react -S下面这一项是我曾经项目用到的版本,可忽略"echarts": "^4.2.1", "echarts-for-react": "^2.0.15-beta.0",引入依赖import ReactEcharts from 'echarts-for-react'渲染实例<ReactEcharts option={this.getOption()} />附上述 getOption 方

2022-03-16 15:00:24 1355

原创 elementui自定义手机号邮箱验证

elementui自定义手机号邮箱验证自定义验证的使用示例// 验证手机号 checkPhone 为验证函数mobile: [ { required: true, message: '请输入手机号', trigger: 'blur' }, { validator: checkPhone, trigger: 'blur' }, ],手机号邮箱的验证函数 const checkPhone = (rule, value, cb) =>

2022-03-15 10:57:07 1353

原创 简述js中的变量提升和函数提升

简述js中的变量提升和函数提升先看代码var foo = function () { console.log('foo1');}foo(); // foo1var foo = function () console.log('foo2');}foo(); // foo2function foo() { console.log('foo1');}foo(); // foo2function foo() { console.log('foo2');}

2022-02-28 11:38:06 491

原创 js 操作全屏切换的方法

js 操作全屏切换的方法// Vue项目中全屏按钮的点击事件launchFullScreen() { const isFullScreen = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement if (!isFullScreen) { if (document.body.requestFullscreen) {

2022-02-18 09:16:51 673

原创 解决el-select显示的内容不全

解决el-select显示的内容不全1.加:popper-append-to-body=“false”<el-select v-model="formValidate.type" placeholder="请选择父级类型" :popper-append-to-body="false" >样式中加以下内容/deep/.el-select-dropdown__wrap.el-scrollbar__wrap {

2022-01-22 17:35:25 3313

原创 elementui中 type=“selection“设置只能选中一个

样式/deep/ thead { .el-table-column--selection { .cell { display: none; } } }jshandleSelectionChange(val) { if (val.length > 1) { this.$refs.table.clearSelection(); this.$refs.table.toggl

2021-12-29 17:50:44 2109

原创 react的消息发布订阅

react的消息发布订阅采用pubsub-js 包, 可用于不同组件之间的传值安装pubsub-js 包npm i pubsub-js --save导入pubsub-js 包//导入包import PubSub from 'pubsub-js'发布消息PubSub.publish('changeListState', 'hello word')//消息名是 changeListState, 订阅消息必须用这个名字, 传递的值是 hello word接收消息//token 用于组件

2021-11-25 14:47:17 719

原创 git fatal: 拒绝合并无关的历史的错误解决

本地初始化的项目 与 github 版本不一致, 导致无法提交$ git pull origin master来自 https://github.com/itaken/python-login-demobranch master -> FETCH_HEADfatal: 拒绝合并无关的历史解决方法在pull 时候, 添加–allow-unrelated-histories参数 即可.$ git pull origin master --allow-unre

2021-07-30 14:55:59 411

原创 elementui中input类型为type=number 去掉加减箭头

elementui中input类型为type=number 去掉加减箭头/deep/ input::-webkit-outer-spin-button,/deep/ input::-webkit-inner-spin-button { -webkit-appearance: none !important;}/deep/ input[type='number'] { -moz-appearance: textfield !important;}

2021-07-29 14:19:35 2035 1

原创 解决elementui中message多次出现

1. 在utils 文件夹新建 resetMessage.jsimport { Message} from 'element-ui';let messageInstance = null;const resetMessage = (options) => { if(messageInstance) { messageInstance.close() } messageInstance = Message(options)};['error','success','

2021-07-12 10:05:00 378

原创 Vue项目中用qrcodejs2生成二维码

<template> <div> <button @click="qrcodeScan">显示</button> <div id="qrcode" ref="qrcode"></div> </div></template><script> export default { data() { return {} }, methods:

2021-07-09 17:34:47 187

转载 Vue2和Vue3响应式

vue2 的响应式核心:对象: 通过 defineProperty 对对象的已有属性值的读取和修改进行劫持(监视/拦截)数组: 通过重写数组更新数组一系列更新元素的方法来实现元素修改的劫持Object.defineProperty(data, 'count', { get() {}, set() {}})问题对象直接新添加的属性或删除已有属性, 界面不会自动更新直接通过下标替换元素或更新 length, 界面不会自动更新 arr[1] = {}#Vue3 的响应式核心:通过

2021-07-06 17:34:04 60

原创 vscode 使用beautify插件格式化.vue文件

vscode 使用beautify插件格式化.vue文件在settings.json中添加"beautify.language": { "js": { "type": [ "javascript", "json" ], "filename": [ ".jshintrc", ".jsbeaut

2021-06-29 17:15:12 296

原创 如何查看使用apt install 安装软件的目录

dpkg -L 包名/usr/usr/share/usr/share/applications/usr/share/applications/code.desktop

2021-06-28 15:38:47 1670

原创 vscode安装离线插件包

vscode安装 .vsix插件(运行命令)npm install vsce -g --save vsce选择 install from vsix…

2021-06-28 15:09:53 345

转载 flutter环境配置

flutter环境搭建转载于:https://blog.csdn.net/qq_42864402/article/details/97646088

2021-06-14 21:09:13 72

原创 此时不应有 \flutter\bin\cache

此时不应有 \flutter\bin\cache解决:所在文件夹权限问题,换在D盘下试试

2021-06-14 20:52:46 1275 2

原创 vscode终端报错

vscode终端报错可以更改vscoded打开的权限

2021-06-14 20:50:31 221

原创 linux安装.deb格式

linux安装.deb格式sudo dpkg -i .deb的路径

2021-05-21 19:34:59 118

原创 浏览器缓存

按缓存位置分类我们可以在 Chrome 的开发者工具中,Network -> Size 一列看到一个请求最终的处理方式:如果是大小 (多少 K, 多少 M 等) 就表示是网络请求,否则会列出 from memory cache, from disk cache 和 from ServiceWorker。它们的优先级是:(由上到下寻找,找到即返回;找不到则继续)Service WorkerMemory CacheDisk Cache网络请求memory cachememory cac

2021-05-12 20:19:14 117 1

原创 Linux 命令的基本使用

终端小技巧ctrl + shift + = 放大终端窗口的字体显示ctrl + - 缩小终端窗口的字体显示. 代表隐藏文件 ls -a 可查看常用命令ls list 查看当前文件下的内容pwd print word directory 查看当前所在文件夹cd [目录名] change directory 切换文件夹touch [文件名] touch 如果文件不存在,新建文件mkdir [目录名] make directory 创建目录rm [文件名] remove

2021-05-12 18:07:49 65 1

原创 windows停止nginx

windows停止nginxtaskkill /fi "imagename eq nginx.EXE" /f

2021-05-08 08:39:35 186 1

空空如也

空空如也

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

TA关注的人

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