最近项目优化的时候发现了一个巨大的累赘：一个78kb的gif动态图： 这个动图是干嘛用的呢？就是在请求一些大面积数据等情况时显示一个我们网站的镂空Logo，然后会出现一些金黄色的液体像水漫金山...

面向对象编程(OOP)：具有灵活性，代码可复用性，高度模块化等特点。 1.对象是单个实物的抽象。 2.对象是一个容器，封装了对应属性和方法。 属性是对象的状态，方法是对象的行为。 需要一个模版（表示一类实物的共同特征），让对象生成。 类（class）就是对象的模版。 js不是基…

要看清node中间层在整个服务承担什么角色，首先我们要跳出前端的视野，把自己视角提示一个level —— 去鸟瞰整个项目。 互联网时代其实就是信息时代，我们都是在利用数据交换，来产生价值。 一个最简单的数据流，前端-->后端-->数据库。 在这个原始的流程之间，我们有很多事情可…

自从几年前 Webpack 替换掉了 Gulp、Grunt 后，我们可以明显看到前端项目的工程复杂度越来越高，前端技术迭代速度也越来越快。 大厂也好、培训班也罢，都针对 Webpack、Babel 、ESLint 前端工程工具三巨头贡献出了数不胜数分享和案例。 但是随之而来的是…

基础笔记的github地址：https://github.com/qiqihaobenben/Front-End-Basics ,可以watch,也可以star。 这是我的第一篇翻译文章，想看这篇文章的时候，发现没有中文翻译版，无奈去读了英文版，读完发现可以试试翻译出来。 本人…

记录一个从枯燥学习 GraphQL 的过程，到发现项目 Gitter，模仿项目 Github-Trending-API，最后做一个自己的学习项目 Github-Trending-GraphQL。 一开始我是这样想的，最后我是这样做的，复盘整个学习过程。 graphql 是什么？…

年底了，开始变得浮躁，看书看不下去了，代码也不太想写，刚好简短回顾一下 2018 年的得失收获。 1. 2018 年终总结（流水账） 年初比较闲，只做了一两个小项目，看了两本 JS 基础方面的书，后来一段时间忙于换工作的事，短暂就职于研究所；虽然收入大幅度增加，但是环境包括氛围…

时至 2019 年，这是一份基于最新技术的前端性能优化的总结：安排、提升效率、静态文件、build 优化、加载优化、HTTP/2、测试与监控等等 可下载 PDF、Apple Pages、MS Word 版本哦！

在这篇文章中，你将学习两种在JavaScript（ES6）中创建变量的新方法，let和const。 在此过程中，我们将研究var，let和const之间的差异，以及函数与块级作用域，变量提升和不变性等主题。 ES2015（或ES6）引入了两种创建变量的新方法，let和const…