摘要：最近公司在做一款小程序，其中最主要业务的体现方式就是“与AI对话”，那一定是绕不过有着打字机效果的流式传输了。 什么是流式传输？ 在解决问题之前，我们需要了解什么是流式传输。流式传输指的是将数据分成多个数据流，通过网络传输，以减少网络延迟和提高性能。在某些情况下，流式传输也可以用于将视频流和音频流传
阅读全文
posted @ 2025-09-26 21:23
随笔分类 - TypeScript
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>14种纯css3对话气泡样式代码</title> <link rel="stylesheet" href="default.css" /> </head>
阅读全文
posted @ 2025-09-26 16:02
摘要：在微信小程序开发中，PDF文件预览是常见的业务需求。本文将提供一套基于uniapp的完整解决方案，涵盖从后端准备到前端实现的全部细节，并包含性能优化和异常处理最佳实践。方案概述本方案采用"下载+预览"两步走策略： 使用uni.downloadFile下载PDF文件到本地临时路径 使用uni.open
阅读全文
posted @ 2025-09-24 09:36
摘要：Three.js 是一个用于在网页浏览器中创建和显示3D图形的JavaScript库。它基于WebGL技术，简化了复杂的3D渲染过程，使得开发者不需要深入了解WebGL的底层API就能快速上手创建丰富的3D内容。Three.js提供了大量的功能，包括但不限于几何体、材质、光源、相机、动画和加载器等，
阅读全文
posted @ 2025-05-28 16:26
摘要：vben 打包 地址不带#号 在使用 Vue.js 进行开发时，经常会遇到需要将项目打包并部署到服务器上的需求。打包后的项目通常需要通过 HTTP 服务器提供服务，以便在浏览器中访问。在这个过程中，如果你遇到了打包后的地址中包含#号的问题，这通常是由于 Vue 路由模式导致的。 背景 在 Vue.j
阅读全文
posted @ 2025-04-28 11:03
摘要：因为域名有限，所以想把vue项目部署在某个域名的二级路径上，例如：https://www.example.com/admin/下 nginx的配置如下： server { listen 8095; # Admin server_name localhost; location / { #禁止浏览器缓
阅读全文
posted @ 2025-04-24 17:31
摘要：npm命令概述npm提供了一系列命令，用于管理项目的依赖、运行脚本、发布包等。以下是一些常用的npm命令： npm install：安装项目的依赖。 npm start：运行项目。 npm run：运行在package.json中定义的脚本。 npm test：运行测试。 npm run build
阅读全文
posted @ 2025-04-18 11:22
摘要：<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit
阅读全文
posted @ 2025-04-15 10:20
摘要：如题，vue3下打开弹窗时，没法修改v-model绑定的值 uni-popup-dialog的源码中 input的值是在组件触发created时赋值的 也就导致了input只会赋值一次 后面无法通过动态修改 你看下uni-popup-dialog源码就明白了 可以动态控制uni-popup-dial
阅读全文
posted @ 2025-03-07 08:22
摘要：浏览器在加载和显示网页时，会根据不同的情况，决定是否重新从服务器获取网页内容或使用缓存中的内容。缓存是指浏览器在本地存储的一些网页资源，如图片、CSS、JS等，以便于下次访问时快速加载，提高用户体验和网站性能。 对于大多数浏览器而言，都包含有三种刷新方式，以下我们以Chrome浏览器为例： F5刷新
阅读全文
posted @ 2025-01-14 14:59
摘要：概要 我们做一个纯前端自动提示用户刷新页面的功能，这个功能主要是防止用户的js代码还是旧版的导致某些功能没能及时更新。 整体架构流程 1、我们先在 public/version.json 创建这个json文件，用来存储版本号 { "version": "1.0" } 2、我们可以在 vite.con
阅读全文
posted @ 2025-01-14 09:24
摘要：前言 页面中会显示当前版本号，每次更新需要手动更改版本号会很麻烦，现在是每次npm run build时会自动更新版本号，更新规律自己定义。 TODO：没有区分开发环境、测试环境、正式环境 创建自动更新版本脚本 在根目录下创建autoVersion.js脚本文件 const fs = require
阅读全文
posted @ 2025-01-13 17:12
摘要：背景当一个页面很久没刷新，又突然点到页面。由于一些文件是因为动态加载的，当重编后（如前后端发版后），这些文件会发生变化，就会出现加载不到的情况。进而导致正在使用的用户，点击页面发现加载不顺畅、卡顿问题。解决思路使用Vite构建一个插件，在每次打包时自动生成version.json版本信息文件，记录版
阅读全文
posted @ 2025-01-10 09:27
摘要：今天在创建vue3项目的时候报错了一个启动开发服务器时遇到了一个构建错误 查询了一下，执行npm i 的时候，他并没有帮我安装vite PS D:\file\vue\hello_vue3> npm list vite hello_vue3@0.0.0 D:\file\vue\hello_vue3 └
阅读全文
posted @ 2025-01-03 17:47
摘要：在使用antd时多层嵌套循环表单时校验会报如下错误：please transfer a valid name path to form item 原因：是循环体和字段无法绑定 解决1如下： <a-form> <div v-for="(item, index) in form.List" :key="
阅读全文
posted @ 2024-11-12 09:17
摘要：vue 中代码（在对应的地方添加） <a-pagination v-model:current="current" :total="total" v-model:page-size="pageSize" :showSizeChanger="true" :hideOnSinglePage="true"
阅读全文
posted @ 2024-11-08 16:27
摘要：官网https://vxetable.cn/#/start/install1、通过 export 启用表格导出功能https://vxetable.cn/#/component/table/toolbar/export2、如果是按需加载，打印功能需要导入 Toolbar 组件 https://vxe
阅读全文
posted @ 2024-10-31 10:33
摘要：在Node18.16和16.20版本下使用vben框架时，遇到pnpminstall报错关于eslint-config缺失的问题， 解决方案是通过添加pnpm-workspace.yaml文件并指定内部依赖，确保`@vben/eslint-config`版本配置正确。 问题描述node18.16 /
阅读全文
posted @ 2024-10-24 18:03
摘要：.mjs文件: 明确表示使用 ES6 模块系统(ECMAScript Modules)。 在服务器用Nginx部署 前端项目后，出现下面这种问题Failed to load module script: Expected a JavaScript module script but the serv
阅读全文
posted @ 2024-10-24 11:29
摘要：如果你的vue项目在进行npm run build打包的时候遇到"Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory"的错误提示，这通常是由于内存不足导致的。尝试了好几
阅读全文
posted @ 2024-05-23 14:40
浙公网安备 33010602011771号