树形 结构filter vue
Vue前端+后端实现带进度条文件分片上传
传输参数对象 package com.deju.provider.upload.domain; import lombok.Data; import org.springframework.web.multipart.MultipartFile; @Data public class Multipa ......
2023最新高级难度vue面试题,包含答案。刷题必备!记录一下。
好记性不如烂笔头 内容来自 面试宝典-高级难度vue面试题合集 问: 如何在 Vue.js 中实现代理? 在 Vue.js 中,可以使用 vue-resource 或 axios 库来实现代理。以下是实现的基本步骤: 安装 vue-resource 或 axios 库。可以通过 npm 或 yarn ......
vue 中scope 不管用
![](https://img2023.cnblogs.com/blog/1202393/202312/1202393-20231206174313930-1258780921.png) ![](https://img2023.cnblogs.com/blog/1202393/202312/1202... ......
2023最新初级难度vue面试题,包含答案。刷题必备!记录一下。
好记性不如烂笔头 内容来自 面试宝典-初级难度vue面试题合集 问: 请解释一下 Vue.js 是什么? Vue.js(/vjuː/,或简称为Vue)是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架。Vue.js的主要目标是通过尽可能简单的API实现响应的数 ......
2023最新中级难度vue面试题,包含答案。刷题必备!记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度vue面试题合集 问: 如何在 Vue.js 中构建 SSR 应用? 构建 SSR (Server Side Rendering) 应用可以提高 SEO(搜索引擎优化),同时改善首屏加载速度。以下是构建 SSR 应用的具体步骤: 设置环境:首先,确保已经 ......
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败, 代码报错 会出现跨域cors,排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
学C笔记归纳 第六篇——结构体
结构体是把一些单一类型组合在一起的做法 需要弄懂两个操作:存储数据和访问数据 #include <stdio.h> struct Students { //成员 char name[5]; int age; char sex[5]; char tel[12]; }; int main() { str ......
【数据结构和算法】搜索算法
① 搜索最小值 python的min函数返回列表中的最小项 1 def indexOfMin(lyst): 2 minIndex = 0 3 currentIndex = 1 4 while currentIndex < len(lyst): 5 if lyst[currentIndex] < ly ......
【数据结构和算法】排序算法
使用swap函数来交换列表中的两项的位置 1 def swap(lyst,i,j): 2 '''交换列表中两项的位置''' 3 temp = lyst[i] 4 lyst[i] = lyst[j] 5 lyst[j] = temp ① 选择排序 处于列表第一项,先找到最小项的位置,如果该位置不是列表 ......
VUE3引入pinia配置使用
文档:https://pinia.vuejs.org/zh/introduction.html 1.引入pinna npm install pinia -S 2.在src文件里面创建store文件article.js 在main.js中引用pinna import { defineStore } f ......
Vue动画效果-商品加入购物车
购物类app中常有商品加入购物车的动画需求 主要实现代码 type Fn = (...args: any[]) => void interface Events { [name: string]: Fn[] } export class EventEmitter { events: Events c ......
项目: vue2+Vue3(重构)去哪儿网webapp
技术栈:Vue+webpack+vue-router+vuex+axios+element UI+ swiper 三个大组件:首页、城市选择详情页、详情页 开发方式是用模块化:一个大组件里会有多个子组件,由这些子组件来'填充'大组件,这样方便后续维护: city city.vue component ......
详细一些的vue生命周期
如果你和我一样,以前对vue生命周期的理解仅限于生命周期钩子,那么本文可以让我们更深入一层,理解vue在生命周期各个阶段所做的事,对我们对vue的理解和使用很有好处。 (1)通过new Vue()创建新的vue实例 不管页面还是组件,都是一个个vue实例。一个vue应用,其实就是一个个vue实例的嵌 ......
vue3移动端引入px2rem-loader
版本 "postcss-px2rem": "^0.3.0", 1、npm install postcss-px2rem 2、 ......
C语言中的struct结构体、union联合体、enum枚举和typedef
C语言中的struct结构体、union联合体、enum枚举和typedef 结构体struct 结构体是C编程中另一种用户自定义的可用的数据类型,它允许存储不同类型的数据项。 结构体中的数据成员可以是基本数据类型(如 int、float、char等),也可以是其他结构体类型、指针类型等。 关键字: ......
JS(JavaScript)-if-switch选择结构-for-while循环
前言: 回到JS基础,用console输出; console.log(); 输入内容: window.prompt(); 向页面做出输入接收(类似于后端Scanner) 整数转换:parseInt(); 1. 选择结构: ①if 结构 if( ){ }; if( ){ }else{ }; if( ) ......
Vue 应用程序性能优化:代码压缩、加密和混淆配置详解
简介在 Vue 应用程序的开发中,代码压缩、加密和混淆是优化应用程序性能和提高安全性的重要步骤。 Vue CLI 是一个功能强大的开发工具,它提供了方便的配置选项来实现这些功能。本文将介绍如何使用 Vue CLI 配置代码压缩、加密和混淆功能,以提高应用程序的性能和安全性。 一、配置代码压缩Vu ......
Vue3+Vite+ElementPlus管理系统常见问题
本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题,没有技术深度,但全都是解决实际问题的干货,可以当作是问题手册以备后用。本人日常工作偏后端开发,因此,文中的一些前端术语描述可能不严谨,敬请谅解。重点是:这里记录的解决方案都是行之有效果的,拿来即可 ......
vue 中初始化 ref
在 Vue 中,使用 ref 函数创建响应式的数据: 对象初始化: const addGoodsDate = ref({}); const addGoodsDate = ref({ name: '', price: 0 }); 数组初始化: const appGoodsList = ref([]); ......
vue 的标签内属性的各使用形式
标签内属性形式 在 Vue 中,v-xx、@xx 和 :xx 是不同的语法形式,具有不同的用途和语义 v-xx 形式:这是用于注册或使用 Vue 提供的内置指令或自定义指令。v- 是 Vue 指令的前缀,后面跟着指令的名称 例如,内置指令:v-if 可以根据条件控制元素的显示和隐藏,v-for 可以 ......
Vue3+Vite+ElementPlus管理系统常见问题
本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题,没有技术深度,但全都是解决实际问题的干货,可以当作是问题手册以备后用。本人日常工作偏后端开发,因此,文中的一些前端术语描述可能不严谨,敬请谅解。重点是:这里记录的解决方案都是行之有效果的,拿来即可 ......
解决Vue处理超过16位数字精度丢失问题
当我们使用MyBatis-Plus 使用 ID_WORKER 或者 ASSIGN_ID(雪花算法) 生成的id作为主键时,因为其长度,为19位,而前端一般能处理16位,如果不处理的话在前端会造成精度丢失,最后两位会变成00,如下图,感觉像是四舍五入后的效果。 处理这种问题有两种方案,要么后端出处理, ......
技术博客:Vue中各种混淆用法汇总
技术博客:Vue中各种混淆用法汇总 摘要 本文主要介绍了在Vue中使用的一些常见混淆用法,包括new Vue()、export default {}、createApp()、Vue.component、Vue3注册全局组件、Vue.use()等,以及如何使用混淆器对代码进行加固,保护应用安全。 ......
Vue混淆与还原
引言 Vue是一种流行的JavaScript框架,用于构建用户界面。它简单易用且功能强大,备受开发者喜爱。然而,在传输和存储过程中,我们需要保护Vue代码的安全性。混淆是一种有效的保护措施,可以加密和压缩代码,使其难以被理解和修改。本文将介绍Vue混淆的概念以及如何进行还原。 混淆 混淆是将Vu ......
vue3 之 封装hooks
注意: 使用 Hooks 来做的话,需要封装一个以 use 开头的函数,自定义 Hooks 有一个潜规则,就是要 use 开头 一、相关链接 ① 已经封装好可直接使用的:https://vueuse.org/core/useMounted/ ② 为什么要在Vue3中多使用Hooks?好处是啥? : ......
Vue使用el-cascader实现地区选择器组件
1. 使用组件-效果展示(推荐) 1.2 安装组件依赖(默认是V6版本,旧版本V5.02) 官方文档地址(二级联动,三级联动包含教程):https://www.npmjs.com/package/element-china-area-data npm install element-china-ar ......
vue3引入mitt(eventBus)
版本 "mitt": "^3.0.1" 1、npm install mitt 2、项目下创建文件夹eventBus 建 myEventBus.js import mitt from 'mitt'export default mitt() 3、组件里监听 组件A import myEventBus f ......
vue3引入pinia
1、npm install pinia 2、在项目目录建store文件夹创index.js import { createPinia,defineStore } from "pinia";const pinia = createPinia()pinia.state.valueconst token ......
【VUE】vue动态变换背景图片的实现 +背景图片铺满+ 一般路由的配置
一 、动态变换背景图片的实现 代码如下: <template> <div class="body" v-loading="loading" :style="{ backgroundImage:'url('+ bgi +')' }"> </div> </template> <script> data ......