摘要：最近公司在做一款小程序，其中最主要业务的体现方式就是“与AI对话”，那一定是绕不过有着打字机效果的流式传输了。 什么是流式传输？ 在解决问题之前，我们需要了解什么是流式传输。流式传输指的是将数据分成多个数据流，通过网络传输，以减少网络延迟和提高性能。在某些情况下，流式传输也可以用于将视频流和音频流传
阅读全文
posted @ 2025-09-26 21:23
随笔分类 - JavaScript
摘要：<!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
摘要：uniapp内容： <view class="loader-wrapper loaddata" v-if="isShowLoading"> <view class="loader loaddata"> <image style="width: 64px;height: 64px;" class="l
阅读全文
posted @ 2025-03-18 14:46
摘要：如题，vue3下打开弹窗时，没法修改v-model绑定的值 uni-popup-dialog的源码中 input的值是在组件触发created时赋值的 也就导致了input只会赋值一次 后面无法通过动态修改 你看下uni-popup-dialog源码就明白了 可以动态控制uni-popup-dial
阅读全文
posted @ 2025-03-07 08:22
摘要：uni.$emit(eventName,OBJECT) 触发全局的自定义事件。附加参数都会传给监听器回调。 uni.$on(eventName,callback) 监听全局的自定义事件。事件可以由 uni.$emit 触发，回调函数会接收所有传入事件触发函数的额外参数。 uni.$once(even
阅读全文
posted @ 2025-03-06 08:49
摘要：浏览器在加载和显示网页时，会根据不同的情况，决定是否重新从服务器获取网页内容或使用缓存中的内容。缓存是指浏览器在本地存储的一些网页资源，如图片、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
摘要：背景当一个页面很久没刷新，又突然点到页面。由于一些文件是因为动态加载的，当重编后（如前后端发版后），这些文件会发生变化，就会出现加载不到的情况。进而导致正在使用的用户，点击页面发现加载不顺畅、卡顿问题。解决思路使用Vite构建一个插件，在每次打包时自动生成version.json版本信息文件，记录版
阅读全文
posted @ 2025-01-10 09:27
摘要：可以使用Array.reduce()方法来求最大、最小、合计值。示例代码如下： // 假设有以下json对象数组 let arr = [ { name: 'tina', score: 90 }, { name: 'tom', score: 80 }, { name: 'john', score: 7
阅读全文
posted @ 2024-12-05 09:10
摘要：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
摘要：.mjs文件: 明确表示使用 ES6 模块系统(ECMAScript Modules)。 在服务器用Nginx部署 前端项目后，出现下面这种问题Failed to load module script: Expected a JavaScript module script but the serv
阅读全文
posted @ 2024-10-24 11:29
摘要：<style> #spreadBtn { position: fixed; display: none; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit
阅读全文
posted @ 2024-10-15 15:31
摘要：<!DOCTYPE html> <html> <script type="text/javascript" src="style/jquery-3.7.0.min.js?v=0.002?v=1.0.01"></script> <head> <style> .fade { position: abso
阅读全文
posted @ 2024-10-15 09:43
浙公网安备 33010602011771号