季风吹向大海

摘要： 什么是BFC（Block formatting context） 首先我们现在了解这两个概念：Block（box）、formatting context。 Box是布局的基本元素，box的类型是由元素的display属性和类型来决定的。 不同类型的box在不同的formatting context里 阅读全文

摘要： 守卫的种类： 全局前置守卫 全局后置守卫 全局解析守卫 路由独享守卫 组件内的守卫 全局前置守卫 定义：每次路由的跳转都要经过全局守卫，一般是用的都是前置守卫router.beforeEach((to, from, next)=>{})。 接收三个参数： to: 即将要进入的目标; from: 当前 阅读全文

摘要： 讲到跨域不得不说一说，为什么要跨域？--浏览器的同源策略。 浏览器的同源策略（Same Origin Policy） 源（Origin）是由 URL 中协议、主机名（域名 domain）以及端口共同组成的部分。在上面的网址中，源由协议 http、主机名www.baidu.com 和默认端口 8080 阅读全文

摘要： Promise/A+ 规范 在编写 Promise 之前，我们必须了解 Promise/A+ 规范。由于内容较长，下面我总结了几点，更详细的内容可以查阅 Promise/A+ 规范。 Promise 是一个对象或者函数，对外提供了一个 then 函数，内部拥有 3 个状态。 then 函数 then 阅读全文

摘要： meta 标签：自动刷新/跳转 假设要实现一个类似 PPT 自动播放的效果，你很可能会想到使用 JavaScript 定时器控制页面跳转来实现。但其实有更加简洁的实现方法，比如通过 meta 标签来实现： <meta http-equiv="Refresh" content="5; URL=page 阅读全文

摘要： 明白了 DOM 操作有哪些消耗性能问题后，要提升性能就变得很简单了，反其道而行之，减少这些操作即可。 在循环外操作元素 比如下面两段测试代码对比了读取 1000 次 JSON 对象以及访问 1000 次 body 元素的耗时差异，相差一个数量级。 const times = 10000; conso 阅读全文

摘要： 要解释 DOM 操作带来的性能问题，我们不得不提一下浏览器的工作机制。 线程切换 如果你对浏览器结构有一定了解，就会知道浏览器包含渲染引擎（也称浏览器内核）和 JavaScript 引擎，它们都是单线程运行。单线程的优势是开发方便，避免多线程下的死锁、竞争等问题，劣势是失去了并发能力。 浏览器为了避 阅读全文

摘要： window.reload() 重新加载当前需要的所有内容，也就包括页面和后台的代码，此过程中实际上是从后台重新进行操作； window.refresh() 是更新，保存以前的缓存文件內容，再次载入网页页面，以前存有的不动；没载入上去的再次载入，此时也会取后台內容的。 阅读全文

摘要： 概念： 函数节流: 指定时间间隔内只会执行一次任务； 函数防抖: 任务频繁触发的情况下，只有任务触发的间隔超过指定间隔的时候，任务才会执行。 区别： 两者区别在于函数节流是固定时间做某一件事，比如每隔1秒发一次请求。而函数防抖是在频繁触发后，只执行一次（两者的前提都是频繁触发）。 函数节流 运用场景 阅读全文

摘要： 先来看看它长什么样： for(表达式1;表达式2;表达式3){ 表达式4; } 执行顺序： 1）第一次循环，即初始化循环。 首先执行表达式1（一般为初始化语句），再执行表达式2（一般为条件判断语句），判断表达式1是否符合表达式2的条件，如果符合，则执行表达式4，否则，停止执行，最后执行表达式3. 2 阅读全文