小木木爸-优快云博客

原创 Fetch处理大模型流式数据请求与解析

为什么有的大模型可以一次返回多个data？：允许服务器连续发送多个 data: 行，每个代表一个独立的数据块。：大模型服务通常以流式响应方式返回数据，提高响应速度。：服务器可能将多个数据块打包发送，减少网络开销。

2024-12-30 15:10:17 992

标签的密码输入框自动填充问题，你可以采取多种方法，但需要注意的是，由于浏览器的实现差异，这些方法可能并不总是有效。以下是一些常见的策略：然而，一些现代浏览器可能会忽略这个属性，特别是当它们认为用户安全受到威胁时（例如，在登录表单中）。请记住，没有一种方法可以保证在所有情况下都有效，因为浏览器的自动填充行为是由它们的实现和用户的设置决定的。在尝试解决自动填充问题时，始终要权衡安全性和可用性。禁用自动填充可能会提高安全性（例如，防止跨站请求伪造攻击），但也可能降低用户体验（例如，需要用户手动输入更多信息）。

2024-10-31 21:06:57 1676

原创零宽字符应用场景及前端解决方案

零宽字符（Zero Width Characters）是一类在文本中不可见但具有特定功能的特殊字符。称为零宽字符，也叫幽灵字符。它们在显示时不占据任何空间，但在文本处理和显示中发挥着重要作用。这些字符主要包括零宽度空格、零宽度非连接符、零宽度连接符和零宽度无断行空格等。

2024-09-12 12:45:38 1727

原创 whistle抓包神器

打开 Chrome 扩展商店进行安装 https://chrome.google.com/webstore/detail/proxy-switchyomega/padekgcemlokbadohgkifijomclgjgif。上述命令会先全局安装 Whistle 的 npm 包后，启动 Whistle 并设置系统全局代理，以及安装系统根证书，目前一键安装只支持 Mac & Windows 系统，其它系统按照下面。再重新执行一键安装命令。设置 Whistle 代理。选择 Whistle 代理。

2024-09-11 09:45:46 998

原创 Whistle 客户端抓包工具

Whistle 客户端目前只支持 Mac 和 Windows 系统，如果需要在 Linux、 Docker、服务端等其它环境使用，可以用命令行版本：GitHub - avwo/whistle: HTTP, HTTP2, HTTPS, Websocket debugging proxy。安装和更新的方法是一样的，下面以安装过程为例：下载名为 Whistle-v版本号-win-x64.exe 最新版本号的安装包打开安装包可能会弹出以下对话框，点击、、按钮即可 Mac 有 Intel 和 M1 两种

2024-09-11 09:39:08 1436

原创 Canvas生成动画---显示一组彩色气泡

上创建和动画化一组彩色气泡。你可以根据需要调整气泡的数量、大小、颜色、速度等属性，以及边界反弹的行为。这个简单的例子展示了如何在。

2024-07-26 19:04:42 476

原创多行文本擦除效果

多行文本擦除效果是一种在网页设计中常用的视觉效果，主要通过CSS动画来实现。

2024-07-23 14:23:08 465

原创 TS中never类型的妙用

类型守卫是 TypeScript 中的一个功能，它允许你在运行时检查一个值是否属于某个类型，并相应地缩小其类型。注意，如果你试图将这个函数的结果赋值给一个变量或将其作为其他函数的返回值，TypeScript 会报错，因为它知道这个函数永远不会返回。当使用递归函数时，你可能有一个基本情况，当达到该情况时，函数不再递归调用自身。类型是一个特殊的类型，它表示的是那些永不存在的值的类型。当你有一个函数，它因为某些原因（如抛出一个错误）而永远不会正常返回时，你可以将其返回类型设置为。注意，在实际情况中，上面的。

2024-05-30 10:30:13 739

原创前端-防止水印被纂改

通过在前端展示的内容上添加水印，可以明确标识内容的版权信息，如作者、公司名或版权声明。这有助于防止内容被未经授权地复制、分发或篡改，并增强对原创内容的保护。：对于某些需要限制访问或使用的资源，如预览图片、试用软件等，前端水印可以作为一种简单的防止滥用的手段。通过添加水印，可以提醒用户不要将受限内容用于非法或未经授权的目的。：在前端添加的水印可以包含一些特定的信息，如用户ID、时间戳等，以便在后续追踪时能够确定内容的来源或使用情况。这对于分析内容传播路径、监测盗版行为或评估营销效果等方面非常有用。

2024-05-18 14:50:30 590

原创 CSS常用滤镜效果

