项目上线后，经常会报出用户一直点击导致连续出发事件引发体验上的问题，尤其是在监听浏览器滚动scroll，页面调整resise的时候，这个时候我们就需要通过节流/防抖来优化这个问题；防抖：防抖就是指在某个时间内再次触发事件则会进行重新计时，也 ...

CSS 里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的 content 属性，可能现在很多人仅仅以为 content 属性的值只支持字符串，除了字符串外常用到的还有 uri、counter ，今天所要介绍的就是 c ...

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

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

CSS3的过渡属性，给web应用带来了简单优雅的动画，但是比起初次相见，他（transition）有许多细则。 在这片文章中，我将会专研CSS3的过渡（transition）中更加复杂的部分，从链式和事件到硬件加速和动画函数。 让浏览器控制 ...

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

JS BOM window对象 全局变量和全局方法都归在window上 alert-comfirm-prompt 让alert 、confirm等弹出框上的提示文字实现换行：\n // confirm() // ...

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

仿写了一个简单的广告弹窗，主要功能就是页面加载完毕时，右下角广告弹出来，点了×，过一会又自己弹出来，样式如下 image 完整代码放在GitHub仓库：https://github.com/HiJackLi/demo/ 一、要点记录 1. ...

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