全部文章
共 1299 篇文章
教你用Axios实现无感知双Token刷新
在现代系统中，Token认证已成为保障用户安全的标准做法。然而，尽管许多系统采用了这种认证方式，却在处理Token刷新方面存在不足，导致用户体验不佳。随着Token有效期的缩短，频繁的重新登录成为常见现象，许多系统未能提供一种无缝的、用户无感知的Token刷新机制。通过结合Vue3和Axios这两大前端技术栈，我们可以借助Promise机制，开发出一种更加完善的自动化Token刷新方案，显著提升系统的稳定性和用户体验。本文将深入探讨这一...
用Zustand实现组件级状态管理的最佳实践
在前文中，我们介绍了Zustand这个简单、易用、轻量的状态管理框架。 通常情况下，状态管理通常都是全局的，可以在应用的任意地方访问。然而，这样的做法是否真的符合最佳实践呢？如果从马克思的角度来看，任何片面的观点都是不全面的。事实上，有些时候我们只想创建页面级别或者组件级别的状态，而不是把所有状态都挂在全局。 全局状态的弊端 无效渲染 全局状态管理的一个明显弊端是它可能导致无效的渲染。全局状态通常是在React组件生命周期之外创建的，这...
Mac 使用Charles进行手机https抓包
前言 还不知道怎么用手机连内网地址进行测试？ 还不知道怎么用Charles抓手机HTTPS的包？ 希望下面会对你有些帮助。 操作指南 操作环境： 电脑系统：Mac OS 手机系统：iOS 12及以上/Android Charles版本：V4.5.6 第一步：安装Charles证书到Mac 1.启动Charles，选择Help SSL Proxying→Install Charles Root Certificate image.png...
MacOS下抓取APP的数据包
已于 2024 05 31 16:56:15 修改 于 2024 05 31 16:32:42 首次发布 版权声明：本文为博主原创文章，遵循 版权协议，转载请附上原文出处链接和本声明。 1\. 准备工具 Charles：一款网络抓包工具，它支持HTTP和 的监控。您可以使用Charles来查看应用程序发送和接收的所有数据。 ：Proxifier是一个代理软件，方便给没有设置代理的APP设置代理。 Charles 可以直接在 下载安装，可...
手把手教你实现一个摇摆的信息牌
HTML 部分 首先我们看到 部分。相关代码如下。 在这里声明了一些元素，比如 和 ，也包含一个 元素，表示一个独立的内容单元，通常用于包含独立的流内容（比如图片、图表、照片、代码等）。在这个示例中，它代表了一个咖啡店的招牌。这些元素形成了后面整个效果的基础骨架，有了这些，我们后面就可以为它们添加 样式。 这些元素一起形成了整个咖啡店招牌的结构，通过 样式和动画，创建了一个炫目而生动的效果。 CSS 部分 接下来就是 部分了。相关代码如...
React Native 版本升级从0.72到0.75
前言 从2023年6月22日React Native官方发布0.72.0至今，一年多的时间React Native官方已经陆续发布了0.73、0.74、0.75三个版本，故决定对公司项目做版本升级，以获得更好的性能和稳定性。 我们先看下这三个版本，带来了哪些新功能、新特性： React Native 0.73 新的调试器 ：增加了新的调试器，弃用旧版flipper调试工具，让调试过程更加高效顺畅。 稳定的符号链接支持: 简化您的开发工作...
uni-app和Node.js实现app更新功能
业务背景 打包 ， 之后，有时候紧急修复或修改 ，还需要走应用市场审核，往往审核时间就需要几天，如果是有bug需要升级就会很着急，有热更之后，可以避免应用市场长时间审核，用户很快就能收到更新。 整体思路： 要在uni app中实现app更新功能，并使用Node.js作为后端服务，可以按照以下思路和步骤进行： 1、后端服务 使用Express创建一个简单的Web服务器。 提供两个API接口: 用于检查是否有新版本。 用于下载app。 2、...
vue3的组件竟然还能“暂停”渲染！
有的时候我们想要 再去渲染一个组件，为了实现这个效果我们目前有几种实现方式： 将数据请求放到父组件去做，并且使用 控制拿到子组件后才去渲染子组件，然后将数据从父组件通过 传给子组件。 在子组件的 中请求数据，并且使用 在子组件的 最外层进行控制，只有拿到数据后才渲染子组件中的内容。 上面这两种方案都有各自的缺点，不够完美。最理想的方案是将从服务端获取数据的逻辑放在子组件中，并且在获取数据的期间让子组件 一下，先不去渲染，等到数据请求完成...
作为前端开发，如何调试线上代码
发布以后，线上报错了，咋办？有没有很恐慌？ 每次上线都战战兢兢得生怕出错，又得搞到凌晨一两点，烦死了？这是不是你的现状？作为一名资深程序员，我深知大家得不容易，所以今天奉上一本解决现场问题得法宝。具体如下： （方法千变万化，没有最好，只有更好，如果大家有更好得办法可以在评论区共同探讨，共同成长，谢谢！） 上线以后，为什么会出现问题？ 问题来源有2种： 1.现场数据更加复杂，在uat测试阶段，由于数据相对比较简单，测试人员得临界值设定得并...