TItanic '-CSDN博客

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

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

2021-12-08 08:30:00 106

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

2021-12-07 14:25:12 578 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 210

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

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

2021-11-21 19:10:25 481

原创谈谈前端优化

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

2021-11-18 17:53:51 202

原创谈谈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 336

原创获取当前元素到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 201

原创谈谈你对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 1217

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

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 95

weixin_52183381的博客