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

Unsplash 01 Symbol Symbol 为独一无二的值，当 Symbol 值作为对象的属性名的时候，不能用点运算符获取对应的值，因为用点运算符的话，会导致 JavaScript 把后面的属性名为理解为一个字符串类型，而不是 S ...

轮播图是项目中非常常见的一个效果，平时我们可能都会用别人写好的插件，但是必要的时候也需要自己手写，尤其是需要掌握下其中的实现原理。 一、需求 1.实现渐隐渐显自动轮播效果 2.鼠标移入：显示左右切换箭头，停止自动轮播 3.鼠标离开：隐藏左右 ...

Unsplash 信息输出 // 普通信息 console.log("normal") // 提示性信息 console.info("information") // 错误信息 console.error("error") // 警示信息 ...

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

项目背景 在日常开发中，经常遇到分段Tab的使用场景。不同场景，需求不同，有的需要带动画，有的需要带角标，有的需要遮罩动画。这里会提供一个综合的ZHXTabView,满足以上需求。 效果展示 1.基础用法 基本使用.gif 2.带角标 带角 ...

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

距离 第一次听到 节流与防抖 已经过去两年的时间，最近也是新看到一道题重新复习下老的知识点，并且提出新的解决方案。 # 先温习一下之前已经知道的经典方法： // 节流 高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率 ex ...

用JavaScript处理图像可能非常困难且繁琐。幸运的是，有许多库可以使事情变得简单得多。以下就是我最喜欢的一些图片处理库。如果发现有 ...

准备工作 首先确认自己的 MacOS 上已经安装了 gcc： gcc --version 可以看到版本号： kindem@JohndeMacBook-Pro ~ % gcc --version Configured with: --pref ...