我们先看一下下面这张图： 1.gif 可以看到这是一个简易的聊天室，两个窗口的消息是实时发送与接收的，这个主要就是用我们今天要讲的websocket实现的。 websocket是什么？ websocket是一种网络通信协议，我们都知道htt ...

在整个流程上的优化 在 HTML 内实现 Loading 态或者骨架屏； 去掉外联 css； 缓存基础框架 - HTTP 缓存资源； 使用动态 polyfill； 使用 SplitChunksPlugin 拆分公共代码； 正确地使用 Web ...

众所周知，在ES6之前，前端是不存在类的语法糖，所以不能像其他语言一样用extends关键字就搞定继承关系，需要一些额外的方法来实现继承。下面就介绍一些常用的方法，红宝书已经概括的十分全面了，所以本文基本就是对红宝书继承篇章的笔记和梳理。 ...

项目中刚好有个需求让前端在页面上增加一个按钮，用户点击就可以将列表中的数据导出为Excel表格，在网上查了一下方法，大体思路都是需要安装三个插件以及拷贝两个文件，然后在页面中写入逻辑代码，感觉挺复杂的，所以研究了一下，总结了一个简单版本的解 ...

这是我第20篇简书。 1、组件通信 （1）父子通信 ① props-$emit ② $refs 短信验证码、图形验证码组件我经常用$refs this.$refs.captcha= 'xxx' ③ 子组件$children[0] 并不保证顺 ...

转载自https://overreacted.io/zh-hans/why-do-we-write-super-props/ 据说 Hooks 势头正盛，不过我还是想略带调侃地从 class 的有趣之处开始这篇博客。可还行？ 这些梗对于使 ...

随着 Web 开发进入 SPA 和 JAMstatck 时代，前后端分离已经成为大势所趋。几乎所有的 JavaScript 项目都需要跟 web service 或者后端 API 交互，用于认证或者获取用户数据。 所以当你在开发一个项目的时 ...

这是我第21篇简书。 主播你懂vue吗？讲的啥啊，一句也听不懂... 咳咳，进入正题。 源码知识图谱 Vue3新增了 Performance：性能更强，比Vue 2.0快了接近2倍。 Tree shaking support：可以将无用模块 ...

RxJS作为一个功能强大的事件处理库，其具备丰富的操作符，如何能将这些能力在快应用中发挥出来呢？本文对此做出了一些实践和尝试。 在快应用中使用 RxJS ## RxJS 介绍 备注：此文乃友情转载，原出自于在快应用中使用 RxJS。 Rx（ ...

js有几种经典的继承方式。比如原型链继承、构造函数继承、组合继承、寄生组合继承、ES6继承。让我们一一分析并实现。同时了解每种方案的优缺点。 其实js的继承本质上是通过原型链机制实现的扩展。不管是哪种继承方式，都是通过操作父类原型链和子类原 ...