摘要:
原文: 在 Javascript 中学习数据结构与算法。 概念: HashTable 类, 也叫 HashMap 类,是 Dictionary 类的一种散列表实现方式。 散列算法的作用是尽可能快地在数据结构中定位到某个值,如之前的一些数据结构中(说的就是 LinkedList),需要遍历数据结构才能 阅读全文
摘要:
原文中部分源码来源于:JS Array.reduce 实现 Array.map 和 Array.filter Array 中的高阶函数 map, filter, reduce map() - 映射 currentValue, 必须,当前的元素值; index, 可选,当前元素值的索引; array, 阅读全文
摘要:
原文:你真的了解回流和重绘吗-陈纪庚 序言 回流和重绘,浏览器(客户端)优化的重要思考方向之一,同时也将会是面试隐藏 boss,不过,要说难,排除掉浏览器底层渲染原理后也并不是那么困难。作为进阶资料,还是有必要掌握的。 先说核心结论:回流一定会触发重绘,而重绘不一定会回流。 浏览器的渲染过程 上图是 阅读全文
摘要:
原文:函数防抖和节流; 序言: 我们在平时开发的时候,会有很多场景会频繁触发事件,比如说搜索框实时发请求,onmousemove, resize, onscroll等等,有些时候,我们并不能或者不想频繁触发事件,咋办呢?这时候就应该用到函数防抖和函数节流了! 准备材料: <div id="conte 阅读全文
摘要:
原文:仿 ElmentUI 实现一个 Form 表单 一、目标 ElementUI 中 Form 组件主要有以下 功能 / 模块: Form FormItem Input 表单验证 在这套组件中,有 3 层嵌套,这里面使用的是 slot 插槽,我们在接下来的代码中也需要运用到它。 二、组件设计 e- 阅读全文
摘要:
原文:最后一次搞懂 Event Loop 自打 ES 6 推出 Promise 改善了 js 的异步编程之后,eventloop 也越来越多地出现在视野当中。借用大佬们的话:“Event Loop 是 JavaScript 异步编程的核心思想,也是前端进阶必须跨越的一关。同时,它又是面试的必考点。” 阅读全文
摘要:
我们知道,每个函数在调用的时候会产生一个执行上下文环境,而这个执行上下文环境中包含了诸如 this 等等信息。即当我们调用函数的时候,内部的 this 已经明确地隐式绑定到了某一个对象上。如果我们希望更换 this 的指向,我们该如何更改? call/apply/bind 这三个函数能够满足我们的需 阅读全文
摘要:
首先贴上学习参考资料:【深入浅出jQuery】源码浅析--整体架构,备用地址:chokcoco/jQuery-。 jQuery 库,js 开发的一个里程碑,它的出现,让网页开发者们告别荒蛮的上古时代,初步解放生产力,正式进入黄铜时代。 虽然如今 Angular/React/Vue 三驾马车驰骋畋猎, 阅读全文
摘要:
原文: 在 Javascript 中学习数据结构与算法。 概念: 集合、字典、散列表都可以存储不重复的数据。字典和我们上面实现的集合很像。 当然,字典中的数据具有不重复的特性。js 中 Object 的键值对 key: value 的形式就是字典的实现,所以字典通常也称为映射。 实现一个简单的字典类 阅读全文
摘要:
参考:Async/await学习 es 7 提供了对 promise 对象的更好的操作,省去了很多丧心病狂的链式异步请求,promise 是回调地狱的福音,而 Async/Await 则是 promise 的天使。 另外,关于 event-loop ,请移步 Event-Loop In Js Awa 阅读全文