从输入URL到页面加载的过程 浏览器接收URL开启网络请求线程 DNS查询 TCP/IP请求 服务器接收到请求、对应后台处理请求 后台和前台的HTTP交互 浏览器接收到HTTP数据包并解析 页面渲染 JS引擎解析 进程和线程 进程是CPU资 ...

节流（throttle）节流指的都是某个函数在一定时间间隔内只执行第一次回调。举个常见的节流案例：我们把某个表单的提交按钮——button 设成每三秒内最多执行一次 click 响应 ...

这篇文档将通过一个 demo，介绍 React 几个 Hook 的使用方法和场景。包括： useState useEffect useMemo useCallback 自定义 hook 阅读此文档之前，建议先仔细阅读 React 官网文档中 ...

前两天写了个置顶，并封装成插件，体会了一遍自己封装插件的过程，深有感触。 完整代码放在GitHub上：https://github.com/HiJackLi/demo/tree/master/ | 1. 第一就是封装这种功能插件不能扯上外界 ...

一、初识requestAnimationFrame requestAnimationFrame解决了浏览器不知道javascript动画什么时候开始、不知道最佳循环间隔时间的问题。它是跟着浏览器的绘制走的，如果浏览器绘制间隔是16.7ms， ...

关于专题【vue开发音乐App】 轮播图属于基础组件，所以归纳到src/base/slide里面，新建slide.vue 一、html部分 ...

添加CSS样式 我一直很好奇vue的dev-tools在控制台的带样式信息是怎么显示的，后来知道可以用%c占位符，恍然大悟。 然后我就尝试自己写了一下，上效果图。 console.log 样式 再上代码（其实就是先写好样式，再传进去） // ...

我们常见的JavaScript运行时（runtime）有两个，一个是浏览器环境，一个是Node.js环境 JavaScript 事件循环机制分为浏览器和 Node 事件循环机制，两者的实现技术不一样。 浏览器 Event Loop 是 HT ...

本文主要介绍 24 中 es6 方法，这些方法都挺实用的，小本本请记好，时不时翻出来看看。 1.如何隐藏所有指定的元素 const hide = (el) => Array.from(el).forEach(e => (e.style.di ...

上一篇呢，主要是聊了聊同步、异步，他们各自引申出来的‘执行栈’、‘消息队列’，以及‘宏任务’、‘微任务’，如果大家对这几个概念不太了解，可以去这个链接： https://www.jianshu.com/p/61e7844e68d8 宏任务与 ...