小程序录音实现
最近的项目开发中做了一个微信小程序录音的功能，遇到了一些问题，是如何解决的？ 本文会从两种解决方案（微信小程序录音API/H5录音嵌入webview中），从优点、难点、缺陷、实现等进行讲解，并附有代码。 微信小程序 API 创建全局的唯一录音器，可以在当前页面或者小程序内其他页面操作，不影响录音运行。 缺陷 1. 熄屏 、 锁屏后 会停止录音 2. 切换 APP 也会停止录音 3. 小程序进入后台并被「挂起」后，如果很长时间（目前是 3...
ES2024|ES15已发布 前端可以判断表情包了？ 正则 “v” 标记成为亮点
This was approved on June 26th, 2024 by the Ecma GA. 2024 年 6 月 26 日，第 127 届 Ecma 大会批准了 ECMAScript 2024 语言规范，这意味着它现在正式成为标准。 项目地址： 文档地址： 在 JavaScript 正则表达式中， 标志是 标志的扩展，提供了一些新的功能，使得处理 Unicode 和字符类操作更加灵活和强大。本文将详细解读 标志的两大主要功...
前端学正则
语法 其中修饰符是可选的。 实例： /test/i 是一个正则表达式。 test 是一个 正则表达式主体 (用于检索)。 i 是一个 修饰符 (含义是搜索不区分大小写)。 正则表达式修饰符 修饰符 修饰符用于执行区分大小写和全局匹配: | 修饰符 | 描述 | | | | | | 执行对大小写不敏感的匹配。 | | | 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。 | | m | 执行多行匹配。 | 示例g： 方括号 方括号...
手写React-Lazyload
前言 平时网页中会有很多图片，图片有一个加载过程，很多情况，我们是不需要一开始直接加载的，当浏览器的视图滚动到图片时，开始加载可以节省网络资源，这就是我们常说的懒加载，当然CSR下的组件配合React.lazy的动态导入也是可以进行懒加载的。 思路 使用 IntersectionObserver API就可以实现懒加载的效果 我们可以用 IntersectionObserver 去监听需要懒加载的元素，当该元素滚动到视图区域时，请求该资...
axios中的那些天才代码
经常调接口的同学一定非常熟悉aixos下面的两种使用方式： axios(config) axios.post(url, config) 不知道各位大佬有没有思考过这样的问题： axios到底是个什么东西？我们为什么可以使用这两种方式请求接口呢？axios是怎么设计的？ 为了搞明白上面的问题，我们先按照传统思路仿照axios源码实现一个简单的axios。 手写一个简单的axios 创建一个构造函数 上面的代码中，我们实现了一个基本的Axi...
你真的以为虚拟dom会更快吗
那么部分直接背八股文的同学可能就会回答，虚拟dom性能高，速度快，然后就没有下文了，这种情况面试官在往深度一问可能一些同学就当场宕机了，那么针对虚拟dom，就引出了一些不得不说的问题了 dom工作原理 开始之前，我们来了解一下dom的工作原理，不知道大家是否好奇，们写的是js代码，但是浏览器是用c++写的，那么浏览器是如何处理的呢？比如下面这个代码，我们都知道它实际上是创建了一个div的dom结点 那么浏览器拿到这段代码做了什么了呢？...
Canvas星空类特效
思路 1. 绘制单个星星 2. 在画布批量随机绘制星星 3. 添加星星移动动画 4. 页面resize处理 Vanilla JavaScript实现 1. 初始化一个工程 2. 绘制单个星星 参考链接： 3. 在画布批量绘制星星 其实要绘制星星，我们只需要在画布上基于离屏画布来在指定位置将离屏画布渲染成图片即可，但是批量绘制以及后续的动画需要我们能记录每颗星星的位置、状态和行驶轨迹，所以可以考虑创建一个星星的类。 获取当前画布，批量添加...
IntersectionObserver + scrollIntoView 实现电梯导航
电梯导航也被称为锚点导航，当点击锚点元素时，页面内相应标记的元素滚动到视口。而且页面内元素滚动时相应锚点也会高亮。电梯导航一般把锚点放在左右两侧，类似电梯一样。常见的电梯导航效果如下，比如一些官方文档中： 之前可能会用 判断元素是否在视口中来实现类似效果，但现在有更方便的方法了，那就是 ，轻松实现电梯导航。 scrollIntoView() 介绍 方法会滚动元素的父容器，使元素出现在可视区域。默认是立即滚动，没有动画效果。 如果要添加动...
JavaScript 解析各类文本：读取 docx和csv和pdf和pptx 文本信息（解析word文本）
❀ 本文讲解使用 JavaScript 读取解析不同文件的实际使用案例展示。展示的内容有： ① JavaScript 读取 DOCX 文档；② JavaScript 解析 CSV 文件内容按照 json 格式输出； ③ JavaScript 解析渲染 PDF 文档；④ JavaScript 提取 PDF 文档的内容； ⑤ JavaScript 提取 PPTX 文件内容案例； ❀ 温馨提示：如果想深入了解每一个JS库，可以看...