自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 ES6数组除了set,还可以怎么操作?

1. filter( )和indexOf()实现去重2.reduce()和includes()实现去重3.使用双重for循环和splice()

2021-12-08 08:30:00 104

原创 谈一谈箭头函数的优缺点

简单介绍什么是箭头函数:箭头函数是匿名函数.ES5匿名函数的语法糖,并且没有自己的this,arguments.advantage:(1)写法简单.(2)解决了this的指向问题,原生的写法this指向的是调用者,箭头函数this绑定的是定义时的那个对 象。如果有对象嵌套的情况,则this绑定到最近的一层对象上.(3)隐士返回,如 下面的代码可以去掉return,代码移到一行,减少代码量shortcoming:(1)做为构造函数的时候不能使用箭头函数(2)真正需要this的时候如给元素

2021-12-07 14:25:12 576 1

原创 BFC(块级格式化上下文,防止 margin 重叠,用于清楚浮动)

简单来说bfc就是块级格式化上下文,是一个独立的渲染区域,并且有一定的布局规则。BFC 区域不会与 float box 重叠 BFC 是页面上的一个独立容器,子元素不会影响到外面 计算 BFC 的高度时,浮动元素也会参与计算 那些元素会生成 BFC: 根元素 float 不为 none 的元素 position 为 fixed 和 absolute 的元素 display 为table-cell、table-caption,inline-block、flex,inline-flex 的元素 ov

2021-12-07 14:07:44 140

原创 transition 和 animation 的区别

Animation 和 transition 大部分属性是相同的,他们都是随时间改变元素的属性值,他们 的主要区别是 transition 需要触发一个事件才能改变属性,而 animation 不需要触发任何 事件的情况下才会随时间改变属性值,并且 transition 为 2 帧,从 from … to,而 animation 可以一帧一帧的。...

2021-12-05 19:27:53 208

原创 yield和return的相似以及区别

相似之处在于,都能返回紧跟在语句后面的那个表达式的值。区别在于每次遇到yield,函数暂停执行,下一次再从该位置继续向后执行,而return语句不具备位置记忆的功能。一个函数里面,只能执行一次(或者说一个)return语句,但是可以执行多次(或者说多个)yield表达式。正常函数只能返回一个值,因为只能执行一次return;Generator 函数可以返回一系列的值,因为可以有任意多个yield。从另一个角度看,也可以说 Generator 生成了一系列的值,这也就是它的名称的来历(英语中,gener

2021-11-21 19:10:25 480

原创 谈谈前端优化

四个方面:渲染:JS/CSS 优化,加载顺序,服务端渲染,pipeline。缓存:HTTP 协议缓存请求,离线缓存 manifest,离线数据缓存 localStorage。降低请求量:合并资源,减少 HTTP 请求数,minify / gzip 压缩,webP,lazyLoad。加快请求速度:预解析 DNS,减少域名数,并行加载,CDN 分发。...

2021-11-18 17:53:51 201

原创 谈谈this指向

this是函数运行时自动生成的一个内部对象,只能在函数内部使用,但总指向调用它的对象。它的指向由调用它的对象来决定。如:1.在全局中this指向window2.直接调用函数this指向window3.事件处理函数中this指向绑定事件的元素4.obj.fn(); fn函数中this指向obj5.回调函数中this指向window6.构造函数中this指向实例化对象...

2021-11-18 17:29:54 307

原创 如何实现 sleep 的效果

1.while 循环的方式 function sleep(ms){ var start=Date.now(), expire=start+ms; while(Date.now()<expire); console.log('333'); return; }执行 sleep(1000)之后,休眠了 1000ms 之后输出了 333。上述循环的方式缺点很明显, 容易造成死循环。2.通过 promise 来实现function sleep(ms){ var templ

2021-11-18 17:27:25 332

原创 获取当前元素到body的距离与prototype

1.获取当前元素到body的距离function getTL(obj){var oT=obj.offsetTop; // 获取当前元素到定位父级的上侧距离var oL=obj.offsetLeft;// 获取当前元素到定位父级的左侧距离var p=obj.offsetParent; // 获取当前元素的定位父级while§{ // 判断定位父级是否为空oT=oT+p.offsetTop+p.clientTop;oL=oL+p.offsetLeft+p.clientLeft;p=p.offs

2021-04-25 11:01:45 194

原创 谈谈你对javascript的理解

1:js全称叫 javascript,他是脚本语言,运行在客户端,是弱类型的编程性的编程语言。2:js的引入方式–内部引入–外链接引入3:js的组成部分:ECMAscript+DOM+BOM4:js中的变量var a=1;a是变量,1是常量通过关键字var声明的英文字母是变量。5:变量的作用?通过变量来存储常量,变量这时候就代表了常量。js中变量区分大小写。6:变量的命名规则:–不能以关键字,保留字命名–不能以汉字,数字开头命名–不能命名时含有空格–必须以$ _ 英文字母开

2020-11-23 17:23:17 1184

原创 函数知识与该函数使用理解

1:什么是函数?a:通过关键字 function定义声明的语句就是函数function sun(){ }b:函数是一个代码块的集合2:函数的命名?a:参考变量命名3:函数的调用有几种?a:普通调用function sun(){}sun()b:事件中调用 <p onclick="sun()"></p >c:表达式中调用(输出方法中调用) function sun(){ var n=1; return n; } alert(sun()) c

2020-11-23 17:18:25 94

空空如也

空空如也

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

TA关注的人

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