WebSocket的出现，使得浏览器具备了实时双向通信的能力。本文由浅入深，介绍了WebSocket如何建立连接、交换数据的细节，以及数据帧的格式。此外，还简要介绍了针对WebSocket的安全攻击，以及协议是如何抵御类似攻击的。 HTML5开始提供的一种浏览器与服务器进行全双…

其实这个过程从用户的角度来说，其实无非就是连接上了，发送消息呗。

XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个"表单".比起普通的ajax,…

首先欢迎大家关注我的Github博客，也算是对我的一点鼓励，毕竟写东西没法获得变现，能坚持下去也是靠的是自己的热情和大家的鼓励。 国内前端算是属于Vue与React两分天下，提到Vue，最令人印象深刻的就是双向绑定了，想要深入的理解双向绑定，最重要的就是明白响应式数据的原理。这…

对于这个特性的更改，我的感触还是很深的：每当删除或者添加函数末尾参数时，你不得不在前一个参数的后面删除或者添加逗号。这种操作很逆天。 翻翻文档，其实早在ES5时代已经支持对象尾后逗号的书写，但是在JSON中是不允许尾后逗号的。 看到这个方法，我们不难会想起在此之前会通过什么方法…

研发的同学，其实很多人并没有深入了解SEO这个概念。在技术博客里，提及这一块的也寥寥无几。我今天就拿自己的经验，简单给大家扫个盲，有什么遗漏的地方，欢迎大家补充。 其实搜索引擎做的工作是相当复杂的，我们这里简单说一下大致的过程。后续针对SEO如何优化，也会根据这几个点展开描述。…

随着我们解决的场景越来越专业化和复杂化，大型SPA应用的流行，前端承担的职责越来越多。代码的质量和系统的完整性越来越难把握。很容易导致迭代着迭代着发现代码改不动了。最后只能新起炉灶，重新开发。归根到底在于复杂度的失控，本文会尝试分析其中的问题以及从前端如何应用领域模型开发的角度…

通常又被称为 发布-订阅者模式 或 消息机制，它定义了对象间的一种一对多的依赖关系，只要当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新，解决了主体对象与观察者之间功能的耦合，即一个对象状态改变给其他对象通知的问题。 这样是不是清晰了很多~诸如此类的案例还有…

这篇文章就是专门总结 reduce 方法的，这个方法大有可研究的地方，值得大家 get 它并去同手实践一下。