All Posts

动态nodeList、静态nodeList

NodeList NodeList 是一个节点的集合,是由 Node.childNodes 和 document.querySelectorAll 返回的。 动态 NodeList:如果文档树中的节点树发生变化,则已存在的实时 NodeList 对象也会随之变化

去抖、节流

[算法]排序

公用的数据 1 var nums = [4, 2, 16, 12, 32, 21, 33, 1]; array.sort 1 2 3 4 5 6 7 8 9 nums.sort(function(a, b) { if (a < b) { return -1; } if (a > b) { return 1; } return 0; }); 冒泡排序 依次交换相邻的两个数字的顺序(大的

[面试]问题

面试问题 闭包,原型链 es6 class 和原型的区别,有没有私有属性,为什么? 服务端渲染 前端监控 sentry 原理 react-router 原理 前端从输入 url 到展示页面,经历了什么 全站优化 webpack 原理

promise

实现 以下是实现和一些关键注释 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56

microtask,macrotask

Tasks, microtasks, queues and schedules 用一句话概括,就是一个 macrotask 中出现的 mircotask 都在这一次 eventloop 中执行,出现的 macrotask 需要在新的 eventloop 执行 macrotask(task) setTimeout = setInterval setImmediate requestAnimationFrame I/O UI rendering microtask process.nextTick promise callback 例子: 1 2 3 4 5 6 7 8 9 10

作用域、闭包、原型链

作用域,闭包 es6 之前,js 只有全局作用域和函数作用域 1 2 3 4 5 6 7 8 9 10 11 console.log(foo); function func() { var bar = 1; return function() { console.log(bar++); }; } var foo = 123; var func2 = func(); func2(); //1 func2(); //2 这段代码有两个阶

css知识点

基础 盒子模型 margin,border,padding,content(外边距,边框,内边距,内容) 常说的元素的 width,height 指的

html知识点

doctype doctype 声明不是 html 标签,用来告诉浏览器当前页面使用哪种 html 版本 html4.01 中,需要引入 dtd(文档类型声明),因为 html4.01 基于 SGML(standard generalized markup lan

[React]React受控组件和非受控组件

受控组件:用 state 控制取值的表单输入元素叫做受控组件 非受控组件:使用 dom 节点控制取值的表单输入元素 什么时候使用受控组件,非受控组件 原文:contr