2021年8月10日
call apply bind
摘要： call()、apply()、bind() 都是用来重定义 this 这个对象的 call接收参数列表，apply接收数组参数，bind和call一样，但是返回值是函数需要再调用才执行 var f1 = function(a,b) { console.log(a+b); } var f2 = fun 阅读全文
posted @ 2021-08-10 15:30 Panda的前端笔记 阅读(42) 评论(0) 推荐(0)
节流防抖
摘要： 防抖 如果短时间内大量触发同一事件，只会执行一次函数。 事件延迟执行，再触发刷新时间 /*****************************简化后的分割线 ******************************/ function debounce(fn,delay){ let time 阅读全文
posted @ 2021-08-10 15:03 Panda的前端笔记 阅读(58) 评论(0) 推荐(0)
闭包
摘要： 简单说就是 定义在一个函数内部的函数，内部函数持有 外部函数 内的变量 或 参数的引用。内部函数依赖外部函数， 外部函数参数和变量 不会被垃圾回收机制回收，这些变量会始终存在于内存中。 好处可以读取函数内部的变量，可以避免全局变量的污染，坏处会增加内存的使用量，容易导致内存泄漏，解决方法就是退出函数 阅读全文
posted @ 2021-08-10 14:29 Panda的前端笔记 阅读(82) 评论(0) 推荐(0)
2021年8月9日
new一个函数
摘要： 首先创建一个空对象 tempObj = {}。 接着调用 Foo.apply 方法，将 tempObj 作为 apply 方法的参数，这样当 Foo 的执行上下文创建时，它的 this 就指向 tempObj 对象。 然后执行 Foo 函数，此时的 Foo 函数执行上下文中的 this 指向了 te 阅读全文
posted @ 2021-08-09 16:20 Panda的前端笔记 阅读(103) 评论(0) 推荐(0)
2021年4月2日
遍历
摘要： for in for in 循环是最基础的遍历对象的方式，它还会得到对象原型链上的属性 // 创建一个对象并指定其原型，bar 为原型上的属性 const obj = Object.create({ bar: 'bar' }) // foo 为对象自身的属性 obj.foo = 'foo' for 阅读全文
posted @ 2021-04-02 14:03 Panda的前端笔记 阅读(750) 评论(0) 推荐(0)
2021年3月3日
输入url过程、html页面渲染过程
摘要： 在用户输入 URL，按下回车之后，走过的步骤： DNS 解析 TCP 连接 发送 HTTP 请求 服务器响应 浏览器解析渲染页面 渲染引擎解析html生成DOM Tree,此时display:none的元素也存在与DOM Tree渲染引擎解析css生成CSS Rule Tree(css规则树)通过j 阅读全文
posted @ 2021-03-03 16:52 Panda的前端笔记 阅读(164) 评论(0) 推荐(0)
css margin重叠和高度坍塌
摘要： 方块之间的 margin 出现了重合,并且最后只保留两者之间值最大的 margin BFC 的含义BFC 的全称是 Block Formatting Context, 意为块级格式化上下文 BFC 的用处通过 BFC 来解决 margin 塌陷的问题 margin 塌陷产生的原因两个或多个块级元素的 阅读全文
posted @ 2021-03-03 15:08 Panda的前端笔记 阅读(428) 评论(0) 推荐(0)
const定义对象属性改变
摘要： const是用来定义常量的，而且定义的时候必须初始化，且定义后不可以修改。对于基本类型的数据来说，自然很好理解了，例如 const PI = 3.14。如果定义的时候不初始化值的话就会报错,错误内容就是没有初始化。 因为对象是引用类型的，P中保存的仅是对象的指针，这就意味着，const仅保证指针不发 阅读全文
posted @ 2021-03-03 14:45 Panda的前端笔记 阅读(586) 评论(0) 推荐(0)
多维数组转为一维数组
摘要： 转成字符串后转成数组 let tempArr = [1,[2,3],[4,5,[6,7]]]; let result_str1 = tempArr.join(',').split(','); console.log(result_str1); // ["1", "2", "3", "4", "5", 阅读全文
posted @ 2021-03-03 14:31 Panda的前端笔记 阅读(117) 评论(0) 推荐(0)
2021年3月1日
js内存泄漏 垃圾回收机制
摘要： 1、什么是内存泄漏 内存泄漏（Memory Leak）是指程序中己动态分配的堆内存由于某种原因程序未释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等严重后果。 避免内存泄漏？ 在局部作用域中，等函数执行完毕，变量就没有存在的必要了，垃圾回收机制很快地做出判断并且回收，但是对于全 阅读全文
posted @ 2021-03-01 16:26 Panda的前端笔记 阅读(192) 评论(0) 推荐(0)