- 博客(6)
- 收藏
- 关注
原创 通过call bind方法使字符串借用数组的方法
在JS中,数组的方法相比于字符串的方法更加丰富,多样性,那么如果字符串,类数组想用数组的方法,可以有以下的办法字符串转换为数组可以让字符串转换为数组操作,之后再将数组转为字符串。转换为数组可以这样做: let str = 'HollowKnight' //1、直接使用解构的方式 let arr1 = [...str] //2、使用Array.from 方法 let arr2 = Array.from(str) //3、使用字符串split方法 let arr3 = str.split
2020-08-16 15:21:52 425
原创 一种鼠标划过文字放大的CSS特效 而引发的疑惑
先上效果图,有两种,这种是使用transform来改变大小缩放这种是改变文字大小来缩放,会引起排版变化在使用transform时,能明显感到比使用改变文字大小时更卡顿,并且浏览器的窗口越大,卡顿越明显。当时我心中就很疑惑,单就从我之前学到的浏览器的渲染机制上来说,改变文字大小是会触发回流的,使用transform时不会触发回流,为什么使用transform会更卡呢?另外网页内没有什么其他内容,回流引起的卡顿应该不大。经过我的研究(瞎猜),原来是我添加了文字阴影,当我去掉文字阴影时,明显就不卡顿了。
2020-08-13 12:41:39 889
原创 JS中连等赋值的个人理解
var a = {n: 1} var b = a; a.x = a = {n: 2} console.log(a.x); //undefined console.log(b.x); //{n: 2}如上,a.x 是 undefined , b.x 是 {n: 2} 。为什么会这样呢,我个人理解是这样的。先把 {n: 1} 的内存地址看作 地址E , {n: 2}的内存地址看作 地址F浏览器在看到 a.x = a = {n: 2} 这条语句 ,就已经确定好了a...
2020-08-09 12:35:59 201
原创 一些关于javascript的知识点记录
这是一些关于javascript的知识点记录,1、变量的赋值变量的赋值可以分为三个阶段:创建变量,在内存中开辟空间初始化变量,将变量初始化为undefined真正赋值关于let、const、var和function:let、const 的「创建」过程被提升了,但是初始化没有提升。var 的「创建」和「初始化」都被提升了。function 的「创建」「初始化」和「赋值」都被提升了。2、事件传播的三个阶段捕获-目标-冒泡例如在 <body>里的<div>里
2020-07-30 22:52:30 110
原创 vue事件中$on重复触发的问题
在做一个小项目练习时,我在主页用了自己做的轮播图组件,用$on监听图片加载是否完成,加载完成再使用轮播图。mounted() { this.$bus.$on('DSwiper', () => { this.init() })}, 当我在另外一个页面也用轮播图时,发现轮播图重复加载了,原因是没有清除在首页的监听,导致在另一个页面用轮播图时重复监听。 解决方法是在进入另一个页面,生成轮播图组件时清除事件监听。created() { this.$bu.
2020-07-25 15:28:44 1447
原创 Better-Scroll在Vue中报错
mounted() { this.scroll = new BScroll(this.$refs.wrapper, { probeType: this.probeType, pullUpLoad: this.pullUpLoad, click: true }), this.scroll.on('pullingUp', () => { this.$emit('pullingUp') }), this.scroll.o
2020-07-24 19:44:53 225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人