摘要：背景当一个页面很久没刷新，又突然点到页面。由于一些文件是因为动态加载的，当重编后（如前后端发版后），这些文件会发生变化，就会出现加载不到的情况。进而导致正在使用的用户，点击页面发现加载不顺畅、卡顿问题。解决思路使用Vite构建一个插件，在每次打包时自动生成version.json版本信息文件，记录版
阅读全文
posted @ 2025-01-10 09:27
随笔分类 - Vue
摘要：今天在创建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
摘要：安装pnpm（Performant npm），即高性能的npm包管理工具，可以通过多种方式进行。以下是详细的安装步骤： 一、通过npm全局安装 window下使用独立脚本安装： //默认安装路径：`C:\Users\【用户名】\AppData\Local\pnpm` //如果想要指定安装目录，请提前
阅读全文
posted @ 2024-12-17 16:10
摘要：问题描述 在使用uniapp的uview2.0框架u–textarea组件时，想要使u–textarea支持换行输入，但是默认不支持换行输入，各种百度，没有找到解决问题的方案，最后只有查看源码如下 但发现源码没有对属性有过多的处理，我开始怀疑是不是原生组件又问题，但是测试之后发现原生组件并没有问题，
阅读全文
posted @ 2024-12-13 15:44
摘要：可以使用Array.reduce()方法来求最大、最小、合计值。示例代码如下： // 假设有以下json对象数组 let arr = [ { name: 'tina', score: 90 }, { name: 'tom', score: 80 }, { name: 'john', score: 7
阅读全文
posted @ 2024-12-05 09:10
摘要：Lime-echart 是一个基于 JavaScript 的开源可视化图表库，旨在使 ECharts 图表能够在 UniApp 各个端中运行。UniApp 是一个跨平台的应用程序开发框架，允许开发人员使用 Vue.js 开发一次，然后部署到多个平台，包括 iOS、Android、Web 和各种小程序
阅读全文
posted @ 2024-12-04 15:54
摘要：https://uniapp.dcloud.net.cn/component/ uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多
阅读全文
posted @ 2024-11-21 14:54
摘要：这段代码演示了如何通过JavaScript的axios库异步获取HTTP资源，以blob形式处理响应数据， 创建一个可供下载的Word文档（客流日报.docx）。它设置特定的请求头，传递日期参数，并监听下载完成以释放内存中的URL对象。 const wordExportTwo = async ()
阅读全文
posted @ 2024-11-14 08:33
摘要：在使用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
摘要：第一步：配置Spring 如果你跟我一样采用的Maven，那么只需要将下面的依赖，加入到pom.xml文件就可以了： <!--spring websocket库--> <dependency> <groupId>org.springframework</groupId> <artifactId>sp
阅读全文
posted @ 2024-10-30 12:02
摘要：在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
摘要：<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
摘要：CSS中实现淡入淡出效果，可以使用transition属性来平滑过渡，并使用opacity属性来设置元素的透明度。 例子1： <div class="fade-box">淡入淡出效果</div> CSS: .fade-box { width: 200px; height: 200px; backgr
阅读全文
posted @ 2024-10-14 17:47
摘要：视频组件官网：https://uniapp.dcloud.net.cn/component/video.html 使用object-fit使内容填充不留黑边 object-fit contain 当视频大小与 video 容器大小不一致时，视频的表现形式。 contain：包含，fill：填充，co
阅读全文
posted @ 2024-10-14 17:31
摘要：阿里云官方镜像站：阿里巴巴开源镜像站-OPSX镜像站-阿里云开发者社区 https://developer.aliyun.com/mirror/?spm=a2c6h.13651102.0.0.6b581b11FYGgU9&serviceType=mirror 简介： 用CNPM/淘宝源的开发者们请注
阅读全文
posted @ 2024-10-10 14:43
摘要：Froala editor 是一款非常不错的所见即所得web编辑器，并且是收费的，单个域名的授权是99美元~ 但是在没有购买正常的情况下，只能编辑10行，且有一个大大的未授权标识。 官方网站演示地址：https://www.froala.com/wysiwyg-editor Github项目地址：h
阅读全文
posted @ 2024-09-12 08:35
浙公网安备 33010602011771号