CSS 提供了多种滤镜效果，可以通过filter属性应用于 HTML 元素。将图像转换为灰度图像。给图像应用色相旋转。值以度为单位。增加或减少图像的饱和度。增加或减少图像的亮度。增加或减少图像的对比度。反转图像的颜色。给图像应用模糊效果。

2024-05-13 17:48:02 790

原创 MathJax的基本使用

MathJax引擎是一个开源的JavaScript库，它允许Web开发者在网页中嵌入高质量的数学公式。通过利用Web的最新技术，MathJax引擎可以解析LaTeX、MathML和AsciiMath等数学标记语言，并将其渲染为可视化的数学公式，这些公式可以在各种浏览器和操作系统上流畅地显示。使用MathJax引擎，网页作者可以轻松地编写包含数学内容的文档，而无需担心用户的浏览器或操作系统是否能够正确显示这些数学公式。

2024-04-11 14:05:09 5776 1

原创软考＜信息系统项目管理＞挣值管理公式

计划值，又叫计划工作量的预算费用（BCWS，Budgeted Cost for Work Scheduled）。它表示在项目实施过程中某阶段计划要求完成的工作量所需的预算工时（或费用），即为计划工作分配的经批准的预算。

2024-03-30 15:41:37 1778

原创基于Axios封装请求---防止接口重复请求解决方案

重复发送请求可能导致页面长时间无响应或加载缓慢，从而影响用户的体验。特别是在网络不稳定或请求处理时间较长的情况下，这个问题尤为突出。：如果前端不限制重复请求，服务器可能会接收到大量的重复请求，这不仅增加了服务器的处理负担，还可能导致资源浪费。：对于某些操作，如表单提交，重复请求可能导致数据重复插入或更新，从而破坏数据的一致性。：在发送请求时，为请求设置一个唯一的标识符（如请求ID）。在请求处理过程中，可以通过检查该标识符来判断是否已存在相同的请求。如果存在，则取消或忽略重复请求。

2024-03-28 15:57:01 3030

原创设计模式-----观察者模式

总结：发布—订阅模式的优点非常明显，一为时间上的解耦，二为对象之间的解耦。创建订阅者本身要消耗一定的时间和内存，而且当你订阅一个消息后，也许此消息最后都未发生，但这个订阅者会始终存在于内存中。另外，发布—订阅模式虽然可以弱化对象之间的联系，但如果过度使用的话，对象和对象之间的必要联系也将被深埋在背后，会导致程序难以跟踪维护和理解。(Observer)模式是行为模式之一，它的作用是当一个对象的状态发生变化时，能够自动通知其他关联对象，自动刷新对象状态。

2024-03-27 22:34:40 1491

原创 uniapp小程序中onShareAppMessage(OBJECT)实现带参数的分享功能

小程序中用户点击分享后，在 js 中定义 onShareAppMessage 处理函数（和 onLoad 等生命周期函数同级），设置该页面的分享信息。

2024-03-26 14:18:38 4393 3

原创 GIt命令大全

git是一个分布式版本控制系统，用于追踪代码的变更历史。

2024-03-22 20:43:26 767

原创微前端架构

微前端的概念是由ThoughtWorks在2016年提出的，它借鉴了微服务的架构理念，核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一个完整的应用，或者将原本运行已久、没有关联的几个应用融合为一个应用。微前端既可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性，相比一整块的前端仓库，微前端架构下的前端仓库倾向于更小更灵活。

2024-03-21 18:32:45 1536

原创 Docker启动失败，报错Is the docker daemon running? Is the docker daemon running?

问题： docker没有正常启动。

2024-03-20 14:34:46 2879

原创 Docker常用命令

docker run -it -p 端口号镜像名。docker restart 容器ID。

2024-03-20 14:27:31 785

原创 nodejs 常用命令

安装完成后，你可以在命令行中运行 `node -v` 和 `npm -v` 来检查 Node.js 和 npm（Node.js 的包管理器）的版本。这会将包及其依赖项添加到项目的 `node_modules` 文件夹和 `package.json` 文件的 `dependencies` 部分。随着你对 Node.js 和其生态系统的深入了解，你会发现更多有用的命令和工具。或者，你可以更新 `package.json` 文件中的版本号，然后运行 `npm install` 来安装更新后的版本。

2024-03-20 10:35:24 410

原创 Vue3 中应该使用 Ref 还是 Reactive？

总的来说，reactive和ref都是强大的工具，它们能够帮助你在Vue 3中构建出灵活且响应式的用户界面。关键在于理解它们各自的特点和适用场景，然后根据你的具体需求来做出选择。

2024-03-20 09:44:55 1685

