WebSocket简介 WebSocket是一种在客户端和服务器之间实现双向通信的网络协议。它通过在单个TCP连接上提供全双工通信功能，使得服务器可以主动向客户端推送数据，而不需要客户端发起请求。 W

首先自我介绍：我是一名前端开发工程师，7年的前端开发经验。CSDN 九段刀客_js,vue,ReactNative-CSDN博客,80多万的访问量，1万多的粉丝。 相信80%的程序员的终极梦想都是成为

某天，业务突然找到正在摸鱼🐟的我，说想要一个工具，支持在高德地图上绘制矩形，并且可以编辑矩形...

最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）

目前我们的应用很多是采用 createContainer 来管理状态的，实现逻辑和 unstated-next 类似，但是它依然存在 Context 状态变化时会渲染所有消费者组件的问题。

今天遇到一个很有趣的问题：「如何实现一个宽度自适应，高度为宽度的一半的矩形」。 经过搜索引擎的筛选和自己的反复试验,发现使用padding-bottom是最完美的解决方案。 首先我们要明白，padding-top/bottom和margin-top/bottom都是相对于父元素…

是否在开发过程中遇到以下痛点？ 1、本地环境与线上环境差异造成一些缺陷只能在线上环境复现？ 2、联调时每次切换环境总是要重启项目？ 3、接口环境突然崩了，无法继续进行调试？

我发现在同事和面试者中，很多中级或以上的前端都还停留在promise常规用法，但其实，promise还有很多巧妙的高级用法。

Performance 可以记录站点在运行过程中的性能数据，有了这些性能数据，我们就可以回放整个页面的执行过程，这样就方便我们来定位和诊断每个时间段内页面的运行情况......