04 2022 档案
摘要：jQuery的区别：$().click()和$(document).on('click','要选择的元素',function(){})的不同 文章地址：https://www.cnblogs.com/sqh17/p/7746418.html 解决：动态创建的元素的事件绑定不上 jQuery的区别：(
阅读全文
摘要：javascript事件委托理解，jQuery .on()方法一步到位实现事件委托 Javascript-概念原理 专栏收录该内容 10 篇文章0 订阅 订阅专栏 本篇文章借鉴自：博客园文章，只为自己巩固下事件委托方面的知识 概述: 什么叫事件委托？他还有一个名字叫做事件代理，（时间代理 事件委托，
阅读全文
摘要：Chrome 开发者工具 F12（一） 开发者工具对开发人员代码调试有很大的帮助。 页面 CSS、JS 调试，接口调试，性能调优等等。 SO，笔者决定用自己的方式记录一下工作中用到的 F12 工具的种种，方便查阅。 一、怎么打开开发者工具 两种方式打开下图红框中的内容： 1、Ctrl + Shift
阅读全文
摘要：神器——Chrome开发者工具(一) http://segmentfault.com/a/1190000000683599 原文地址 这里我假设你用的是Chrome浏览器，如果恰好你做web开发，或者是比较好奇网页中的一些渲染效果并且喜欢折腾，那么你一定知道Chrome的开发者工具了。其实其他浏览器
阅读全文
摘要：谷歌浏览器升级后console失效的问题 如果你更新了谷歌发下你的代码console.log突然！！！！！！失效了！！！！ 很烦！ 我这两天就碰到了 看了一位博主的解决方法 帮各位总结下解决方法 1.说是filter那里可能填了过滤信息，有的话清空 2.说是勾选filter旁边那个下拉框的 3.设置
阅读全文
摘要：Chrome 开发者工具（二） Console Console 是最最常用到的模块，开发必备。 一、控制台信息如何高效查看？ 控制台可以看到 JS 的报错信息、提示信息、及代码中打印的信息 下图是百度首页的信息，其中红框中： 1、向右的三角图标（Show console sidebar），可以分别查
阅读全文
摘要：element ui中的树形的全部选中和展开 zxx的Opera 于 2020-08-01 10:44:44 发布 887 收藏 6 版权 目录 一、功能实现 二、结构构成（两个复选框+树形结构） 三、基础功能 四、后台给我的树形节点对应的键名不对应=>解决办法 五、如何将选择的所有节点一起提交 六
阅读全文
摘要：elementui组件table行内使用vue-treeselect无效？ 需要做一个可编辑的表格，使用elementui组件库中的table控件，但是在表格行中使用下拉无效（可使用elementui中的select组件，应该是组件冲突了），又遇到过的吗？ 下拉组件：https://vue-tree
阅读全文
摘要：vue-treeselect 爬坑之路 去年做了一个项目需要用到下拉树，功能还需要非常强大，由于项目用的框架是Vue，Element UI，网上找了一圈，发现vue-treeselect 这个组件十分强大，比较符合自己的需求，因此果断选择了这个组件，没想到光是封装这个组件断断续续一共整了3个月（因为
阅读全文
摘要：JS断点调试，必备的javaScript的debug调试技巧 1.断点调试是啥？难不难？ 断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断点？（我们先看一个断点截图，以chro
阅读全文
摘要：总结一下es6常用的数组方法find()、findIndex()与filter() find() 该方法主要应用于查找第一个符合条件的数组元素。它的参数是一个回调函数。在回调函数中可以写你要查找元素的条件，当条件成立为true时，返回该元素。如果没有符合条件的元素，返回值为undefined。 以下
阅读全文
摘要：// 引入了外部的验证规则 import { validateAccountNumber } from "@/utils/validate"; validator.js /*是否合法IP地址*/ export function validateIP(rule, value,callback) { i
阅读全文
摘要：VUE开发--表单验证(六十三) 一、常用验证方式 vue 中表单字段验证的写法和方式有多种，常用的验证方式有3种： data 中验证 表单内容： <!-- 表单 --> <el-form ref="rulesForm" :rules="formRules" :model="rulesForm" l
阅读全文
摘要：Vue事件总线（EventBus）使用详细介绍 vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过 props 向下传数据给子组件，当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系，该如何通信了？ 如
阅读全文
摘要：word-break 和word-wrap的区别：word-break是控制是否断词的。normal是默认情况，英文单词不被拆开。break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。word-wrap是控制换行的。使用break-word时，是将强制换行。
阅读全文
摘要：js截取指定字符前面或后面的内容 function getCaption(obj,state) { var index=obj.lastIndexOf("\-"); if(state==0){ obj=obj.substring(0,index); }else { obj=obj.substring
阅读全文
摘要：js怎样截取字符串后几位以及截取字符串前几位 想要截取字符串前几位与后几位，主要代码如下 截取字符串前几位 var disName ='开心一族漂亮家园'; var shortName = disName.substring(0,5); console.log(shortName);//打印结果：开
阅读全文
摘要：vue 强制刷新组件 使用vue进行开发时，如果要刷新当前路由，则调用router.go(0)方法即可。但是某些情况下，我们可能要求仅仅刷新某个组件，而不是路由，那么我们应该怎么做呢？ 1.使用this.$forceUpdate强制重新渲染 如果要在组件内部中进行强制刷新，则可以调用this.$fo
阅读全文
摘要：Vue --》this.$set()的神奇用法 作为一名开发者，我们都知道： data中数据，都是响应式。也就是说，如果操作data中的数据，视图会实时更新； 但在实际开发中，遇到过一个坑：若data中数据类型较为复杂，方法methods中改变对象的属性，视图也就是页面并不会改变 原因是vue监听不
阅读全文
摘要：js修改对象的key var array = [ { id:1, name:"小明" }, { id:2, name:"小红" } ]; 转换为 var array = [ { value:1, label:"小明" }, { value:2, label:"小红" } ]; 方法一： 插入新的ke
阅读全文
摘要：vue elementui 实现select下拉框多选，并且有多个select下拉框，有一个下拉框选中某项，其他下拉框将禁用已选中的项 data: 计算属性： mounted的时候 解释：:disabled="!item.value.includes(item2.value) && nodeList
阅读全文
摘要：elementUI的rules表单自定义验证validator方法如何传递其他更多参数 用elementUI自带的rules验证form表单时，自定义验证方法validator中只能传递原来的三个参数(rule,value,callback)，但有时我们需要传递更多参数用来做验证，而且rules验证
阅读全文
摘要：js 深拷贝 vs 浅拷贝 本文主要讲一下 js 的基本数据类型以及一些堆和栈的知识和什么是深拷贝、什么是浅拷贝、深拷贝与浅拷贝的区别，以及怎么进行深拷贝和怎么进行浅拷贝。 本文思维导图如下： 本文思维导图 本文首发于我的个人博客：cherryblog.site/ 堆和栈的区别 其实深拷贝和浅拷贝的
阅读全文
摘要：slice,substring,substr的区别 这三个方法都是用来截取字符串或数组的，之前一直想起来那个就用了，直到有一天。。。。。然后发现其实应该研究研究，毕竟，如果没有区别，为啥要弄三个看起来功能一样的方法。 各大博客关于这个三个方法的区别文章比比皆是，可以说研究的已经很透彻了，这里记录一下
阅读全文
摘要：js深拷贝和浅拷贝的区别是什么 区别：浅拷贝是拷贝了对象的引用，当原对象发生变化的时候，拷贝对象也跟着变化；深拷贝是另外申请了一块内存，内容和原对象一样，更改原对象，拷贝对象不会发生变化。 本教程操作环境：windows10系统、JavaScript1.8.5版，Dell G3电脑。 浅拷贝：有两种
阅读全文
摘要：instanceof详解 instanceof (A,B) = { var L = A.__proto__; var R = B.prototype; if(L R) { //A的内部属性__proto__指向B的原型对象 return true; } return false; } 我们再来看几个
阅读全文
摘要：关于es6 扩展运算符的小结 _双眸 于 2021-06-12 18:59:05 发布 50 收藏分类专栏： 前端 文章标签： javascript版权 前端专栏收录该内容35 篇文章0 订阅订阅专栏参考：es6 扩展运算符 三个点（…） 基础用法一1.由于扩展运算符可以展开数组，所以不再需要app
阅读全文
摘要：Object.assign详解 一、Object.assign是什么？ 首先了解下Object.assign()是什么。我们先看看ES6官方文档是怎么介绍的？ Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 简单来说，就是Object
阅读全文
摘要：Vue之使用elementUI的upload上传组件导入csv文件 最近干活的时候有个需求，需要将csv文件导入到mysql数据库中，前后端框架用的springboot+Vue，组件用的elementUI，下面将分步骤记录实现过程。 1.导入按钮部分： <el-button class="filte
阅读全文
摘要：js 数组深拷贝的方法 数组深拷贝的方法 方法一：for循环实现 var arr = [1,2,3,4,5] var arr2 = copyArr(arr) function copyArr(arr) { let res = [] for (let i = 0; i < arr.length; i+
阅读全文
摘要：js 数组深拷贝的方法 数组深拷贝的方法 方法一：for循环实现 var arr = [1,2,3,4,5] var arr2 = copyArr(arr) function copyArr(arr) { let res = [] for (let i = 0; i < arr.length; i+
阅读全文
摘要：js中的includes用法 1.数组 includes 可以判断一个数组中是否包含某一个元素，并返回true 或者false ['a','b','c'].includes('a') true ['a','b','c'].includes(1) false includes可以包含两个参数，第二个参
阅读全文
摘要：ES5、ES6的浏览器兼容性 从https://www.caniuse.com上面可以查询到，ES的兼容性概览。 下面就主要浏览器进行说明： IE：可以看到IE6，IE7是完全不支持的。而IE8是只支持一些内容，参考引用4，IE9是大部分支持，支持度参考引用2。 Chrome：Chrome 23版本
阅读全文
摘要：简述forEach()、map()、every()、some()和filter()的用法 在Javascript中，如何处理数组中的每一项数据？ 有人可能会说，这还不简单，直接一个for循环遍历一下就好了。 是的，确实，这是最常见的做法。 但是，除此之外，ES5还提供了处理数组更加方便的方法，如题。
阅读全文
摘要：JS中 reduce() 的用法 过去有很长一段时间，我一直很难理解 reduce() 这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单聊聊JS中 reduce() 的用法。 一、语法 arr.reduce(function(
阅读全文
摘要：js 去掉字符串前后空格 第一种：循环检查替换 //供使用者调用 function trim(s){ return trimRight(trimLeft(s)); } //去掉左边的空白 function trimLeft(s){ if(s == null) { return ""; } var w
阅读全文
摘要：input输入框自动消除空格 版权 今天遇到了一个问题,用户在在前端的input里面输入id的时候，多写了个空格,数据库里面就找不到id了，所以无法获取输入的id所绑定的标签位置在哪里，现在需要在前端做一个处理，input框输入的数值里面，会自动消除空格。 代码示例： <!DOCTYPE html>
阅读全文
摘要：修改值法一let obj = { a : '1', b : '2', c : '3'}Object.keys(obj).forEach(key=>{obj[key]=''})console.log(obj)法二 参数分别是对象 键key 值valuethis.$set(this.dynamicFor
阅读全文
摘要：VUE ROUTER-LINK 上添加点击事件 在vue学习中遇到给router-link 标签添加事件@click 、@mouseover等无效的情况 我想要做的是v-for遍历出来的选项卡， 鼠标移上去出现删除标签，移除标签消失的效果 原代码： <router-link v-for="(item
阅读全文
摘要：js去除空格的方法/** * 去除空格 */trim(str) { var result; console.log(str) if(str){ result = str.replace(/(^\s+)|(\s+$)/g,""); // result = str.replace(/\s/g,"");
阅读全文
摘要：html中使用变量 html中文本–>{undefined{}} <span>Message: {{ msg }}</span> 属性值或布尔值–>v-bind <div :id="myId"></div> <button :disabled="btnDisable">Button</button>
阅读全文
摘要：css属性：word-wrap:break-word; 与 word-break:break-all 的用法； zhangq0123 于 2016-10-19 11:06:12 发布 6475 收藏 9分类专栏： CSS HTML 文章标签： html css版权 CSS同时被 2 个专栏收录8 篇
阅读全文
浙公网安备 33010602011771号