vue3的组件竟然还能“暂停”渲染！
有的时候我们想要 再去渲染一个组件，为了实现这个效果我们目前有几种实现方式： 将数据请求放到父组件去做，并且使用 控制拿到子组件后才去渲染子组件，然后将数据从父组件通过 传给子组件。 在子组件的 中请求数据，并且使用 在子组件的 最外层进行控制，只有拿到数据后才渲染子组件中的内容。 上面这两种方案都有各自的缺点，不够完美。最理想的方案是将从服务端获取数据的逻辑放在子组件中，并且在获取数据的期间让子组件 一下，先不去渲染，等到数据请求完成...
作为前端开发，如何调试线上代码
发布以后，线上报错了，咋办？有没有很恐慌？ 每次上线都战战兢兢得生怕出错，又得搞到凌晨一两点，烦死了？这是不是你的现状？作为一名资深程序员，我深知大家得不容易，所以今天奉上一本解决现场问题得法宝。具体如下： （方法千变万化，没有最好，只有更好，如果大家有更好得办法可以在评论区共同探讨，共同成长，谢谢！） 上线以后，为什么会出现问题？ 问题来源有2种： 1.现场数据更加复杂，在uat测试阶段，由于数据相对比较简单，测试人员得临界值设定得并...
最全的 ESLint 配置流程来了
在前端开发中，代码质量和一致性至关重要。 「ESLint」 是帮助你提升代码质量的关键工具，尤其是在使用 「Vue」 和 「React」 进行开发时，合理配置和使用 ESLint 能够大幅提升开发效率和代码质量。但是，你知道如何在 「VSCode」 中无缝集成 ESLint，并让它自动为你提示和修复代码问题吗？如果还不清楚，赶紧学习，否则你可能已经落后了！ 目前您可能还用不到这篇文章，不过可以先收藏起来。希望将来它能为您提供所需的帮助！...
前端如何实现图片马赛克
在我开发我的个人开源项目 时，需要加一个图片马赛克绘制功能，在这里分享我的实现方式，希望对大家所有启发。 本文要求你最好有一定的canvas知识储备 ，没有也没关系，我会详细介绍相关api。 示例（ 可使用鼠标在图片上绘制马赛克 ）： 马赛克，指现行广为使用的一种图像处理手段，此手段将影像特定区域的色阶细节劣化并造成色块打乱的效果，因为这种模糊看上去有一个个的小格子组成，便形象的称这种画面为马赛克。其目的通常是使之无法辨认。 ——摘自百...
前端数据监控平台
比如客户说：你们的页面咋白屏了？ 开发：具体可以给我说一下，白屏之前你做了什么吗？ 客户：我就点了一下按钮 开发：你能告诉我是哪个页面的哪个按钮吗？ 最后，客户极其不耐烦的地丢过来一张没有缺少url的白屏给你看，试图证明他说的是真的，真白屏了。 最后不再理睬你！ 开发人员试图找到解决方案，想快速解决线上bug，但是客户却以为你在质疑他。 真的有点秀才遇上兵有理说不清，其实真的没有谁对谁错，只是双方立场不同，作为客户，你的系统bug了，我...
小程序录音实现
最近的项目开发中做了一个微信小程序录音的功能，遇到了一些问题，是如何解决的？ 本文会从两种解决方案（微信小程序录音API/H5录音嵌入webview中），从优点、难点、缺陷、实现等进行讲解，并附有代码。 微信小程序 API 创建全局的唯一录音器，可以在当前页面或者小程序内其他页面操作，不影响录音运行。 缺陷 1. 熄屏 、 锁屏后 会停止录音 2. 切换 APP 也会停止录音 3. 小程序进入后台并被「挂起」后，如果很长时间（目前是 3...
网络-navigator.sendBeacon前言
navigator.sendBeacon 是浏览器的 API，用于在浏览器后台发送异步请求,它不会等服务端响应。 它可以用于在页面卸载或关闭的时候，发送数据，以及在不阻塞页面卸载的情况下发送数据。 使用 方法发送的请求是异步的，不会阻塞页面的卸载或关闭过程。 这对于需要在用户离开页面之前发送数据的情况非常有用。 优点 不受页面卸载过程的影响，确保数据可靠发送。 普通的 请求如 和 在页面关闭或者刷新、前进、后退等操作时 , 这些请求有可...
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： 方括号 方括号...