全部文章
共 1306 篇文章
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测试阶段，由于数据相对比较简单，测试人员得临界值设定得并...
最全的 ESLint 配置流程来了
在前端开发中，代码质量和一致性至关重要。 「ESLint」 是帮助你提升代码质量的关键工具，尤其是在使用 「Vue」 和 「React」 进行开发时，合理配置和使用 ESLint 能够大幅提升开发效率和代码质量。但是，你知道如何在 「VSCode」 中无缝集成 ESLint，并让它自动为你提示和修复代码问题吗？如果还不清楚，赶紧学习，否则你可能已经落后了！ 目前您可能还用不到这篇文章，不过可以先收藏起来。希望将来它能为您提供所需的帮助！...
前端如何实现图片马赛克
在我开发我的个人开源项目 时，需要加一个图片马赛克绘制功能，在这里分享我的实现方式，希望对大家所有启发。 本文要求你最好有一定的canvas知识储备 ，没有也没关系，我会详细介绍相关api。 示例（ 可使用鼠标在图片上绘制马赛克 ）： 马赛克，指现行广为使用的一种图像处理手段，此手段将影像特定区域的色阶细节劣化并造成色块打乱的效果，因为这种模糊看上去有一个个的小格子组成，便形象的称这种画面为马赛克。其目的通常是使之无法辨认。 ——摘自百...