你可能已经构建和使用REST API一段时间了，并且最近开始听说GraphQL--一种新型的API技术。有些人说它很好，但一些人并不认同。那么，我相信你肯定很想知道GraphQL让人惊奇的地方在哪和它与传统方法有什么不一样。 这篇文章的目的是指出GraphQL相关的主要功能和讨…

最近看了一篇文章《JS一定要放在Body的最底部么？聊聊浏览器的渲染机制》.从一道面试题说起,然后剖析了浏览器的加载和渲染机制. 在没有看过文章之前,估计我会回答为了是加快浏览器对页面的渲染.但是是哪个步骤,哪个时刻加速了就不得而知了.看过了这篇文章,大致了解了浏览器的加载和渲…

深入学习一个框架最直接的方式，就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架，它设计简单，没有引入任何新的概念，一个组件就是一个方法或一个类。 但是要完整弄明白React的源码并不简单，React的代码有数万行，特别是在引入Fiber架构后，在React简单…

相信各位github资深玩家们都有自己基于 github pages 搭建的个人站点。官方推荐的静态站点生成器是 Jekyll，关于 Jekyll 的使用感兴趣的各位请自行 google，这里就不赘述了。本文主要介绍下基于 Create-React-App 搭建个人博客的相关实…

上一篇文章我们讨论了，状态码304和与http缓存相关的头部，cache-control(res)、expires(res)、etag(res)、If-None-Match(req)、Last-Modified(res)、If-Modified-Since(req)。通过上两篇…

1. 1 什么是WebPack webpack 是一个现代 JavaScript 应用程序的静态模块打包工具：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并生成一个或多个 bundl…

对网页加载速度影响最大的就是图片，一张普通的图片可能会有好几 M 的大小，当图片很多时，网页的加载速度变得很缓慢。 为了优化网页性能以及用户体验，我们对图片进行懒加载。 懒加载是一种对网页性能优化的方式，它的原理是优先加载在可视区域内的图片，而不一次性加载所以图片。当浏览器滚动…