GeoLibra

本篇文章来自Youtube上的一个视频，觉得讲得相对不错。链接如下：https://www.youtube.com/watch?v=aZjYr87r1b8 简单来说：按照时钟方向分，disk由很多个sector组成，编号为0-N。按照从外到内分，disk又由多个track组成，…

缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。 对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤…

GitDataV，是一个github“大数据可视化平台”，通过它你可以更直观的看到你在github里的一些数据，（之所以打双引号，是因为我觉得这个还没到大数据可视化的程度）。其实我在 上篇文章 分享的时候已经提到了这个想法，通过github提供的接口，做一个自己的“大数据分析页…

目前前后端的通信一般都是通过协议来完成的，这里介绍和前端开发相关的各类协议。 HTTP 协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写，是万维网的数据通信的基础。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法，现在基本上…

ps: 本文涉及到部分后端知识, 需要有一丢丢的 nodejs koa 基础. 主要用于搭建一个 web 服务器, 当然没有基础也没啥关系, 先去 node koa 官网看看. 回不回来??? 继续上一步, 本文只会创建一个后端项目. 所以不需要在 ./fe 目录下创建前端项目…

由于本人最近在做一些 growth hacking 的工作，业务上以后可能也会涉及去做一些能够在朋友圈火爆分享的 H5 页面，突然想到去年看到一个网易娱乐年度新闻盘点的 H5 页面非常的新颖，采用画中画的形式依次串联十多个手绘娱乐图片，加上洗脑的“好运来”音乐，让人有很大的分享…

现在的网络上已经有各样关于 ECMAScript 规范介绍和分析的文章，而我自己重新学习一遍这些规范，整理出这么一份笔记，比较精简，主要内容涵盖ES6、ES7、ES8、ES9，后续会增加面试题，框架入门等笔记，欢迎吐槽交流。 这份资料的ES6部分将会参考阮一峰老师的 ECMAS…

1. 粒子系统的共性 1. 创建 canvas 画布。 2. 初始化粒子（创建粒子形状，确定粒子的起始位置）。 3. 绘制粒子到画布。 4. 定义粒子的运动方式（即粒子的运动动画）。 5. 控制动画的播放与暂停。 6. 清除画布。 1. 创建 canvas 画布。 （基类完成）…

前面翻到了http缓存相关内容，关于强制缓存和协商缓存，他们之间的差别可能大家比较清楚。 相关文章多且全，这里不再赘述。 本文就会去探究下不同行为下的浏览器缓存表现。也就是f5到底刷新了哪些内容 Cache-Control、Expires、ETag、If-Match、If-No…