在我们日常开发的时候，可能会遇到各种各样的需求，但是自己一时半会儿可能找不到合适的办法去解决。书到用时方恨少，下面的这些JavaScript的工具函数可能就会派上大用场了，我们可以进行复用，提高我们的工作效率。 我把下面的方法都大致分了个类放在了我的GitHub上。大家可以cl…

原本只想筛选下上面的那篇文章，在精简掉了部分多余且无用的工具函数后，感觉不够。于是顺藤摸瓜，找到了原地址： 30 seconds of code 然后将所有代码段都看了遍，筛选了以下一百多段代码片段，并加入了部分自己的理解。 另外，本文工具函数的命名非常值得借鉴。 1. 第一部…

上篇文章详细解析了原型、原型链的相关知识点，这篇文章讲的是和原型链有密切关联的继承，它是前端基础中很重要的一个知识点，它对于代码复用来说非常有用，本篇将详细解析JS中的各种继承方式和优缺点进行，希望看完本篇文章能够对继承以及相关概念理解的更为透彻。 继承是一个类从另一个类获取方…

每一个构造函数都有一个prototype的属性，它指向一个对象。这个对象的所有属性和方法都会被这个构造函数的实例化对象所继承。（暂时不考虑继承的概念） 上面的例子也说明了原型存在的意义。在构造函数没有prototype属性的时候。构造函数中的属性和方法无法被实例化的对象共享。换…

最近在整理生活的过程中，遇到了几个问题，我身边的大多数人是不太清楚前端是如何进阶的。 比如他不是很明确怎么才算中级工程师，怎么才算高级工程师，怎么算p5，怎么算p6。所以我在整理一份前端进阶体系表（20%）。因为东西实在太多了。举个例子，类似下面这种。 如果你觉得你需要的话，请…

js 中对数组操作比比皆是，不管是单纯前端操作数组变量，还是后台返回的数组形式接口数据，都需要用到数组一些方法操作数组。不知道大家是不是和我一样经常忘记或混乱数组一些方法，什么 find()，some()，reduce()等等，还有哪些会改变原始数组哪些返回新数组，真是一头雾水…

在前端面试中，有一道经典的面试题：请描述一下从url输入到页面渲染的过程。这道题很考察候选人的能力和知识深度， 今天我们以这个问题为基础，讲一下在此过程中能做哪些优化。 接下来是 TCP 握手，应用层会下发数据给传输层，这里 TCP 协议会指明两端的端口号，然后下发给网络层。网…