- 博客(48)
- 收藏
- 关注
RSS订阅原创 audio标签常用方法
onloadedmetadata: 设置音频元数据加载完成时触发的事件处理函数。canPlayType(type): 检查浏览器是否能够播放指定类型的音频。currentTime: 获取或设置音频的当前播放时间。onended:设置音频播放结束时触发的事件处理函数。onpause: 设置音频暂停时触发的事件处理函数。onplay:设置音频播放时触发的事件处理函数。loop: 获取或设置音频是否循环播放。volume: 获取或设置音频的音量。pause(): 暂停音频的播放。play(): 开始播放音频。
2023-07-17 13:21:52
1219
原创 Vue试听本地磁盘的音频
试听后觉得可以才把file文件传给服务端，需要前端自己实现试听本地磁盘的音频；问题描述： 项目中涉及到一个报警声音选择， 有一个试听的功能，将文件传化成一个可播放的url路径。
2023-07-14 15:47:31
1826
原创 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
2824
2
原创 如何在css中使用js的变量
关键代码 document.documentElement.style.setProperty(‘–color’, color)声明一个变量 --color, css中使用 var(–color)使用即可。项目中经常遇到在css中引入js的变量来设置元素宽高、字体颜色等等，下面介绍我经常使用的一种方法。下面是一个简单的案例， 点击"你好世界的文字"，字体颜色随机变化。
2023-05-11 09:29:55
3299
原创 数组乱序的方法
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
226
原创 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
1403
原创 elementui自定义手机号邮箱验证
elementui自定义手机号邮箱验证自定义验证的使用示例// 验证手机号 checkPhone 为验证函数mobile: [ { required: true, message: '请输入手机号', trigger: 'blur' }, { validator: checkPhone, trigger: 'blur' }, ],手机号邮箱的验证函数 const checkPhone = (rule, value, cb) =>
2022-03-15 10:57:07
1526
原创 简述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
522
原创 js 操作全屏切换的方法
js 操作全屏切换的方法// Vue项目中全屏按钮的点击事件launchFullScreen() { const isFullScreen = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement if (!isFullScreen) { if (document.body.requestFullscreen) {
2022-02-18 09:16:51
713
原创 解决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
4102
原创 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
2238
原创 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
767
原创 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
523
原创 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
2154
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
459
原创 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
242
转载 Vue2和Vue3响应式
vue2 的响应式核心:对象: 通过 defineProperty 对对象的已有属性值的读取和修改进行劫持(监视/拦截)数组: 通过重写数组更新数组一系列更新元素的方法来实现元素修改的劫持Object.defineProperty(data, 'count', { get() {}, set() {}})问题对象直接新添加的属性或删除已有属性, 界面不会自动更新直接通过下标替换元素或更新 length, 界面不会自动更新 arr[1] = {}#Vue3 的响应式核心:通过
2021-07-06 17:34:04
88
原创 vscode 使用beautify插件格式化.vue文件
vscode 使用beautify插件格式化.vue文件在settings.json中添加"beautify.language": { "js": { "type": [ "javascript", "json" ], "filename": [ ".jshintrc", ".jsbeaut
2021-06-29 17:15:12
327
原创 如何查看使用apt install 安装软件的目录
dpkg -L 包名/usr/usr/share/usr/share/applications/usr/share/applications/code.desktop
2021-06-28 15:38:47
1766
原创 vscode安装离线插件包
vscode安装 .vsix插件（运行命令）npm install vsce -g --save vsce选择 install from vsix…
2021-06-28 15:09:53
445
转载 flutter环境配置
flutter环境搭建转载于：https://blog.youkuaiyun.com/qq_42864402/article/details/97646088
2021-06-14 21:09:13
104
原创 浏览器缓存
按缓存位置分类我们可以在 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
154
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人