缓存computed方法vue
MySQL 中提取 JSON 字段数据的方法
# MySQL 中提取 JSON 字段数据的方法 ## 前言 由于保存用户上传数据时,有一部分的字段为固定的,但不同用户对应的具体数据部分字段不固定,因此使用 MySQL 的 json 类型保存不固定的部分,将不固定的这部分字段统一放入 value 字段下,value 类型设为 json。 但在使用 ......
Vue生命周期钩子
[toc] # 一 生命周期图 ![](https://img2023.cnblogs.com/blog/3095768/202306/3095768-20230607210405101-1767821111.png) # 二 生命周期 | 钩子函数 | 描述 | | | | | beforeCre ......
【问题以及解决】vue和vue-router版本要对应
遇到报错 ``` ERROR Cannot read properties of undefined (reading 'install') TypeError: Cannot read properties of undefined (reading 'install') at Vue.use ( ......
Vue与后端交互
[toc] # 一 与后端交互三种方式 ```python # 后端写了一堆接口 # 前端会了 # 前后端要打通 > 从前端发送ajax > 核心:使用js发送http请求,接收返回 -原生js,可以开启ajax,但是原生js开启,比较麻烦,需要做浏览器兼容,有坑(基本不写) -jq,写了个兼容所有 ......
Vue基础2
[toc] # 一 表单控制 ```python # 1 checkebox: -单选 -多选 # 2 radio -单选 ``` ## 1.1 checkbox单选 ```html 表单控制 checkbox单选 用户名: 密码: 记住密码: 用户名:{{username}} > 密码:{{pas ......
Vue 插槽的定义和使用
父组件中使用插槽,相当于开放了在子组件内部使用的条件 在 APP的 Vue中解析后塞到Category中, videos 里添加上 controls 就能够播放电影了 子组件Category中定义, slot 中间存放默认值 category的样式 不具名插槽写两份,就有两个重复的展示效果 使用时会 ......
动态组件,插槽,vue-cli创建项目,目录结构,编写规范,导入导出语法
# 1 动态组件 ```python # # component标签的is属性等于组件名字,这里就会显示这个组件 ``` ```html Title 首页 商品 订单 component标签的is属性等于组件名字,这里就会显示这个组件 ``` ## 1.1 keep-alive ```html Ti ......
JAVA的springboot+vue企业客户信息反馈平台,附源码+数据库+文档+PPT
**1、项目介绍** 企业客户信息反馈平台能够通过互联网得到广泛的、全面的宣传,让尽可能多的用户了解和熟知企业客户信息反馈平台的便捷高效,不仅为客户提供了服务,而且也推广了自己,让更多的客户了解自己。对于企业客户信息反馈而言,若拥有自己的平台,通过平台得到更好的管理,同时提升了形象。 本平台设计的现 ......
vue和vuex的版本搭配
重要是事情说三遍, vue2使用vuex3 !vue3使用vuex4.!否则会出现this.$store为undefined错误! vue2使用vuex3 !vue3使用vuex4.!否则会出现this.$store为undefined错误! vue2使用vuex3 !vue3使用vuex4.!否则 ......
VUE路由传参的实用方式
本文讲解了VUE项目中路由之间的传值方式,涉及到的方法都是开发时常用的,希望对大家有多帮助。 1. 方式一:使用router-link标签 1.1 params 传参 首先定义好路由 const routes = [ { path : ‘/home’ , component : () => impo ......
手把手Django+Vue前后端分离
# 前言 众所周知,Django对于网站快速开发非常友好,这得益于框架为我们做了很多事情,让我们只需要做一些简单的配置和逻辑即可把网站的功能开发出来。但是,在使用Django的过程中,有一个地方一直是比较难受的,那就是使用Django自带的模版,这种通常需要自己利用HTML+CSS+Jquery的方 ......
用户故事与敏捷方法读后感(二)
接下来的几章就是优秀用户故事准则、估算用户故事、发布计划、迭代计划测量并监控速率、故事不是什么、故事的优势以及故事的不良征兆。主要将的就是在一个大型项目中,尤其是有许多用户角色的项目,确定用户故事有时让人无从下手。最好的办法是考虑每一个角色,了解用户使用我们软件的目的。当面临一个大的故事时,通常有许 ......
AVA数据集以及SlowFast对该数据集的处理方法
本文内容全部摘自:知乎AVA Actions Dataset 详解 。推荐看原文。 1.1. 基本情况 数据集类别:Spatio-Temporal Action Detection,即时空行为检测。 举个例子,就是检测出视频中所有人的位置以及对应的行为类别。 数据集形式(这里是简单介绍,后面会有更详 ......
Vue 执行流程
## 1. main.js 项目入口文件 ![image](https://img2023.cnblogs.com/blog/3091414/202306/3091414-20230607181720476-1802242843.png) ## 2. App.vue 创建路由,设置App的样式, 由 ......
Python time strftime() 方法的使用
1、描述 strftime() 用于格式化时间,返回以可读字符串表示的时间,格式自定义。 2、说明 python中日期和时间的格式化符号有很多,下面列举常用的符号: %y 两位数的年份表示(00-99) %Y 四位数的年份表示(000-9999) %m 月份(01-12) %d 月内中的一天(0-3 ......
Vue——动态组件、插槽、Vue-cli创建项目、Vue项目目录结构、编写规范、es6导入导出语法
## 动态组件 ```html // // component标签的is属性等于组件名字,这里就会显示这个组件 首页 商品 订单 ``` ### keep-alive ```html // 使用keep-alive把动态组件包裹起来 保存当前状态 就算切换到其他组件再切换回来 依旧还是之前的状态 首 ......
fmt方法练习(简易计算机)
package mainimport ( "fmt")func main() { // + - * / % var a1 int var b1 int var c1 int fmt.Println("请输入 整数") fmt.Scanln(&b1) fmt.Println("请输入 1+ 2- 3* ......
MySQL-生成随机数字、字符串、日期、验证码及 UUID的方法
一、生成随机数字 1. 生成 0 到 1 之间的随机数 MySQL 中的 RAND 函数可以用于生成一个大于等于 0 小于 1 的随机数字。例如: SELECT rand(); 该函数返回的数据类型为 double,包含 16 位小数;每次调用都会返回不同的数据。 如果想要重现某些场景,需要确保每次 ......
vue3 如何通过defer来优化减少白屏时间
如果首屏加载的内容组件比较厚重或者数量大,那么第一次加载也会停顿很久。 可以通过控制台的Performence来观察render和loading的大致时间 优化的思路: 想让首屏页面的组件或者比较需要提前让用户看到的内容模块 优先放在第一帧来加载 加载时机:如果当前帧数时间大于 该模块的设定指定加载 ......
vue 预览word文档、图片、pdf文件等
``` 预览 data() { return { //文件预览 viewVisible:false, //文件类型 fileType:null, //文件地址 sourceUrl:null,} } //文件预览 handlePreviewFile(e){ var xdoc_head = "https ......
vue封装组件并发布到Npm
前言vue 封装组件是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用,甚至我们可以直接从npm仓库下载别人封装好的组件使用,入element-ui这一类的组件库。 1、环境准备 因为我们此次封装的是Vue组件,所以我们直接在Vue脚手架项目里面进行封装即可。 (1)、初始化项目 vue ......
Vue 项目启动
# Vue 项目启动 ## 一、脚手架搭建 ### 1.1 node.js环境准备 下载地址:https://nodejs.p2hp.com/download/ ```PYTHON -查看node版本 node -v -安装完,释放两个可执行文件 node 等同于 python npm 等同于 pi ......
异步调用方法并弹出处理中窗体(转载)---线程池的封装
原文链接:[C#] 非同步呼叫方法並跳出處理中視窗 | 愛流浪的小風 - 點部落 (dotblogs.com.tw) 前言 當我們在Winform進行某些比較花時間的運算時, 若沒有使用非同步的方法來呼叫,畫面上的視窗就會顯示沒有回應, 這是一種比較差的使用者體驗,可能會讓使用者以為當機了, 在這邊 ......
8.6 方法覆写限制
* 访问权限 public > default(什么都不写) > private * 覆写权限不能越来越小; ``` class Channel { private void connect(){ System.out.println("【channel父类】进行资源的连接"); } public ......
this.$refs['form'].resetFields()方法的注意问题
1、要想this.$refs[‘form’].resetFields()方法有效,必须配置el-form :model 属性和el-form-item中的prop属性,才可以 2、在还没有显示对话框之前就调用this.$refs[‘form’].resetFields(),会报错。 应使用此方式:t ......
【前端方案】-表格排序列LRU缓存方案
目标: 排序后的表格列,页面刷新或者用户重新登录后,能够保持之前的操作排序 完成效果: ![](https://img2023.cnblogs.com/blog/1619281/202306/1619281-20230607121749845-1578551886.gif) 解决方案: 利用loca ......
vue3实现自定义指令
创建一个empty.js import { nextTick } from 'vue'; const emptyImgUrl = new URL('@/assets/images/empty-icon.jpeg', import.meta.url).href; // 在vue3中不支持require ......
Vue中ref和$refs的介绍及使用
在JavaScript中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值。 在Vue中,我们不用获取dom节点,元素绑定ref之后,直接通过this.$refs即可调用,这样可以减少获取dom节点的消耗。 ref介绍: ref被用来给元素 ......