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

这两三年我自学了一些前端知识，有幸在一个小型团队里经历了从 0 建设前端项目的整个过程。这期写写我在这次经历中的一些体会吧。 代码规范 基建的第一点自然是代码风格了，我记得早些年网上没事还在争吵 tab 是两个空格还是四个空格的问题。虽然听 ...

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

TypeScript interface vs type aliases 在大多数情况下，interface和类型别名并没有太大的区别。但是，它们有一些微妙的区别。 其中一个区别就是interface会创建一个新的类型名称，并且可以在任何地 ...

js为什么是单线程？ 主要是因为最开始javascript是单纯的服务于浏览器的一种脚步语言（那时候没有nodejs）。浏览器是为了渲染网页，通过dom与用户交互，如果一个线程需要给dom执行click事件，而另一个进程要删除这个dom，这 ...

原文地址：在 freeCodeCamp 中文社区阅读原文 The Deno Handbook 原文作者：Flavio Copes 原文发布时间：2020-05-12 译者：hylerrix（韩亦乐）, Yunkou（寇云） 校对者：hyl ...

数据驱动 Vue.js 的核心思想就是数据驱动。那么什么是数据驱动呢? 数据驱动就是视图由数据决定，数据作为主动。如我们谈到TDD 测试驱动开发，也就是以测试为主动开发。只要我们定义好了视图与数据的关系，那么我们前端开发人员就可以更专注数据 ...

Unsplash class 和 style 使用动态属性，使用驼峰式写法 v-if和 v-show v-if 不渲染不满足判断条件的模块，v-show 渲染但不显示，使用场景：是否多次切换或频繁更新条件状态 keep-alive 缓存组 ...

目录 获取PCM数据 处理PCM数据 Float32 转 Int16 ArrayBuffer 转 Base64 PCM文件播放 重采样 PCM转MP3 PCM转WAV 短时能量计算 Web Worker优化性能 音频存储(IndexedDB ...

React Hook是React函数式组件，它不仅仅有函数组件的特性，还带有React框架的特性。所以，官网文档多次强调： 只在 React 函数中调用 Hook 不要在普通的 JavaScript 函数中调用 Hook。你可以： ✅ 在 ...