一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

凡是搞前端开发的或者玩 JavaScript 的同学都知道，原型对象和原型链是 JavaScript 中最为重要的知识点之一，也是前端面试必问的题目，所以，掌握好原型和原型链势在必行。因此，我会用两篇文章(甚至更多)来分别讲解原型对象以及原型链。 在上一篇文章中，我们详细介绍了…

在这里我们将实现一个基于窗口宽度的自适应布局，并且实现方法极为简单，不用在 HTML 文件中添加那些复杂的类名（col-sm-4、col-md-8 之类的），也不需要为各种屏幕尺寸添加媒体查询。 我们使用下面的 HTML 模板： 和 CSS： 关于 Grid 栅格系统，可以看看…

在 JavaScript 中有一些问题会被拿出来经常讨论，这些问题每个人都有不同的思路，想要理解这些问题，最好的方法就是自己实现一遍，话不多说，开始正题。 数组扁平化有很多方法，但最终最好的方法就是递归，实现一个指定深度的扁平化方法，这样基本的套路都会了解。 递归实现很简洁易懂…

是由JS的用途决定的，其用途主要是与用户互动，以及操作DOM，如果不是单线程的话会带来很复杂的同步问题。比如：如果是多线程的话，一个用户新建一个DOM，另一个用户删除同一个DOM，该如何处理将变得非常麻烦。 在html5中提出了web worker（todo 改天添加web w…

~* \.(js|css|png|jpg|gif)$ 是匹配以相关文件类型然后单独处理。 = 表示精确匹配。只有请求的url路径与后面的字符串完全相等时，才会命中（优先级最高）。 ^~ 表示如果该符号后面的字符是最佳匹配，采用该规则，不再进行后续的查找。 ~ 表示该规则是使用正…

这里先不关心执行结果。磨刀不误砍柴功，先了解一下函数执行上下文堆栈的概念。相信弄明白了下面的概念，一切也就水落石出了。 我们都知道，浏览器中的JS解释器被实现为单线程，这也就意味着同一时间只能发生一件事情，其他的行为或事件将会被放在叫做执行栈里面排队。下面的图是单线程栈的抽象视…

本文是阅读《图解http》之后的总结，可能会很长。PS：这本书通俗易懂，适合前端工程师阅读，是非常优秀的http入门书籍。 当你看到这篇文章，我默认你已经稍微了解什么是http(超文本传输协议)，url(统一资源定位符)，常用状态码等。当然这也是我们工作中每天都在接触的 AJ…

题目：有一个aaa.js文件，它里面有如下操作，从终端提示用户输入一项目名，然后读取下，在当前目录下，创建这目录，并且生成一个package.json,里面有两个依赖。要通过npm i安装react react-dom;最后终端通知你安装完毕。 只允许用户执行一次node aaa