- 博客(9)
- 收藏
- 关注
RSS订阅原创 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
298
原创 JavaScript原型及原型链
prototype：原型（原型也是一个对象，原型对象就是通过 Object 构造函数生成的）；而_proto_：继承；所有引用类型（函数，数组，（new xx()）对象）都拥有_proto_属性（继承、隐式原型）对象_proto_指向Prototypes集合中的实例，__proto__是每个对象(除null外)都会有的属性，这个属性会指向该对象的原型。所有函数拥有prototype属性（原型）（仅限函数）结合下图可知：function的prototype指向Prototypes集合中的实例，Pr
2021-03-12 17:41:05
90
原创 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
192
2
原创 使用echarts动态绑定数据时数据混乱的问题
背景：柱状图根据单选按钮来确定展示叠加柱状图还是普通的柱状图，使用dataset来动态设置数据，从叠加柱状图切换到普通柱状图的时候就出现了数据错乱的问题。选择月的时候，本来应该只显示6条柱子的，结果多出了一条叠加的柱状图！！检查了option没有发现任何问题，dataset里面的数据也是对的，那就是之前的数据没有清理干净。于是，查看echarts官方文档，发现了用echartsInstance. clear方法，可清空当前实例，会移除实例中所有的组件和图表，然后再用echartsInstance. s
2020-10-23 16:00:03
1352
2
原创 前端图标库使用
今天要给导航栏的菜单添加小图标，于是我首先想到的就是FontAwesome，所以就开始准备在vue项目添加FontAwesome，然后突然在网上看到IconFont要比FontAwesome用起来方便！（我之前也用过IconFont，但我一般是自己把图片一张一张下载下来然后放到项目里面再使用）于是我百度了一下用法，原来还可以以项目的形式来对图标进行管理和下载，使用起来也很方便，于是我果断放弃FontAwesome，转向IconFont。下面简单记录一下IconFont在vue项目里面的用法在Icon
2020-10-16 15:33:42
1017
原创 监听某个DIV的宽高变化
监听某个DIV的尺寸变化背景：vue项目中用到echarts图表，页面上有侧边栏，侧边栏收缩图表不能自适应，想通过监听内容部分的宽度让图表resize，但是用window带的resize，只能监听浏览器窗口大小变化，像侧边导航隐藏的这种情况不能人echarts重置。为了监听某元素区域的变化而使echarts的尺寸重置，我第一时间想到的是resize事件，但是实际试了试，发现并不能起到我想要的效果，加在DIV上的resize事件根本不能触发，后来百度了一下，发现resize只能加在window对象上，并
2020-10-16 09:55:13
3306
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
456
原创 vue项目在IE浏览器中的兼容性问题
1、安装babel-polyfill：npm install babel-polyfill --save-dev//在main.js中引入babel-polyfill：import 'babel/polyfill'2、安装es6-promise（为es6实现异步编程）npm install es6-promise --save-dev//在main.js中引入es6-promiseimport 'es6-promise/auto'注意：引入的方式有很多种，注意不要重复引入！！（我自己应该就是
2020-05-18 21:53:22
1215
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人