前端
文章平均质量分 83
柠檬百香
这个作者很懒,什么都没留下…
展开
-
javascript的深浅拷贝
首先我们要先了解:javascript的数据是如何存储的function foo(){ let a = {title:"hello word"}; let b = a; a.title= "hi" ; console.log(a);//{title: "hi"} console.log(b);//{title: "hi"}}foo()由上面的例子可以看出,把a赋给b,改变b的title值,同时参考文章:https://juejin.cn/post/688原创 2021-03-12 17:41:27 · 306 阅读 · 0 评论 -
JavaScript原型及原型链
prototype:原型(原型也是一个对象,原型对象就是通过 Object 构造函数生成的);而_proto_:继承;所有引用类型(函数,数组,(new xx())对象)都拥有_proto_属性(继承、隐式原型)对象_proto_指向Prototypes集合中的实例,__proto__是每个对象(除null外)都会有的属性,这个属性会指向该对象的原型。所有函数拥有prototype属性(原型)(仅限函数)结合下图可知:function的prototype指向Prototypes集合中的实例,Pr原创 2021-03-12 17:41:05 · 118 阅读 · 0 评论 -
JavaScript运行机制及宏任务和微任务
JavaScript运行机制原创 2021-03-12 17:40:34 · 221 阅读 · 0 评论 -
javascript中的apply、call和bind
apply、call和bind可以改变this的指向,并且可以把方法借给其它对象使用例如:a.apply(b,[3,2]);//this指向由a变为b, a的方法借给b使用1. call、apply与bind的差别call和apply改变了函数的this上下文后便执行该函数,而bind则是返回改变了上下文后的一个函数。call和bind的参数都是一个个传的,apply的参数是以数组的形式传入的;2. call、apply的区别call、apply这两个方法都是定义在函数对象的原型上的(Functi原创 2021-03-05 18:31:45 · 240 阅读 · 2 评论 -
使用echarts动态绑定数据时数据混乱的问题
背景:柱状图根据单选按钮来确定展示叠加柱状图还是普通的柱状图,使用dataset来动态设置数据,从叠加柱状图切换到普通柱状图的时候就出现了数据错乱的问题。选择月的时候,本来应该只显示6条柱子的,结果多出了一条叠加的柱状图!!检查了option没有发现任何问题,dataset里面的数据也是对的,那就是之前的数据没有清理干净。于是,查看echarts官方文档,发现了用echartsInstance. clear方法,可清空当前实例,会移除实例中所有的组件和图表,然后再用echartsInstance. s原创 2020-10-23 16:00:03 · 1423 阅读 · 2 评论 -
前端图标库使用
今天要给导航栏的菜单添加小图标,于是我首先想到的就是FontAwesome,所以就开始准备在vue项目添加FontAwesome,然后突然在网上看到IconFont要比FontAwesome用起来方便!(我之前也用过IconFont,但我一般是自己把图片一张一张下载下来然后放到项目里面再使用)于是我百度了一下用法,原来还可以以项目的形式来对图标进行管理和下载,使用起来也很方便,于是我果断放弃FontAwesome,转向IconFont。下面简单记录一下IconFont在vue项目里面的用法在Icon原创 2020-10-16 15:33:42 · 1042 阅读 · 0 评论 -
监听某个DIV的宽高变化
监听某个DIV的尺寸变化背景:vue项目中用到echarts图表,页面上有侧边栏,侧边栏收缩图表不能自适应,想通过监听内容部分的宽度让图表resize,但是用window带的resize,只能监听浏览器窗口大小变化,像侧边导航隐藏的这种情况不能人echarts重置。为了监听某元素区域的变化而使echarts的尺寸重置,我第一时间想到的是resize事件,但是实际试了试,发现并不能起到我想要的效果,加在DIV上的resize事件根本不能触发,后来百度了一下,发现resize只能加在window对象上,并原创 2020-10-16 09:55:13 · 3367 阅读 · 1 评论 -
SASS入门笔记及如何在vue项目中使用SASS
sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby直接下载安装就好了安装完ruby之后查看版本,检查是否安装成功//查看ruby版本号ruby -v//安装sassgem install sass//安装compassgem install compass//安装成功后查看版本号sass -vcompass -v这样SASS就安装成功了...原创 2020-05-20 13:29:55 · 464 阅读 · 0 评论