此文研究页面中的图片资源的加载和渲染时机，使得我们能更好的管理图片资源，避免不必要的流量和提高用户体验。 要研究图片资源的加载和渲染，我们先要了解浏览器的工作原理。以Webkit引擎的工作流程为例： 从上图可看出，浏览器加载一个HTML页面后进行如下操作： 解析HTML —> …

最近在对前端互动游戏技术一些学习和探索，恰逢上一个小游戏使用了 CreateJS 技术，借此文对其使用做一次备忘，同时让想用 CreateJS 写小游戏的同学可以快速上手。 笔记基于最新1.0版本，有不少地方和网上老教程不一致，同时也建使用最新版本，主要内容如下： 简介 Cre…

一天造一个轮子，干就完了。 时间旅行就是让程序可以在自己历史状态里面任意穿梭，想想Office和PS软件中的Undo和Redo就知道。再想想王者荣耀的录像功能。 时间旅行实际上就是设计模式中的备忘录模式。这个到我们可以练习设计模式的时候再升华，先不在这里强行渡劫。 首先Redu…

大家好，我是神三元。 上次出了服务端渲染的文章，获得了很多大佬的点赞评论，非常开心。之后一段时间有人问我为什么突然在掘金消失了，其实也并没有，这个社区还是经常在关注的，不过，更重要的是，这段时间淡出大家的视野，我决定开始沉淀一些技术上的东西，把之前学到的一些技术栈和对前端工程的…

关于代码风格，我们很难区分谁对谁错，不同的人有不同偏好，唯有强制要求才能规避争论。 本文将介绍，如何使用ESLint + Prettier来统一我们的前端代码风格（这里以React项目为例）。 Prettier是一个流行的代码格式化工具的名称，它能够解析代码，使用你自己设定的规…

另外之前也整理了 《ES6/ES7/ES8/ES9系列》，可以一起看哈。 1. 可选的 catch 绑定 在 ECMAScript2019 最新提案中，支持我们在使用 try catch 错误异常处理时，选择性的给 catch 传入参数。 即我们可以不传入 catch 参数。 …

我今天来讲解下利用github page是来部署你的前端项目。 注意这里是新建普通仓库，不需要创建github.io类型的仓库，关于github.io类型仓库如果读者还不了解可自行百度了解，这里提供笔者利用github.io+hexo搭建的Flutter进阶之旅专栏给大家参考F…

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…

首先我们先了解一下什么是执行上下文栈（Execution context stack）。 上面这张图来自于mdn，分别展示了栈、堆和队列，其中栈就是我们所说的执行上下文栈；堆是用于存储对象这种复杂类型，我们复制对象的地址引用就是这个堆内存的地址；队列就是异步队列，用于event…