offset系列相关属性可以动态地获取该元素的位置(偏移)、大小等，通过client相关的属性可以动态地得到该元素的边框大小，元素大小等，使用scroll系列相关属性可以动态获得该元素的大小、滚动距离

教你如何通过饿了么大前端的面试, 职位是 2~3 年经验的 Node.js 服务端程序员

Babel 是目前最常用的 JavaScript 编译器。能够编译 JS 代码，使得代码能够正常的在旧版本的浏览器上面运行；还能够转化 JSX 语法，使得 react 写的代码能够正常运行。 下面，按照编译原理来实现一个简单的 JS 代码编译器，实现把 ES6 代码转化成 ES…

XX注：顺着这个例子，XX觉得这样有利于玩家随时了解当前升级情况，有利于一些战术操作从而给对方一个惊喜，或是判断当前场上局势，或者只是单纯地告诉玩家，很快就要升级了再加油补几个兵。 细节，上午场也有提到“细节”。在帮助引导系统中，通过不打扰用户的情况下，提供一些小细节给用户带来…

无论是分布式计算系统、服务端应用程序还是 iOS、Android 原生应用都会存在内存泄漏问题，Web 应用自然也不可避免地存在着类似的问题。虽然因为网页往往都是即用即走，较少地存在某个网页长期运行的问题，即使存在内存泄漏可能表现地也不明显；但是在某些数据展示型的，需要长期运行…

Rem布局的原理解析

作为一个移动端初学者、爱好者，能使用前端技术开发原生游戏一直是一件渴望而不可及的事情，暂且不说游戏逻辑的复杂度，算法的健壮性，单单是场景、画布、布局就让我们无处下手。 几年前曾经参与 Appcan 技术的技术孵化和推广，尝试使用 Hybrid 技术写过一个小游戏，《Hybrid…

前段时间，在公司做了个 Webpack 的分享。听众40多人，感觉还不错。所以总结一下，先看一下ppt的目录： 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建…

现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…