安静的午后

本前端仔在写页面的时候，发现表单里面有一个省市区的 options 组件要写，因为表单很多地方都会用到这个地址选择，我便以为很简单嘛。 虽然很简单的一个功能，但是网络上能搜索到的教程大多都是需要配合

fabric真的是一个功能强大且简单易用的canvas工具，不仅提供可以自由交互的api以及灵活的动画api，而且即使你对canvas不甚了解，也可以快速学会如何使用fabric。

不是标题党，这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。

函数柯里化在许多应用程序中已经变得很普遍。 了解它们是什么，它们如何工作以及如何充分利用它们非常重要。 在数学和计算机科学中，柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。 该函数返回一个接收第三个参数的函数。 将之前接收到的三个参数应用于原普通函数…

无论你对async/await的立场如何，我都想向你说明，根据我的经验，为什么async/await往往会使代码复杂度更高，而不是更低。

前言 本文会介绍浏览器中帧（Frame）的概念，它的流程是怎么样的。 至于写这个文章的出发点在于，我好奇浏览器中像素工作流程是怎么样的，什么时候开始的，最后的结果是什么。 基于这些好奇，查阅了些外文资

URL 代表着是统一资源定位符（Uniform Resource Locator）。作用是为了告诉使用者 某个资源在 Web 上的地址。这个资源可以是一个 HTML 页面，一个 CSS 文档，一幅图像或一个猫片等等。上面我们请求猫片的URL就是 这里面细分，又可以分为好几个部分…

在使用JavaScript开发时， console 的使用率是非常高的。 但往往因为熟悉而忽略了很多有趣的玩法。 比如vue的开发者，通常会在chrome浏览器装上 Vue.js devtools 这款插件。在开发过程中，这款插件会在控制台打印以下内容。 这种输出其实并不是什么…

flex:1; width:0; flex:1=flex-grow:1 flex-shrink:1 flex-basis:0%; 当flex设置为 1 时 相当于 **剩余空间大小 = 父元素的宽度