- 博客(147)
- 收藏
- 关注
RSS订阅
原创 git暂存区git stash 用法实践
将git栈中的第一个stash恢复到当前，并删除git栈中的第一个stash。误删了git栈中的更改，可以使用以下这个命令查找所有的更改。将当前的更改保存到git栈中，并添加备注信息。将当前的更改保存到git栈中，包括新增的文件。将git栈中指定的第几个更改恢复到当前工作区。将git栈中指定的id的更改恢复到当前工作区。git stash apply 详细的id。查看某个哈希值为一下的blob对象的内容。删除git栈中指定的第几个更改。将当前的更改保存到git栈中。查看git栈中保存的所有更改。
2024-12-12 11:21:20
435
原创 前端的导入导出「CommonJS」「ES Module」模块化规范
模块化开发有助于我们将代码进行拆分，便于开发和维护，但如果不清楚模块化规范，就会在开发时不知道该用 require 还是 import，导出时该用 export 还是 module.exports。
2024-11-04 10:55:06
296
原创 vue项目打包获取git commit信息并输出到打包后的指定文件夹中
vue项目打包获取git commit信息并输出到打包后的指定文件夹中
2024-02-26 17:25:17
1573
1
原创 关于级联选择器el-cascader的踩坑及解决
解决：给级联选择器加key,key的值是：new Date().getTime()，在每次数据改变的时候更新key,即this.keyIndex = new Date().getTime()我的报错使用场景：级联选择器是遍历出来的，数据也是遍历的数组里面的，报错的原因是我删除了option绑定的数组，因为后台接口不需要这个数据。但是这个方法是有默认参数的，当不满足自己的需要，需要传其他参树的时候，搜索的建议面板和原来的dom不是同一个dom。在获取到数据之后，对数据进行整体处理。
2023-12-05 10:53:44
2073
原创 web端调节麦克风和扬声器的音量
这是一个基本的示例，具体的实现可能因浏览器兼容性和具体需求而有所差异。在 Web 端调节麦克风和扬声器的音量，可以使用 WebRTC（Web Real-Time Communications）技术和相关的 API 来实现。通过设置音量控制节点的 gain 属性来调节音量，取值范围为 0（静音）到 1（最大音量）。通过设置音量控制节点的 gain 属性来调节音量，取值范围为 0（静音）到 1（最大音量）。需要注意的是，以上操作需要在用户许可的情况下进行，因为涉及到访问用户的麦克风和扬声器。
2023-10-30 10:05:57
1473
原创 vue前端页面添加水印
为了防止内行人打开控制台，将带水印的元素的背景图取消勾选，可以通过MutationObserver监听一下dom元素的变化。第二步：通过canvas创建图片，以背景图的方式实现水印。第三步：通过样式，使有水印的与阿奴布满屏，并处于最上层。第一步：创建一个放水印的元素。
2023-10-16 14:14:02
240
原创 关于npm run build:prod和npm run build:stage的区别解释
npm run build:prod和npm run build:stage的区别
2023-04-26 17:12:24
10605
原创 一个数组中有多个对象，判断这些对象中的某个值是否和给定的对象中的某个值相等
一个数组中有多个对象，判断这些对象中的某个值是否和给定的对象中的某个值相等，如果不想等就添加到数组中，反之不处理
2022-07-15 10:49:57
592
原创 vue数据双向绑定的原理
采用数据劫持跟发布者-订阅者模式实现的通过Object.defineProperty(obj,“name”,{})给对象的各个属性绑定getter和setter函数，当数据变化时，发布消息给订阅者，触发相应的监听回调watcher订阅者是Oberver和Complier之间通信的桥梁，主要做的事情：在初始化时将自身添加至dep中自身必须有一个update()方法待属性变动dep.notice()通知时，能调用自身的update()方法，并触发Compile中绑定的回调，则功成身退。简单实现双向
2022-05-18 15:53:22
346
原创 使用canvas模拟签字功能
<template> <div class="indexs"> <!-- 签名开始--> <div class="signature" v-if="showSignature" @click.stop> <div class="signature_content" style="position: relative;"> <div style="margin-top: 20p
2021-12-14 18:05:22
1492
1
原创 防抖和节流的使用
export function simpledebounce(func, wait = 1000, immidate = true) { let timer = null; return function() { //this指向问题 let context = this; //拿到参数 let args = [...arguments]; clearTimeout(timer); if (immidate) { let callNow =
2021-12-01 16:41:28
344
原创 级联选择器的使用cascader
<el-cascader :options="options" v-model="ruleForm.orgList" :props="props" size="small" clearable style="width: 104%" filterable></el-cascader>ruleForm.orgList:[]options:[ { orgId:1, orgName:'机构1', }]props:{ value:
2021-11-17 17:00:34
530
原创 前端实现拖拽排序效果
<div class="link-add"> <div class="formTitle">流程环节</div> <div class="link-add-list"> <div class="test_wrapper" @dragover="dragover($event)"> <transition-group class="transition-wrapper" name="sort">
2021-11-16 17:06:36
2585
2
原创 机构树实现添加子节点、添加父节点
<template> <div class="app-wrapper"> <headerTitle :titleList="titleList" :hideButton="true" /> <div class="app-container" id="instructor-detail"> <div class="block" style="display: flex"> <div class=
2021-07-21 20:25:22
666
原创 多选框组合实现全选和全不选
html:<div> <el-checkbox-group v-model="infoForm.id" style="" @change="changeCheckCondiction"> <el-checkbox v-for="item in checkList" :label="item.code" :key="item.code">{{item.descript}}</el-checkbox> </el-checkbox-group
2021-07-21 20:22:53
516
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人