自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

虎的博客

前端的菜鸟

  • 博客(12)
  • 收藏
  • 关注

原创 js下载base64和文件流的方法

【代码】js下载base64和文件流的方法。

2023-10-10 09:26:34 588 1

原创 js图片的几种转换

适用于上传图片,然后将图片的base64发送给后端的情况。2.使用FileReader。

2023-08-07 09:43:47 511 1

原创 element的el-date-picker组件实现只可选择当前之后的时间,精确到时分

element的el-date-picker组件实现只可选择当前之后的时间,精确到时分

2023-07-26 09:19:05 887 2

原创 vue-router详解

文章目录1.URL的hash和html5的history2.认识vue-router3.安装和使用vue-router4.路由的默认值和修改为history模式5.router-link的属性补充6.通过代码跳转路由7.vue-router动态路由的使用8.vue-router打包文件解析9.路由懒加载10.路由的嵌套11.参数传递12.router和route的由来13.导航守卫14.keep-alive属性15.tabbar案列文章目录1.URL的hash和html5的history2.认识vue-

2021-07-04 16:28:19 481 1

原创 纯js瀑布流

思路分析:定位后确定浏览器显示区域内,一行能放多少列图片盒子获取页面的宽度获取图片盒子的宽度显示的列数=页面宽度/图片盒子宽度column=pageWidth/itemWidth显示美观一般都会加一个空隙显示的列数=页面宽度/(盒子宽度+间隙)column=pageWidth/(itemWidth+gap)确定列数之后,排列第一行下面还有很多图片盒子,我们先要排列第一行,所以在for循环里要判断下,当i(所有图片盒子的索引)<column(显示列数)时,说明在第一行;知

2021-06-22 15:26:37 55

原创 js中的继承问题

借用构造函数继承父类型属性核心原理: 通过 call() 把父类型的 this 指向子类型的 this ,这样就可以实现子类型继承父类型的属性。function Father(uname, age) { this.uname = uname this.age = age } function Son() { Father.call(this, 'kobe', '18') } console.log(new Son());借用原型对

2021-06-19 18:39:14 110

原创 构造函数与原型的理解

构造函数与原型利用构造函数创建对象静态成员与实例成员原型对象原型__proto__原型constructor构造函数,实例对象,原型对象的关系原型链js成员的查找机制原型对象的this指向利用构造函数创建对象构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与 new 一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。new 在执行时会做四件事情:在内存中创建一个新的空对象。让 this 指向这个新的对象。执行构造函数里面的代码,给这个新

2021-06-19 13:54:51 240

原创 js中高阶函数filter,map,reduce的使用

filter中的回调函数有一个要求: 必须返回一个boolean值true: 当返回true时, 函数内部会自动将这次回调的item加入到新的数组中false: 当返回false时, 函数内部会过滤掉这次的itemlet nums = [10, 20, 111, 222, 444, 40, 50];let newArr = nums.filter(function(item) { return item < 100;})console.log(newArr); // [10, 2

2021-06-18 12:03:55 121

原创 this的指向问题

函数内this的指向这些this的指向,是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同,一般指向我们的调用者。调用方式this指向普通函数调用window构造函数调用实例对象 原型对象里面的方法也指向实例对象对象方法调用该方法所属对象事件绑定方法绑定事件对象定时器函数window立即执行函数window箭头函数的this箭头函数中的this是在定义函数的时候绑定,而不是在执行函数的时候绑定箭头函数中,this

2021-06-17 23:36:28 51

原创 js中call, apply, bind的理解与应用

call,apply,bind的总结相同点:都可以改变函数内部的this指向区别点:call和apply会调用函数,并且改变函数内部this指向call和apply传递的参数不一样,call传递参数aru1,aru2…形式,apply必须数组形式[args]bind不会调用函数,可以改变函数内部this指向主要应用场景call经常做继承apply经常跟数组有关系,比如借助于数学对象实改变定时器现数组最大与最小值bind不调用函数,但是还想改变提升指向,比如 改变定时器内部的this

2021-06-17 22:46:03 108

原创 深浅拷贝的理解

针对引用类型来说 赋值 浅拷贝的区别1.浅拷贝 赋值的区别当我们把一个对象赋值给一个新的变量时,赋的其实是该对象的在栈中的地址,而不是堆中的数据。也就是两个对象指向的是同一个存储空间,无论哪个对象发生改变,其实都是改变的存储空间的内容,因此,两个对象是联动的。浅拷贝是创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的值,如果属性是引用类型,拷贝的就是内存地址 ,所以如果其中一个对象改变了这个地址,就会影响到另一个对象。深拷贝 浅拷贝浅拷贝是创

2021-06-17 18:29:39 265

原创 防抖与节流的理解

防抖函数当触发事件一定时间内没有被触发,事件处理函数才会执行一次,如果设定事件到来之前又触发,将会重新延迟

2021-06-17 15:41:26 114

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除