数据请求是我们开发中非常重要的一环，如何优雅地进行抽象处理，不是一件很容易的事情，也是经常被忽略的事情，处理不好的话，重复的代码散落在各处，维护成本极高。 所以我们需要好好梳理下数据请求涉及到哪些方面，对它有整体的管控，从而设计出扩展性高的方案。 下面我们以 axios 这个请…

真的有段时间没写博客了，因为过去的一段时间工作实在是太忙了😅，但忙也有忙的好处，在整个过程中自己的学习也非常快，在忙碌中充实自己，学习一些新的知识。因为刚刚实现了纯Flutter端的IM功能（太TM难了！🤣）在整个实现过程中，把自己对UI方面的一些理解写成blog。今天！给…

WebSocket 技术已经逐渐成熟，在生产环境下也已经带给我们非常多的便利。本文首先会努力阐明 WebSocket 的基本原理，然后会结合实际叙述如何使用它。 首先需要明确的是 WebSocket 的定位。WebSocket 是建立在 HTTP 基础上，为客户端与服务端之间提…

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

好了，看完了特点，那就......

要进行文章中的代码的测试,需要服务端端开发人员配合你,提供相关的通信接口.来完成客户端和服务端的通信.实现通信,我们需要用到另个模块sockjs-client模块和stomjs模块,接下来我会先对这两个模块做一个简单的介绍. ajax轮询的原理非常简单,让浏览器每隔几秒就像服务…

近期抽时间对 React hooks 系统的学习了一下，发现真香，根本停不下来，分享一下用了将近一年的心得。 useState 返回值为一个数组，数组的第一个参数为我们需要使用的 state，第二个参数为一个 setFn。 不要在循环、条件或嵌套函数中调用 Hook。 所以总结…

这几天 Vue 3.0 Beta 版本发布了，本以为是皆大欢喜的一件事情，但是论坛里还是看到了很多反对的声音。主流的反对论点大概有如下几点： 在我看来，Vue 黑暗的一天还远远没有过去，很多人其实并没有认真的去看 Vue-Composition-Api 文档中的 动机 章节，本…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…