通常情况下，HTML 中的图片资源会自上而下依次加载，而部分图片只有在用户向下滚动页面的场景下才能被看见，否则这部分图片的流量就白白浪费了。 所以，对于那些含有大量图片资源的网站，会采用“按需加载”的方式，也就是当图片资源出现在视口区域内，才会被加载，这样可能会影响一丢丢用户体…

传统的原生App开发模式，有iOS和aOS两大系统，需要各自语言开发各自App。 移动端的网站，常被称为H5应用，说白了就是特定运行在移动端浏览器上的网站应用。一般泛指 SPA(Single Page Application)模式开发出的网站，与MPA（Multi-page A…

从 cpu 聊起 cpu (central process) 是计算机的大脑，它提供了一套指令集，我们写的程序最终会通过 cpu 指令来控制的计算机的运行。 cpu 会对指令进行译码，然后通过逻辑电路

由于现在开发中，前端可以负责的范围越来越大，早已不是仅限制于网页。像 App、小程序、甚至桌面应用，都可以使用前端技术来开发。 所以原来通过前端写 Demo，后端套数据的模式早就无法支持现代多元化前端开发。 前端工程化就是在这个背景下成为了受人重视的技术，并且是目前前端开发必备…

有群友问我，使用 CSS 如何实现如下 Loading 效果： 这是一个非常有意思的问题。 我们知道，使用 CSS，我们可以非常轻松的实现这样一个动画效果： 动画如下： 与要求的线条 loading

Axios 相信对Vue熟悉的铁汁对它不会感到陌生了，这简直就是前端近年来的一大杀器，使用人数一直不断上涨。

从React Hooks发布以来，整个社区都以积极的态度去拥抱它、学习它。期间也涌现了很多关于React Hooks 源码解析的文章。本文（基于v16.8.6）就以笔者自己的角度来写一篇属于自己的文章吧。希望可以深入浅出、图文并茂的帮助大家对React Hooks的实现原理进行…

知足则不辱，知止则不殆。——老子 我们在看一些前端优化规则的时候，比如雅虎军规等等，都有看到 style 写在 head 中，但是外链 script 写在 body 的最后，以优化性能，都知道应该怎么做，但是不知道其中的原理。 如果还不知道浏览器渲染的原理的，看一看浏览器渲染原…

网上的面试题一大堆，鱼龙混杂，一方面多数题目质量不高，另一方面有答案的很少，即使拿到面试题对自己的帮助也不大。 最近我花了一些时间，为大家整理了2020年各一、二线互联网公司的前端面试题，内容包括JavaScript、算法、网络&安全、Vue、React等大量的前端知识点和相关…