JavaScript
文章平均质量分 67
写Bug的切图仔
当你的才华撑不起你的野心的时候,就必须静下来心来学习
展开
-
<router-view> can no longer be used directly inside <transition> or <keep-alive>
[Vue Router warn]: <router-view> can no longer be used directly inside <transition> or <keep-alive>.原创 2021-12-20 11:21:23 · 3389 阅读 · 0 评论 -
JS随机生成字符串的方法
const randomStr = (len) => { let str = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; let result = ""; while(len) { let index = Math.floor(Math.random() * str.length); result += str[index]; --len; } return result;}原创 2020-11-06 15:18:06 · 421 阅读 · 0 评论 -
一篇文章搞定JS原型链
学习JS的过程中,对原型对象和原型链是其中的重点和难点,花费了不少的时间才整明白这个知识点,如果下文有任何的错误和不足请指正!原型链是JS实现继承的一种方式,每个构造函数都有一个原型对象prototype属性,这个属性是一个指针,指向一个构造函数,而每个实例对象都有一个私有的属性(proto)指向它的构造函数的原型对象,这个原型对象也有一个自己的私有属性__proto__也是指向一个对象的原型对象,直到为null。function fun1() { this.a = 1; this.b原创 2020-06-12 23:59:36 · 198 阅读 · 0 评论 -
JS实现bind方法
bind()是在ECMAScript5中新增的方法,用于将一个函数绑定到一个对象,成为其方法,还可以用于构造函数。const obj = { sum:20, getSum: function() { return this.sum; }};const getSum = obj.getSum;console.log(getSum()); //undefined上面代码输出了undefined,getSum()执行时内部的this指向了window,而window并没有su.原创 2020-06-12 00:23:12 · 224 阅读 · 0 评论 -
babel不识别对象展开运算符时报错
babel不识别对象展开运算符时报错对象展开运算符时需要安装一个插件npm install --save-dev babel-plugin-transform-object-rest-spread然后在 .babelrc文件中配置{ "presets": [ ["es2015","stage-3"] ], "plugins":["transform-object-rest-spread"]}...原创 2020-06-08 22:15:18 · 1769 阅读 · 0 评论 -
JavaScript的call()和apply()的理解
回忆录记得有一次面试,面试官问我,js怎么实现继承?我并没有思考,直接脱口而出,可以使用call()和apply()可以实现继承,他笑了笑就没有然后了....后来他问你还有什么要问的吗?我说我想知道js怎么实现继承,希望能得到你的指点然后他说原型链,你的js基础还很差...所以想再学习一遍,加深印象,希望能得到各路前辈的指点前言文档中是这样介绍的,call()和a...原创 2018-07-22 23:37:06 · 485 阅读 · 0 评论 -
JavaScript中数组常用方法之join、push、concat、pop、shift的理解
join()把数组的所有元素通过指定的分隔符进行分隔成字符串不指定分隔符时,默认以英文逗号(,)分隔var colors = ["red","green","blue","orange"]console.log(colors.join()) // red,green,blue,orangeconsole.log(colors.join('-')) // red-g...原创 2018-08-07 23:17:20 · 956 阅读 · 0 评论 -
JavaScript的slice、splice和split方法的区别
avaScript中slice、splice和split方法我有时候会搞混,傻傻分不清楚,所以想做下笔记sliceslice方法可以用在数组和字符串数组 array.slice(start, end)该方法对数组进行部分截取,接收两个参数,start是从数组索引0开始,end(可选)就是数组中一个元素的位置值(索引)+1,并且返回一个副本var arr = [1, 2...原创 2018-11-13 23:34:18 · 333 阅读 · 0 评论 -
JavaScript 的 4 种数组遍历方法: for VS forEach() VS for/in VS for/of
出处:JavaScript 的 4 种数组遍历方法: for VS forEach() VS for/in VS for/of 译者:Fundebug我们有多种方法来遍历 JavaScript 的数组或者对象,而它们之间的区别非常让人疑惑。Airbnb 编码风格禁止使用 for/in 与 for/of,你知道为什么吗?这篇文章将详细介绍以下 4 种循环语法的区别:for (le...转载 2019-03-11 11:06:22 · 257 阅读 · 0 评论