js
文章平均质量分 67
小白阿斯兰
这个作者很懒,什么都没留下…
展开
-
JS循环大总结, for, forEach,for in,for of, map区别
#JS循环大总结, for, forEach,for in,for of, map区别map(数组方法):###特性:map不改变原数组但是会 返回新数组可以使用break中断循环,可以使用return返回到外层函数###实例:let newarr=arr.map(i=>{return i+=1;console.log(i);})console.log(arr)//1,3,4---不会改变原数组console.log(newarr)//[2,4,5]---返回新数组for原创 2021-07-10 23:19:56 · 306 阅读 · 0 评论 -
深入了解vuex,vuex的五个核心属性
vuex是什么? 专门为vue设计的状态管理架构,统一管理和维护vue的可变状态。vuex的五个核心属性? 五个核心概念:state、getters、actions、mutations、modulesstate state是vuex的基本数据 由于vuex状态存储是响应式的,所以vue组件从store中获取状态最简单的方法就是写在计算属性中 ...原创 2019-07-09 19:30:36 · 7781 阅读 · 2 评论 -
ES6中箭头函数VS普通函数的this指向问题彻底讲解
一、普通函数中this(1)总是代表着它的直接调用者,如obj.fn,fn里的最外层this就是指向obj(2)默认情况下,没有直接调用者,this指向window(3)严格模式下(设置了'use strict'),this为undefined(4)当使用call,apply,bind(ES5新增)绑定的,this指向绑定对象注释:1. call 方法第一个参数是this的...原创 2019-06-27 19:07:16 · 201 阅读 · 0 评论 -
js实现深拷贝的两种方式
一、基本数据类型 数据分为基本数据类型(String、Null、Boolean、Undefined、Symbol、Number)和引用数据类型。 基本数据类型的特点:直接存储在栈中的数据。 引用数据类型的特点:存储的是该对象在栈中的引用,真实数据存储在堆中。 引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引...原创 2019-07-08 13:56:49 · 297 阅读 · 0 评论 -
element-ui版本升级问题
昨天element-ui进行了一版版本升级,升级之后发现我们的项目出现了小图标不显示等一列问题,于是赶紧将版本改成原来的,具体注意事项如下图: ...原创 2019-04-26 18:02:50 · 2313 阅读 · 0 评论 -
vue监听浏览器原生返回按钮,进行路由转跳
今天测试给我报了个bug说点击浏览器返回页数据显示的不对,我查了半天原因:需要监听浏览器的回退按钮,并阻止其默认事件。 具体操作方法如下: 1、挂载完成后,判断浏览器是否支持popstatemounted(){ if (window.history && window.history.pushState) { history.pus...原创 2019-03-20 17:36:57 · 6710 阅读 · 2 评论 -
vue+webpack 前端性能优化
优化方法一: vue-router路由懒加载 按需加载:也叫延迟加载或者懒加载,即在需要的时候进行加载,随用随载。 使用懒加载的原因:vue是单页面应用,使用webpcak打包后的文件很大,会使进入首页时,加载的资源过多,页面会出现白屏的情况,不利于用户体验。运用懒加载后,就可以按需加载页面,提高用户体验。(下图为懒加载的写法)优化方法二:webpack压缩图片(减...原创 2019-03-20 12:55:14 · 715 阅读 · 0 评论 -
git clone提示user permission denied解决方案
今天使用git clone去铛一个移动端的代码然后报user permission denied 还报403,然后首先想到的是谁把我的权限去掉了,但是去gittea上面看了一下并没有。然后又用同事的电脑试了下没问题,然后又试了一些别的方法。 1、使用gitconfig --unset --global user.name来删除全局变量,又试了一下还是不行。 2...原创 2019-03-11 14:04:53 · 4852 阅读 · 0 评论 -
解决webpack打包 vue项目 app.js和vendor.js过大问题解决
最近随着单位的线下单子变多,线上项目感觉打包慢的要死。所以得感觉解决一下了。原因:如上图所示,发现app.js和vendor.js过大导致打包时间过长。main.js导入第三库太多时,webpack合并js时生成了vendor.js(我们习惯把第三方库放在vendor里面)造成的。解决思路:对症下药--瘦身app.js和vendor.js.解决方案:1、通过cdn来加载第三方库,具...原创 2019-01-09 16:30:11 · 12052 阅读 · 1 评论 -
JavaScript 运行机制:Event Loop,堆、栈、队列以及宏任务、微任务
1、首先,由于Javascript是单线程这个本质才会有接下来的一系列下文。2、堆、栈、队列: 堆:堆是在程序运行时,而不是在程序编译时,动态申请某个大小的内存空间,即动态分配内存。 栈:简言之:‘使用堆的一种方法’(先进后出)。 队列:是一种先进先出的线性数据结构。区别: 空间分配:堆:一般由程序员释放,如果程序员不释放就会在结束时由...原创 2019-01-11 00:15:33 · 1121 阅读 · 0 评论 -
史上最强,Iconfont使用详解,vue项目使用教程
个人使用:如果是个人使用的话先加入购物车,然后Iconfont提供了以下几种方法供大家使用,大家按项目需要引入项目。 团队使用:没有项目的话先发起项目,然后添加团队成员(一般是UI来做),然后将需要的图标加入到项目中来。 以上两种使用方式大家都可以使用1、生成的在线图标样式链接;2、也可以将样式下载到本地解压就会得到如下图文件夹...原创 2018-12-16 23:55:41 · 343 阅读 · 0 评论 -
使用vue的v-if判断数组长度length报错解决方案
v-if="form.details.length>0"项目中使用v-if判断数组长度报错:Error in render: "TypeError: Cannot read property 'length' of undefined"解决方法:v-if="form.details.attrs !== undefined && form.details.a...原创 2018-12-19 16:29:21 · 12134 阅读 · 2 评论 -
给element-ui的steps加@click.native事件
今天有个需求需要给element-ui的steps添加点击跳转,看了看steps的API没有这个属性。就给它添加一个@click事件吧,添加之后发现不好使,找了一番资料发现得这样写就可以了@click.native 这个native是什么作用呢? 查了一番资料大概就是vue封装@click这些方法时阻止了原生的DOM事件,而native就是释放DOM原生事...原创 2018-12-13 17:17:56 · 3982 阅读 · 1 评论