缓存computed方法vue

vue3 将文件集合下载后导出zip文件

// 注意:文件的url一定是服务器上的地址 如http:xxxx // 先下载 npm i jszip file-saver // 封装 import JSZip from 'jszip' import FileSaver from 'file-saver' const getFile = (ur ......
文件 vue3 vue zip

vue3中使用pinia

1、 安装引入 npm install pinia main.ts中挂载 import { createPinia } from 'pinia' const pinia = createPinia(); app.use(pinia); 2、src下新建 store 文件夹(不同模块建立不同文件,在i ......
pinia vue3 vue

基于Java+vue开发的企事业移动培训考试平台

随着移动互联网的快速发展,越来越多的企业开始关注移动培训和考试平台的开发。为了满足这一需求,我们可以使用Java和Vue来开发一个基于移动端的企事业培训考试平台。 获取方式Q+: 262086839 一、背景和需求 企事业移动培训考试平台是一个基于Web的应用程序,旨在提供一个方便、高效的移动学习平 ......
培训考试 企事业 平台 Java vue

魔术方法

# __call__方法的作用 # 以制作蛋糕为例子 # 定义一个类 做蛋糕 class MakeCake: # 和面 def huomian(self): print('和面') # 发酵 def fajiao(self): print('发酵') # 烘烤 def hongkao(self): ......
魔术 方法

Java 21的StringBuilder和StringBuffer新增了一个repeat方法

发现Java 21的StringBuilder和StringBuffer中多了repeat方法: /** * @throws IllegalArgumentException {@inheritDoc} * * @since 21 */ @Override public StringBuilder ......

论编程竞赛中的骗分方法~逢考必过 |

骗分是什么 简单来说,就是会的不少分,不会的多拿分 作为一名蒟蒻,题目太难,不会写,只能靠骗分 以下是几点很简单的骗分方法。 第一种:输出样例 这个没什么要讲的 输出样例是一种比较不靠谱的骗分方法。。。 当然也是最容易的骗分方法。。。 只需要注意一下,输入要正确,然后原样输出样例。 第二种:暴力打 ......
方法

C#如何让窗体永远在窗体最前面显示(方法2)

1、新建一个窗体程序,添加一个Timer以及设置它可用并绑定事件。 2、设置窗体的TopMost属性为True 3、然后设置代码如下即可实现 private void Form1_Load(object sender, EventArgs e) { timer1.Start(); } private ......
窗体 方法

vue3+elementplus 去除小数点后多余的0公用函数

vue3+elementplus 去除小数点后多余的0公用函数 export function removeTrailingZeros(value) { // 尝试将值转换为数字 const numericValue = parseFloat(value); // 检查是否成功转换为数字 if (! ......
小数点 小数 elementplus 函数 vue3

Day01 - Vue介绍

前端介绍 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请求, ......
Day Vue 01

Day03 - Vue语法使用

JS循环方式 JS循环方式 // 方式一: js循环 >for() >基于索引的循环 let i = 0 for (; i < 10;) { console.log(i) i++ } let list = [1, 2, 3, 4, 5, 6, 7, 8] for (let j = 0; j < li ......
语法 Day Vue 03

Day02 - Vue 基础知识

模版语法 <body> <div id="app1"> <h1>模版语法</h1> <p>渲染字符串, 姓名:{{ name }}</p> <p>渲染字符串, 年龄:{{ age }}</p> <p>渲染数组类型, >:{{ list1 }}</p> <p>渲染数组类型按照索引取值, >:{{ li ......
基础知识 基础 知识 Day Vue

Day06 - Vue项目的使用

解析Vue项目 // 1 为什么浏览器中访问某个地址,会显示某个页面组件 -根组件:App.Vue必须是: <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由: // 先导入 import ya ......
项目 Day Vue 06

Day05 - Vue之动态组件、插槽、项目的创建

动态组件 // 关键字: component // 使用方法: <component :is="who"></component> // component标签的is属性等于组件名字,这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta c ......
组件 项目 动态 Day Vue

Day04 - Vue的请求方式、计算属性、监听、ref

与后端交互的三种方式 // 后端接口写好了,前后端分离的项目,前端如何与后端进行交互? 前后端要打通 >从前端发送Ajax请求 >核心:使用JavaScript发送HTTP请求,接受返回的数据 -使用原生JS,可以开启Ajax,但是使用原生JS,比较麻烦,需要做浏览器兼容,现在基本不使用 -jQue ......
属性 方式 Day Vue ref

Vue中qs的使用

1、qs是什么 qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。 2、qs安装 qs,是axios中自带的,也是npm仓库所管理的包。 安装方式: npm install qs Vue项目导入: import qs from 'qs' Vue项目中 ......
Vue

Vue项目中大文件切片上传实现秒传、断点续传的详细实现教程

一、考察点在Vue项目中,大图片和多数据Excel等大文件的上传是一个非常常见的需求。然而,由于文件大小较大,上传速度很慢,传输中断等问题也难以避免。因此,为了提高上传效率和成功率,我们需要使用切片上传的方式,实现文件秒传、断点续传、错误重试、控制并发等功能,并绘制进度条。 在本文中,我们将从以下三 ......
断点 文件 项目 教程 Vue

Array 数组的几种方法

1.arr.keys() 返回数组的键名 2.arr.values() 返回数组的值 3.arr.entries() 返回数组的键和值 4.arr.reduce() 接受两个参数:一个是对数组每个元素执行的回调方法,一个是初始值 let sum = arr.reduce(function(prev, ......
数组 方法 Array

一次性搞懂JS字符串截取方法substring()、slice()以及substr()的用法和区别

substring()和slice()都接受两个参数,“start”和“end”。 “start”表示截取的开始位置,“end”表示结束的位置(不包括该位置的字符,也就是前要后不要)。 如果不传参数,则返回字符串本身的一个副本。 如果只传一个参数,则从该位置开始,截取到字符串的末尾。 如果传递两个参 ......
字符串 一次性 substring 字符 方法

git回退版本方法

因为idea不知道什么原因抽风,把一些忽略的文件也推送了,须要回退版本 1.首先,注意备份 2.具体回退方法,来自 文心一言 ai大模型的回答 git回退命令是git reset --hard1。 使用git reset --hard命令会将HEAD指针、当前分支指针和索引区都移动到指定的commi ......
版本 方法 git

Golang函数或方法传递nil值的一个坑

package t13_niu_error import ( "bytes" "fmt" "io/ioutil" "net/http" "testing" ) // 将请求获取的数据转为string,支持GET或POST请求 func BaseRequestString(requestMethod, ......
函数 方法 Golang nil

VUE中的data(){return}与data:{}区别

组件是一个可复用的实例,当你引用一个组件的时候,组件里的data是一个普通的对象,所有用到这个组件的都引用的同一个data,就会造成数据污染。 data:{} data:{ msg: 0 } 使用return包裹后数据中变量只在当前组件中生效,不会影响其他组件。 data(){ return } d ......
data return VUE

vue3 父子组件通信 setup

父传子 father <template> <div> <h2>父传子Father</h2> <!-- <button class="bg-green-300 rounded p-1" > 父按钮 </button> --> <div class="w-[200px] h-[200px] bg-vi ......
父子 组件 setup vue3 vue

Vue3组件通信方式

Vue3组件通信方式 不管是vue2还是vue3,组件通信方式很重要,不管是项目还是面试都是经常用到的知识点。 比如:vue2组件通信方式 props:可以实现父子组件、子父组件、甚至兄弟组件通信 自定义事件:可以实现子父组件通信 全局事件总线$bus:可以实现任意组件通信 pubsub:发布订阅模 ......
组件 方式 Vue3 Vue

VUE3+vite+arco design 项目初始化

意见反馈系统总结 创建项目 首先选择一个文件夹 进入命令窗口 使用vite创建项目 npm create vite@latest 初始化项目后 进入项目安装依赖 npm install 运行 npm run dev 使用arcodesign组件库 安装 npm install --save-dev ......
项目 design VUE3 vite arco

Vue3搭建后台管理系统模板

搭建后台管理系统模板 2.1项目初始化 今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范,需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复,需要使用husky来做commit拦截,需要使用commitlint来统一提交规范,需要使 ......
后台 管理系统 模板 系统 Vue3

vue 解决报错

目录vue 解决报错ERROR Error: EBUSY: resource busy or locked, rmdir....errnoarco-init 项目初始化失败!Error: spawnSync pnpm.cmd ENOENT vue 解决报错 ERROR Error: EBUSY: r ......
vue

Odoo 通过Javascript调用模型中自定义方法

实践环境 Odoo 14.0-20221212 (Community Edition) 代码实现 在js脚本函数中调用模型中自定义方法: this._rpc({ model: 'demo.wizard', // 模型名称,即模型类定义中 _name 的值 method: 'action_select ......
Javascript 模型 方法 Odoo

odoo中用javascript调用model中定义好的方法,及要注意的坑

odoo中如果前端界面要调用后台model中写好的方法,很简单。使用 do_action 即可,比如要调用改res.users的默认语言后执行的方法 odoo.define('switch_language.SwitchLanguageMenu', function (require) { "use ......
中用 javascript 方法 model odoo

yaml读写方法

import yaml #定义yaml读取方法 # 读取yaml文件 def read_yaml(path): with open(path,encoding='utf-8') as f: context=f.read()#先读取文件内容 #再将文件内容转化成python模式 data=yaml.s ......
方法 yaml