web前端
关注
分享
扫一扫
团长95
逆水行舟，若不能高歌猛进，就每天前进一小步，别待在原地。
展开
-
es6数组方法find与findIndex
find()用于查找第一个符合条件的数组元素。在回调函数中写查找方法：当条件成立时，返回该元素。如果没有找到，则返回undefined。const myArr = [1,2,3,4,5,6];var v = myArr.find(value => value > 4);console.log(v);// 5//没有符合元素，返回undefined:const myArr = [1,2,3,4,5,6];var v = myArr.find(value => value &原创 2021-04-23 15:33:32 · 496 阅读 · 0 评论 -
es6数组filter方法
用法filter() 方法会创建（返回）一个新的数组，新数组中的元素是原数组中符合条件的所有元素。例子var number = [1,3,5,6,8,9,10,12];const result = number.filter(function(item, index, array){ return item > 6});console.log(result); // [8, 9, 10, 12]注意： filter() 不会对空数组进行检测。注意： filter() 不会改变原创 2021-04-23 15:19:04 · 967 阅读 · 0 评论 -
ES6中set对象方法的用法
SetES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 很多时候我们把Set叫做 集合,但是，Set可以是集合，集合不一定是Set。 特性：唯一性=>不重复=>能够对数据进行去重操作。 注：集合去重，是全等匹配，===。创建SetSet 本身是一个构造函数，调用构造函数用来生成 Set 数据结构。 关键词 标识符 = new Set(); 例 let i = new Set(); Set 函数可以接受一个数组（或类似数原创 2021-04-23 15:07:16 · 1203 阅读 · 0 评论 -
腾讯云COS上传文件-官网踩坑
首先贴出官网的上传Demo第一步： 实例化一个COS对象。 （这个对象可以用来操作后续的上传，下载等操作）var COS = require('cos-js-sdk-v5');var cos = new COS({ // 必选参数 getAuthorization: function (options, callback) { // 服务端 JS 和 PHP 例子：https://github.com/tencentyun/cos-js-sdk-v5/blob/master/原创 2021-03-08 11:20:57 · 2151 阅读 · 0 评论 -
vue中取不到ref的值
在Vue中，如果ref标记的元素是放在v-for之内的，在获取其对象时，是以数组形式返回的！比如：此处我循环几个form表单，动态赋值不同的ref名，且每个ref名都是唯一的。然后在获取对应的ref名的对象时，因为被v-for包围，虽然ref名是唯一的，vue还是把它装在一个数组中返回，所以正确获取时要取this.$refs数组第一项[0]。打debugger可以看到许多过程之中的有趣现象。~~~...原创 2021-02-21 14:13:52 · 3392 阅读 · 0 评论 -
vue禁止用户在输入框或文本域中复制粘贴剪切
需求: 阻止element组件中的复制粘贴功能实现思路: 组件是由外层和内层的组成的, 根据浏览器的事件传递机制(先捕获,后冒泡): 粘贴的时候会先执行绑定在外层div上的paste事件捕获方法, 然后再到内层的input, 因此可以在组件上捕获监听paste事件, 并阻止向下传播即可代码实现:<el-input v-model="answer" @paste.native.capture.prevent="handleFalse" @原创 2021-01-22 17:02:40 · 2755 阅读 · 0 评论 -
Vue中refs取值时，有时候是实例对象，有时候是实例对象组成的数组。
这是vue的特性,自动把v-for里面的ref展开成数组的形式，哪怕你的ref名字是唯一的！假设你的ref不是动态的,而是静态的 ， ref=“a”，那么不管你执行多少次循环,最后ref只会有一个值,所以vue为了处理这种情况会把v-for里ref转为数组形式，为了能捕捉所有的ref值....原创 2021-01-16 12:22:52 · 2731 阅读 · 0 评论 -
eCharts图中a b c d代表的含义
ECharts官网API提供了一些formatter格式化参数模板：模板变量有 {a}, {b}，{c}，{d}，{e}，分别表示系列名，数据名，数据值等。 在 trigger 为’axis’ 的时候，会有多个系列的数据，此时可以通过{a0}, {a1}, {a2} 这种后面加索引的方式表示系列的索引。 不同图表类型下的{a}，{b}，{c}，{d}含义不一样。 其中变量{a}, {b}, {c...原创 2019-11-20 20:15:57 · 3821 阅读 · 0 评论 -
es6中symbol详解
ES6中引入了第6种原始类型：Symbol创建Symbollet firstName = Symbol();let person = {};person[firstName] = '欧阳不乖'console.log(person[firstName]); //'欧阳不乖'Symbol函数接受一个可选参数，可以添加一段文本描述即将创建的Symbol，这段属描述不可用于属性访问，但是建议...转载 2019-11-05 21:19:17 · 3987 阅读 · 0 评论 -
ie中常见的js语法兼容问题
参数e表示事件1、获取滚动距离：滚动条document.documentElement.scrollTop || document.body.scrollTopdocument.documentElement.scrollTop ()document.body.scrollTop() // 兼容IE版本2、事件中的兼容e = e || window.event;标准兼容写法：e.sc...转载 2019-11-04 21:10:12 · 1385 阅读 · 0 评论 -
如何理解js的堆与栈，深浅拷贝的区别？
一、首先我们要知道js中的变量分为基本数据类型和引用数据类型基本(原始)数据类型有: number string null undefined boolean es6新加 symbol引用数据(对象)类型: array object function1、栈：栈内存中存放的就是基本(原始)数据类型,这些类型在栈内存中有固定的大小,通过值来访问.2、堆：堆内存中在存放的是引用数据类型,同时,...原创 2019-10-28 23:32:22 · 301 阅读 · 0 评论 -
ztree选中父节点时，对子节点的影响。
记录一下：在setting中check下的chkboxType = { “Y” : “s”, “N” : “s” };Y指的是选中checkbox的时候对父结点或子结点产生的影响N指的是取消checkbox的时候对父结点或子结点产生的影响s指子结点，p指父结点//举个例子var setting = { data: { simpleData: { enable: true /...原创 2019-10-24 16:51:54 · 974 阅读 · 0 评论 -
Vue中render函数常见用法
问题：1、render函数是什么2、render函数怎么用render函数是什么简单的说，在vue中我们使用模板HTML语法组建页面的，使用render函数我们可以用js语言来构建DOM因为vue是虚拟DOM，所以在拿到template模板时也要转译成VNode的函数，而用render函数构建DOM，vue就免去了转译的过程。当使用render函数描述虚拟DOM时，vue提供一个函数，...转载 2019-10-22 17:01:38 · 10837 阅读 · 3 评论 -
es6中Promise的常见用法-异步艺术
ES6 PromisePromise 是异步编程的一种解决方案。其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。Promise对象有以下两个特点。（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果...转载 2019-10-22 15:50:45 · 225 阅读 · 0 评论 -
LESS的基本使用方法
LESS在写css的时候，可以直接写一个.css文件，但是实际开发中也会使用less的方法写css。less的写法比css的写法功能更加强大。Less简介Less 是一门 CSS 预处理语言，它扩展了 CSS 的写法，增加了变量、函数等特性。注意点：在less中，完全兼容css的语法，所以可以直接在less文件中写css没问题浏览器不认识less文件，需要需要使用less中的样式，需...转载 2019-10-20 23:29:21 · 1617 阅读 · 0 评论 -
es5常用的数组循环方法
ES5迭代方法ES5主要新增了5个迭代方法forEach()var arr = [11, 22, 33, 44];//形参可以传三个(有需要则传,不需要则不传)//v: 数组中每一项//i: 数组中每一项的下标//arr1: 数组本身arr.forEach(function (v, i, arr1) { // 遍历数组每一项,输出4个结果 console.log(v);...转载 2019-10-20 22:52:06 · 781 阅读 · 0 评论 -
Vue iview时间组件DatePicker，限制开始时间和结束时间
这里是用选中的时间去和当前组件UI显示的所有时间进行循环比较，赋予disabled属性。html模板代码：<FormItem label=""> <Row> <Col span="11"> <DatePicker type="date" :options="startTimeOptions" @on-change="sta...转载 2019-10-20 00:03:03 · 1608 阅读 · 0 评论 -
js动态添加svg节点
下面贴上完整代码。要注意一点：创建svg节点时，要使用createElementNS函数并传入节点名称的命名空间。否则创建出来的节点默认为html dom而不是svg dom。这样的话，将其append到svg节点下时，不会显示。<!doctype html><html><head><meta charset="utf-8"><tit...转载 2019-10-19 23:56:46 · 2013 阅读 · 0 评论 -
Vue项目开发中一些常见问题
问题汇总问题:安装超时(install timeout)方案有这么些:cnpm : 国内对npm的镜像版本/*cnpm website: https://npm.taobao.org/*/npm install -g cnpm --registry=https://registry.npm.taobao.org// cnpm 的大多命令跟 npm 的是一致的,比如安装,卸载这些y...转载 2019-10-11 22:25:03 · 9599 阅读 · 0 评论 -
如何在给js起变量名时，拼接变量？
需求最近在传参时，需要给成吨的变量起名，例如：tree_1, tree_2, tree_3，甚至是这种：testList[0].id,testList[0].name,testList[1].id,testList[1].name…问题本想着在循环中拼接字符串与变量 i// 错误示范 错误示范 错误示范 for(let i = 0;i < 20, i++;){let 'tree_...原创 2019-06-25 20:03:42 · 16322 阅读 · 1 评论 -
select标签设置默认选中，以及动态对其选项进行增删改查等操作
方法有两种。第一种通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。12345< select id = "sel" >< option value = "1"&nb...转载 2019-06-19 11:33:46 · 2558 阅读 · 0 评论 -
动态生成dom元素时，jquery点击事件失效
这周在工作中遇到一些小问题，趁着不加班，来记录一下，好记性不如Mac键盘，啊哈哈先吟一句诗。问题页面上一些元素是通过js动态生成的，给这些元素绑定一些事件，比如点击，并不会生效，这是为什么呢？解决方法先说解决方法。//监听新增DOM元素的点击事件$('#domId').on('click','.newClass',function(){ //doSomething;})//此...原创 2019-06-18 22:16:30 · 1959 阅读 · 0 评论