归尘_

css盒子模型 又称为框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如下图： 图中的内层是content依次是padding border margin。通常我们设置背景时就是内容…

对于前端开发者来说，koa和xhr都再熟悉不过了。Koa 是Node.js 的 Web 框架。由 Express 团队设计。旨在提供一个更小型、更富有表现力、更可靠的 Web 应用和API的开发基础。XHR是用来向服务器发送请求的。但我们在使用它们的时候都是直接使用它们的API…

Go语言(又称Golang)结合了编译语言的运行速度与脚本语言的开发速度，是Google开发的一种静态强类型、编译型、并发型，并具有垃圾回收功能的编程语言。 go build可将.go文件编译成可执行文件，因为可执行文件打包了Golang的运行环境，所以文件变大了，且该可执行文…

目前，前端的主流Vue、React、Angular这些，他们都提供了有关路由的插件，一般来说，这些路由插件总是提供两种不同方式的路由方式： Hash 和 History。具体内容将会在下文中提到，下面就让我们围绕这两种方式来简单手写一个路由： 这样，hash模式的路由就基本实现…

从字面上理解，this好像是“这里”的意思，因此我们常常认为this在哪个词法作用域里面，this就指向这个作用域。可是总有那么一天，你会发现结果与我们的思考背道而驰，这时，this对我们来说完全就是一种魔法了！ 首先，当i>5时，我们就会调用foo()这个函数，在foo()函…

现代编程中前后端都已经是分开部署了，前端有自己的域，后端也有自己的域。由于浏览器同源策略的限制，非同源下的请求，就会产生跨域问题。解决跨域问题的方法有很多种，例如CORS(cross orign resources share)和JSONP。这里我就着重介绍一下jsonp的解决…

在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但是有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数，这会加重浏览器的负担，导致用户体验非常糟糕。因此我们可以采用debounce（防抖）的方式来解…

很容易可以看出，上述代码会依次输出1，2。因为代码是从上到下，依次执行，执行完f1()，才会执行f2()。但是如果f1()中的代码执行的是读取文件或者ajax操作呢，文件的读取都需要一定时间，难道我们需要完全等到文件完全读完再进行写操作么？为了解决这个问题，接下来我们来探究一下…