原创数组排列组合---M中取出N个元素

数组排列组合---M中取出N个元素

2024-03-19 16:16:15 364

原创 vue3 新特性defineOptions和defineModel

vue3 新特性defineOptions和defineModel

2024-03-18 09:22:04 2351

原创 Vite为什么比Webpack快

这些工具各有特点，适用于不同的项目需求。在选择前端构建工具时，需要根据项目的规模、复杂度以及团队的技术栈等因素进行综合考虑。vite和Webpack作为两个主流的前端构建工具，在近年来备受热议。本文章将深入讲解Vite为什么比Webpack更快的根本原因，并解析技术实现原理。

2024-03-15 13:57:34 2090 2

原创微信小程序问题定位——sourcemap文件

此外，除了使用sourceMap进行问题定位外，还可以结合其他调试工具和方法，如查看用户反馈、分析性能数据、进行代码审查等，以更全面地了解小程序的问题并找到解决方案。需要注意的是，使用sourceMap进行问题定位时，需要确保sourceMap文件是最新的，并且与小程序源代码保持同步。否则，定位到的位置可能会存在偏差。总的来说，使用sourceMap是微信小程序线上问题定位的一种有效方式，它可以帮助开发者快速定位到源代码中的问题位置，提高问题解决的效率。sourceMap 匹配调试 | 微信开放文档。

2024-03-11 14:42:13 2143

原创 Uniapp开发模板unibest

unibest是一个集成了多种工具和技术的uniapp开发模板，由uniappVue3TsVite4UnoCssuv-uiVSCode构建，模板具有代码提示、自动格式化、统一配置、代码片段等功能，并内置了许多常用的基本组件和基本功能，让你编写uniapp拥有best体验。

2024-03-10 16:21:30 3184 1

原创前端文件流、切片下载和上传

Blob对象和ArrayBuffer都是处理二进制数据的重要工具，但它们的使用场景和方式有所不同。Blob对象主要用于表示不可变的文件或二进制数据块，而ArrayBuffer则提供了一个原始二进制数据缓冲区，你可以通过类型数组或DataView对象来读写这个缓冲区的内容。在选择使用哪个工具时，应该根据你的具体需求来决定。

2024-03-10 12:08:50 4265 1

原创 Charles抓包工具使用

安装web抓包1，web 抓包Charles Web抓包非常简单，启动Charles会自动与浏览器设置成代理，不需要进行过多的设置，接下来我就就是通过浏览器发送网络请求，Charles就会直接抓取到这些信息和响应信息2,Web 抓取HTTPS协议虽然现在Charles能够直接抓包了，但是https协议的报我们是抓取不了的，需要安装SSL证书才可以Charles下配置。

2024-03-08 17:29:01 1812

原创 pnpm、npm、yarn 等包管理工具优劣对比

pnpm、npm、yarn 等工具都是用于管理JavaScript项目依赖的包管理工具，每个工具都有其独特的特点和适用场景。

2024-03-05 10:38:12 1923

原创前端监控为什么采用GIF图片做埋点？

前端监控是开发人员用来跟踪和维护应用程序表现层的运行状况的过程和工具。它主要包括三种类型：数据监控、性能监控和异常监控。

2024-03-04 16:00:04 1742

原创 ChatGpt 使用fetch-event-source实现sse流式处理

是一个由微软提供的库，用于在客户端和服务器之间建立基于 EventSource 的连接。EventSource 是一种 HTTP 协议，允许服务器向客户端推送实时事件流。该库提供了对 EventSource 协议的封装，使得在前端 JavaScript 中使用 EventSource 变得更加方便。在中，主要使用函数来创建一个新的 EventSource 连接。这个函数接受一个 URL 参数，以及一个配置对象，其中可以包含一些选项，如请求方法、请求头、请求体等。当服务器向客户端推送事件时，可以通过。

2024-02-28 16:15:12 7008

原创 ChatGPT对话用Websocket和使用EventSource区别

对于简单的实时通信需求，如消息通知、事件推送等，fetch-event-source 是一个简单、轻量级的选择；而对于需要实现双向通信、低延迟等要求较高的场景，则应选择 WebSocket。fetch-event-source 更简单易用，适合于快速实现简单的实时通信功能；WebSocket 虽然稍显复杂，但提供了更多灵活性和功能扩展的可能性。WebSocket 相比 fetch-event-source 在延迟和效率上更有优势，特别是在需要大量实时数据传输的场景下，WebSocket 更能满足需求。

2024-02-21 16:18:34 2479

51CTO下载-游戏编程精粹

空空如也