艾小双-优快云博客

原创 javaScript基础之 this的指向 call()和apply()的区别正则表达式

一，this的指向1，以函数形式调用，this 永远都是windowfunction fun(){ console.log(this);}fun(); //window2，以方法的形式调用，this就是调用方法的那个对象var fun = function(){ console.log(this);}fun(); //Object3，以构造函数的形式调用时，this就是新创建的那个对象function Person(){ this.name = '孙悟空'}va

2025-03-13 14:41:50 351 1

原创 element el-cascader 级联选择器取消选中某一项

应公司需求，在部门选择的时候，需要控制父子级不关联，且子级不能全选，选择最后一个的时候给出提示并清空当前选项。这样就可以实现，选了不符合需求的节点，给出提示，清空选项。

2024-04-24 17:07:38 1356

原创 var let const的区别与在for循环中的实现原理

在日常工作中，经常是使用到var let const 来定义变量，但是一直不知道它们有什么区别，现在总结一下var ：定义的变量没有块级作用域，是全局变量，而且在同一作用域下可以重复定义let：定义的变量有块级作用域，是局部变量，在同一作用域下不可重复定义，可被修改const：经常使用const来定义常量，也是有块级作用域，是局部变量，在同一作用域下不可重复定义，也不可被修改。for循环在代码中使用的频率还是挺高的，在for循环中也是需要定义变量，for本身也是一个块。那么使用哪个比较合适呢，下面

2021-02-09 14:27:40 641

原创 js常用方法记录

一、异步加载图片function loadImg(src){ return new Promise ((reslove,reject)=>{ const img = new Image() img.src = src img.onload = ()=>{ reslove(img) } img.onerror = reject

2021-02-09 14:10:12 197

原创富文本编辑器鼠标移到工具栏给出功能提示

quill-editor默认的工具栏，是没有title提示的，我们可以手动给它添加一个title属性代码如下：data(){ return { tooltips:[ {choice:'.ql-bold',title:'加粗'}， {choice:'.ql-size',title:'字体大小'}， {choice:'.ql-color',title:'字体颜色'}， {choice:'.ql-background',title:'背景颜色'}， {choice:'.ql

2021-01-18 17:51:26 979

原创富文本编辑器禁止改变文本内容

最近做一个项目，用的是quill-editor编辑器，实现的效果是可以编辑样式，不能改变文本内容，百度了很多，都是连工具栏也禁用了，后来检查元素，看html原生代码，发现有一个contentEditable 属性，改为false就可以实现禁止编辑文本内容了，代码如下：<quill-editor v-model="content" :options="editorOption" @focus="onFocus($event)"></quill-editor>mounted

2021-01-18 17:39:02 3846 2

原创正则表达式基础用法

1，使用构造函数创建，更加灵活var 变量 = new RegExp(‘正则表达式’，‘匹配模式’)var reg = new RegExp(‘a’); 这个正则表达式用来检测一个字符串中是否含有a第二个参数匹配模式：i：忽略大小写g：全局匹配模式var reg = new RegExp('a')var str = 'A'console.log(reg.test(str)); //falsevar reg = new RegExp('a','i')var str = 'A'c

2020-11-20 10:23:04 213

原创 call()、apply()、bind()的区别

call()和apply()都是函数对象的方法，在调用时可以将一个对象指定为第一个参数，此时这个对象就是执行此函数的this。call()方法可以将实参在对象之后依次传递。fun.call(obj,2,3)apply()方法需要将实参封装到一个数组中统一传递。fun.apply(obj,[2,3])...

2020-11-20 10:21:24 170

原创 this的指向

1，以函数形式调用，this 永远都是windowfunction fun(){ console.log(this);}fun(); //window2，以方法的形式调用，this就是调用方法的那个对象var fun = function(){ console.log(this);}fun(); //Object3，以构造函数的形式调用时，this就是新创建的那个对象function Person(){ this.name = '孙悟空'}var per = ne

2020-11-20 10:19:39 110

原创 element-ui select框手动实现全选功能

从后端获取数据，前端手动加入‘全选’选项，然后利用watch实现控制全选的效果，点击全选，下面所有选项都选中，取消全选，所有选项都取消选中。<template> <div> <el-form> <el-form-item label="区域:"> <el-select multiple v-model="salesArea" collapse-tags placeholder='请选择销售区域

2020-07-09 16:48:40 980

原创 git修改已提交的commit信息

1，输入命令git commit --amend2，进入编辑模式按 i 键进入编辑模式，把错误的commit信息改成自己正确的信息。3，退出编辑模式按 ESC 退出编辑模式4，完成修改，查看结果在非编辑的模式下输入 :wq 然后回车，就提交成功了...

2020-05-07 14:04:53 751

原创 vue-router 知识点合集（一）

1，指定路由跳转页面的方式，有两种，如下<router-link to="/home">home</router-link><router-link :to="{path:'/home'}">home</router-link>2，router-link路由组件，默认是指向a标签，如果想转换为其他标签，使用tag属性，指定标签。如图指向li标...

2019-09-23 09:01:54 256

原创 transform scale 放大图片时，图片变模糊

需求中有一个功能是，鼠标移入放大图片，我用的比较简单的方法，就是transform:scale(10)，可是图片放大后会模糊只需要加一个translateZ(0) 就可以解决了。样式代码如下：.pushImg img:hover{ transform:translateZ(0) scale(10); z-index:9999999;}...

2019-09-17 16:36:44 5475

原创 table 表格实现固定表头

现在有很多UI框架都封装好了table的各种使用方法，这里记录一下，不用UI框架怎么实现表头固定。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style&gt...

2019-09-11 14:48:11 495

原创 vue 中为选中字段绑定超链接，实现页面跳转

几个知识点总结一下：1，window.getSelection()：获取选中的字段，返回的是一个Selection对象，可以通过连接字符串或者String.toString()转为字符串。同 document.getSelection()2，Selection.getRangeAt(0)：返回一个包含当前选区内容的区域对象。3，Range.deleteCo...

2019-09-09 16:20:42 6845

原创 element-ui 使用table组件报错 h.$scopedSlots.default is not a function

最近的开发中，有需求多个列表使用同一个table组件，在开发中正常编写，结果突然就报错了，报错信息如下：当时就蒙了，完全不知道错在哪里，后面一步步排查原因，刚开始以为是逻辑错了导致的，后面才发现是HTML层报错，原因是使用了v-if切换元素导致的，后面网上查资料，才知道，是因为表格是element-ui通过循环产生的，而vue在dom重新渲染时有一个性能优化机制，就是相同dom会被复用，这就是...

2019-09-06 10:56:53 637

原创 element-ui 日期控件设定当前日期之前的日期不可选，包含当天

在工作中，有时候会遇到一些功能，就是当前日期之前的日期不能选择，那么怎么实现呢代码如下：<el-date-picker v-model = 'time' :picker-options='pickerBeginDateBefore' @change='change' type='daterange' start-placeholder='开始...

2019-08-12 14:26:24 8532 3

原创 vue中表单的this.$refs[formname].validate不生效

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2019-08-12 14:09:27 8151 5

weixin_44099519的博客