常寒-CSDN博客

原创 $(document).on(‘click‘)事件触发多次问题解决

实例$(document).on('click', '.box', () => { console.log(this.Id)})事件每触发一次，就相当于注册了一个click事件，所以当事件触发之后执行了多次，需要在触发事件之前移除当前元素的click事件定义和用法off() 方法通常用于移除通过 on() 方法添加的事件处理程序。自 jQuery 版本 1.7 起，off() 方法是 unbind()、die() 和 undelegate() 方法的新的替代品。该方法给 API 带来很

2022-04-02 17:35:52 3631

原创 git撤销commit

撤销上一次commitgit reset --soft HEAD^撤销上上一次commitgit reset --soft HEAD^^回滚到指定版本//查看提交日志IDgit log//回滚到指定提交版本git reset --hard 97ea0f9

2022-04-02 09:51:17 343

原创 encodeURIComponent()函数对url进行编码

实例对URI进行编码：var uri = "https://blog.csdn.net/weixin_43920582?type=blog";var res = encodeURIComponent(uri);console.log(res) // https%3A%2F%2Fblog.csdn.net%2Fweixin_43920582%3Ftype%3Dblog定义和用法encodeURIComponent() 函数对 URI 组件进行编码，返回编码后的 URI 字符串。此函数对特殊

2022-03-31 18:23:03 745

原创 scrollIntoView()使用与属性详解

介绍Element 接口的scrollIntoView()方法会滚动元素的父容器，使被调用scrollIntoView()的元素对用户可见。语法element.scrollIntoView(); // 等同于element.scrollIntoView(true)element.scrollIntoView(alignToTop); // Boolean型参数element.scrollIntoView(scrollIntoViewOptions); // Object型参数参数alig

2022-03-23 16:45:27 3145

转载 form表单校验多个相同的name

场景在一个form表单中有多个相同的name需要校验<form id="form" method="post" action="http:xxxx.com"> <input type="text" name="username" /> <input type="text" name="username" /> <input type="submit" value="提交" /></form>问题在一个表单中如果有多个相同的n

2021-11-26 14:38:53 1198

原创 call和apply以及bind的区别以及使用方法

例：var girl = { name: "小红", age: "7"}var boy = { name:"小明", age: "8", fullName: function (sex,hobby) { return this.name + "今年" + this.age + "岁，性别" + sex + "，喜欢" + hobby; }}boy.fullName("男","打游戏")//小明今年8岁，性别男，喜欢打游戏boy.

2021-07-14 17:52:30 246

原创深入理解 Event Loop 之宏任务与微任务

js运行机制在了解宏任务与微任务之前，先了解一下js运行机制js是单线程，运行在浏览器或者node环境中，所有任务都在一个线程上执行，这个时候有的同学可能就会想。为什么js是单线程的呢，如果是多线程的话不是可以提高效率吗？那么问题来了，如果是多线程的话，两条命令同时操作同一个DOM，一个是在DOM中添加内容，另一个是删除DOM。那么同时进行的话浏览器会不知所措，因为两条相互排斥的命令同时执行，本就是不应该的。所以为了避免复杂性，JavaScript从一开始便是单线程，也是它的核心特征之一。那么什么

2021-07-13 18:17:47 370

原创在线编码工具（ace editor）

引入js库<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js" type="text/javascript" charset="utf-8"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ext-language_tools.js" type="text/javascript" charset=

2021-06-28 15:41:23 1055

原创 element Upload上传文件夹

webkitdirectory实现文件夹上传，仅支持webkit内核浏览器this.$nextTick(() => { document.getElementsByClassName( "el-upload__input" )[0].webkitdirectory = true;});

2021-06-25 17:35:02 3374

原创 git删除上一次提交记录

在提交git代码的时候，有时候会发现代码提交错了或者注释错了，一步删除上一次git提交记录//删除提交记录git reset --hard HEAD^//将删除操作提交到远程git push origin master -f

2021-05-12 14:23:24 2031 1

原创手写一个vue中英文翻译组件

1：下载vue-i18n插件npm install vue-i18n2：创建中英文js文件在文件中写入需要翻译的内容中文版cn.jsexport const m = { help: "帮助", homeSearch: "请输入",}英文版en.jsexport const m = { help: "help", homeSearch: "Please input",}3：配置main.js文件//引入中英文切换插件vue-i18nimport VueI18n f

