本文是以作者自己理解的思路拆分的JS运行机制，见解有限难免疏漏，欢迎留言勘误、交流。 浏览器的主要功能是向服务器发送请求，在窗口中展示目标网络资源。 伴随着浏览器的的普及，Javascript是作为浏览器的附属工具诞生的，当初主要是为了做浏览器端的简单校验。 浏览器的内核是支持…

什么是SPA SPA 全称 Single Page Application，即单页面应用。一般也称为 CSR（Client Side Render），即客户端渲染。它所需的资源，如 HTML、CSS

在nodejs中，http可以说是最核心的模块，借助http模块，可以几行代码就搞定一个超迷你的web server。学好http模块对于后面的web框架express、koa的学习也很有帮助。

面试还是不会手写题，被面试官各种手写题虐得体无完肤。别着急，本文总结了前端高频手写题，只要认真看完，我相信你一定会有所收获。

react 渲染， render 阶段里面会经由调度器和协调器处理，此过程是在内存中运行，是异步可中断的。commit 阶段是由渲染器进行处理，根据副作用进行UI的更新，此过程是同步不可中断的。

不知不觉使用 React 也有一段时间了，最近也在学习 React 的一些相关知识，于是打算整理成文章顺便分享出来，进而巩固自己对 React 整体的认知。如有错误，欢迎指正！

作为前端同学，或多或少都会接到动画需求。目前动画效果越来越酷炫，动画的绘制难度也逐渐增大。在上述两篇文章中都各自讲述了 APNG、Lottie 的原理、优缺点等，今天要讲的主题是 Video 实现动画

看起来实现思路也比较简单：监听Gif图片的播放结束事件，一张Gif播放完再播放下一张，循环往复。 但问题在于GIF图片虽然有“动”的性质，但在Web中被一视同仁地做为图片处理，没有提供任何特殊待遇API，所以无法控制Gif图片的播放、暂停、结束监听等事件。思路中的必要条件——播…

本文主要讲述如何实现无限滚动功能(前端页面大数据量的加载优化)，并封装一个基本的React Hook。