WebSocket 是什么 WebSocket 解决了什么 WebSocket 的使用 【客户端】 【服务端】 可以参考 npm version](http://badge.fury.io/js/we

Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。 是要增加自己技术的深度，也就是懂得JavaScript的运行机制。 现在在前端领域各种技术层出不穷，掌握底层原理，可以让自己以不变，…

1. 内容概要 2. JavaScript 位运算 2.1. Number 在讲位运算之前，首先简单看下 JavaScript 中的 Number，下文需要用到。 也就是说一个数字的范围只能在 -(2^53 -1) 至 2^53 -1 之间。 好了，Number 就说这么多，接…

策略模式 （Strategy Pattern）又称政策模式，其定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。封装的策略算法一般是独立的，策略模式根据输入来调整采用哪个算法。关键是策略的实现和使用分离。 1. 你曾见过的策略模式 现在电子产品种类繁多，尺寸多种多…

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 嗯，这样看起来…

详细介绍了浏览器中的 microtask 和 macrotask 的区别，如果你感到疑问，欢迎留言讨论。另外由于博主水平有限，所以如果文章中有错误的地方，恳请斧正！

在业务开发过程中，我们经常会重复使用日期格式化、cookie 操作、模板、浏览器判断、类型判断等功能。为了避免不同项目之间进行复制粘贴，可以将这些常用的函数封装到一起并发布 npm 包。在将近三年的前端开发工作中，笔者将自己平时用到的工具库统统封装到了一个项目中 Licia。

昨天在浏览 Babel 网站时，看到它的 blog 有一篇新的文章，说 Babel 发布了新的代码支持 class 的私有属性和方法。 这着实让我头脑混乱，到底在哪可以了解到最新的规范？而这些规范又是否被支持？支持到什么程度？完全没有头绪。 自从 ES6 规范发布以来，带来很多…

1. 生成随机ID 2. 每秒更新当前时间 3. 生成随机 16 进制 颜色 码 如 # ffffff 4. 返回键盘 5. 优雅的取整 7. 五种方法实现值交换 8. 实现深拷贝 9. 去掉小数部分 10. 递归求阶乘 11. 打印试试 12. console美化