2021-03-11 16:07:27 1972

原创 vue监听localStorage变化

min.js重写localStorage方法var orignalSetItem = localStorage.setItem;localStorage.setItem = function(key,newValue){ // 要监听的key为styleList if(key === "styleList"){ var setItemEvent = new Event("setItemEvent"); setItemEvent.newValue = newValue; window

2021-03-10 14:09:56 3420

转载使用divDrag实现vue拖拽效果

新建文件 divDrag.jsexport default function drag(el) { let dragBox = el; //获取当前元素 dragBox.onmousedown = e => { //算出鼠标相对元素的位置 let disX = e.clientX - dragBox.offsetLeft; let disY = e.clientY - dragBox.offsetTop; documen

2021-03-09 17:52:56 394

转载自定义修改element主题

实现自定义element主题封装组件ThemePicker.vue<template> <el-color-picker class="theme-picker" popper-class="theme-picker-dropdown" v-model="theme" :disabled="disabled" :predefine="predefine" :size="size"> </el-color-picke

2021-03-04 15:42:50 609 1

原创 layui动态禁用checkbox复选框

html：<input class="cjeckList" type="checkbox" name="name" /><button class="disabledBtn">禁用</button><button class="setBtn">编辑</button>js://禁用$(".disabledBtn").click(function(){ $(".checkList").prop("disabled", true)})

2021-01-26 15:08:18 3197 1

原创 IE浏览器indexOf错误

当在IE浏览器使用indexOf方法的时候会报错“对象不支持indexOf属性或方法”。我们可以使用$.inArray()函数代替indexOf查找字符索引。indexOf： var list = ['a','b','c'] list.indexOf('c') // 2$.inArray(): var list = ['a','b','c'] $.inArray('c',list) // 2菜鸟教程...

2021-01-26 14:53:35 711

转载 vue-photo-preview查看大图显示

1、下载依赖npm install vue-photo-preview --save2、min.js引入import Vue from 'vue'import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'let options = { fullscreenEl: false, //控制是否显示右上角全屏按钮 closeEl: false, //控制是否显示右上角关闭按钮 tapTo

2020-08-05 14:22:42 731

原创 websocket建立连接

created() { //初始化websocket this.initWebSocket();},destroyed() { this.websock.close() //离开路由之后断开websocket连接},methods: { initWebSocket() { //初始化websocket let url = window.location.href let wsuri = "ws://225.225.225.225:8080/orderPage/

2020-08-04 17:21:19 1188

原创 vue如何下载流文件

下面便是接口返回的流文件类型>首先封装一个方法，文件的流传参进去 download (data) { //data是文件流 if (!data) { return } let blob = new Blob([data], { type: 'application/zip' //文件类型 }) let url = window.URL.createObjectURL(blo.

2020-06-18 16:31:53 1725 1

转载 iview中form表单回车提交

<Form ref="loginForm" :model="form" :rules="rules" @keydown.native.enter.prevent="login"> <FormItem label="账号" prop="username"> <Input type="username" v-model="form.username"></Input> </FormItem> <FormItem lab

2020-06-17 14:08:08 1354

转载修改grafana主题风格

今天收到产品需求，要修改grafana的风格，简单来说呢就是要更改一下总体的背景色。但是当我看到这个东西的时候，确实头疼了一会。grafana提供的默认的风格Dark和Light，简单来说差不多就是黑色和白色，还有一个是图片的哦，但是大家都知道产品同志是不可能满足于黑白两种颜色的。首先下载插件Boom theme plugin然后点击Add panel有一个Boom Theme点进去...

2020-04-21 14:35:25 6958 1

原创 vue列表，表格自动滚动

安装依赖npm install vue-seamless-scroll --savemain.js文件里面引入使用import scroll from 'vue-seamless-scroll'Vue.use(scroll)html代码<template> <vue-seamless-scroll :data="listData" :class-optio...

2020-04-20 11:26:19 7423

原创一键解决vscode红色波浪线问题

前几天发现自己的vscode总是有红色波浪线的警告，应该是严格模式下的格式警告，但是工作中每个人的编码习惯又不一样，所以怎样才能让别人的代码在自己的电脑上不会出现红色波浪线呢？下面一张图解决你的烦恼...

2020-04-15 17:12:43 42878 14

weixin_43920582的博客