过滤器vue-day vue day
vue3父子通信
vue3父子通信 // 获取父级方法或函数调用 const emit = defineEmits(['cancel', 'resetData']); // 获取父级绑定的变量 const props = defineProps({ visible: { type: Boolean, default: ......
记录--Vue3问题：如何实现组件拖拽实时预览功能？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统，在后台进行内容编辑，在官网更新展示内容。 关于后台的编辑功能，大致分为两部分：组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览，用户可以在含有各种功能组件的列表中，选择需要的组件进行拖拽。 ......
探究vue的diff算法
1.diff算法是什么？ diff算法是一种通过**同层的树节点**进行比较的高效算法 Diff 算法探讨的就是虚拟 DOM 树发生变化后，生成 DOM 树更新补丁的方式。对比新旧两株虚拟 DOM 树的变更差异，将更新补丁作用于真实 DOM，以最小成本完成视图更新。 1.1特点 策略：深度优先，同层 ......
vue3 + vite + ts 配置 @ 别名
第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
对树形结构过滤处理（过滤掉选中文件夹以及子级数据）
点击查看代码 /** * 移动文件夹 （不能移动当前文件夹以及子文件夹） * @param tree 树形结构 * @param condition 过滤单条数据 * @returns */ export function excludeNodeAndChildren(tree: any, cond ......
day 03-3 Python基础-运算符
3.运算符 3.1 常见的运算符 算数运算符 运算符 描述 示例 + 加 - 减 * 乘 / 除 % 取模-返回除法的余数 10%3结果输出1 ** 指数-幂，x的y次幂 2**3结果输出位8 // 整除-返回商的整数部分 9//2 结果输出为4 9.0//2.0结果输出位4.0 比较运算符 运算符 ......
vue中使用Vue.extend方法仿写一个loading加载中效果
需求描述 本文我们使用vue的extend方法实现一个全屏loading加载效果，需求如下： 通过命令就可以让弹框开启或关闭，比如this.$showDialog()开启，this.$hideDialog()关闭 方法可以传参更改loading中的文字 也可以传参更改loading背景色 当然这里除 ......
vue项目中使用的移动端的签名组件，纯 js 写的
<template> <section> <div class="sign-wrap"> <div class="main"> <div class="box" style="width: 100%;height: 100%"> <!-- <vue-esign ref="esign" :width= ......
SpringBoot系列---【过滤器Filter和拦截器HandlerInterceptor的区别和用法】
1.作用时机 1.1 过滤器 过滤器(Filter)主要作用在请求到达Servlet或JSP之前，对请求进行预处理，可以对HTTP请求进行过滤、修改。过滤器是基于回调函数实现的，开发人员通过重写doFilter()方法实现过滤逻辑，其主要功能有： 权限验证：检查用户是否已经登录或者是否具有相应的权限 ......
Vue中的$refs 用法
Vue中的$refs 用法 Vue中的$refs原理涉及到Vue实例的生命周期、虚拟DOM以及一些底层的JavaScript原理。 Vue实例的生命周期： 当Vue实例被创建时，它会经历一系列的生命周期钩子，包括beforeCreate、created、beforeMount、mounted等。在m ......
def入门-精通 。。。05day
写个装饰器 》装饰了视图函数(FBV) >后续request.data >请求体中数据无论那种编码 # 装饰器 from urllib import parse def outer(func): def inner(request, *args, **kwargs): # func 就是视图函数,第 ......
[VUE] WebPack 打包后自动修改 dist 中 package.json 版本号
我们在开发 npm 包时，开发期的 package.json 通常并不一定是发布到 npm 仓库的 package.json。这种情况下每次改版本号需要改两个地方，比较麻烦。 我一般使用 webpack 进行打包，所以有了下面这个小插件。 插件源码 modify.version.plugin.js ......
巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）
问题描述 有一个简单的表格，产品要求实现双击可编辑 看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态。大致代码如下： <el-tabl ......
vue3 + java 查询数据前后端时间不一致如何解决？
环境：vue3 + springboot + mybatis + mysql 场景：后端返回的时间与前端接收到的时间，小时不一致， 时间格式是古巴标准时间："CST" 解决：在 Entity 中时间字段上增加注解： @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss ......
vue实现大文件分片上传与断点续传到七牛云
问题： 前段时间做视频上传业务，通过网页上传视频到服务器。 视频大小 小则几十M，大则 1G+，以一般的HTTP请求发送数据的方式的话，会遇到的问题： 1、文件过大，超出服务端的请求大小限制； 2、请求时间过长，请求超时； 3、传输中断，必须重新上传导致前功尽弃； 探索过程： 1、原先咨询过组里的大 ......
vue3调用高德地图，实现地址，经纬度填写
父组件引用高德地图： 1 <template> 2 <div class="wrapper"> 3 <div class="box"> 4 <div class="form-box"> 5 <el-form 6 label-position="top" 7 :inline="true" 8 :mod ......
前端 vue项目启动报错 spawn cmd ENOENT 的原因以及解决方案
前端项目启动到一半的时候卡在跳转浏览器出现了 这个问题 那么问题大概率就是你环境刚配置或者配置错了的问题，这个时候只需要 找到 我的电脑 => 属性 => 高级系统设置 => 环境变量 => 系统变量 => PATH 环境 => 双击进去 => 添加环境变量 => 添加这俩个 C:\Windows\ ......
vue-slot 插槽使用 遍历插槽
<!-- 内部直接使用的插槽 --> <template #chart> <KeepAlive> <component v-bind="$attrs" :exName="exName" :tableData="tableData" :analysisDetail="analysisDetail?.[ ......
Vue + Django 使用wangeditor 上传图片 显示跨域报错
报错： newsDetailed:1 Access to XMLHttpRequest at 'http://www.py32api.com:8000/users/uploadFile/' from origin 'http://localhost:8080' has been blocked by ......
VUE 图片识别
1、安装依赖 // 安装Element-UI npm install element-ui --save // 安装 ocr 和 ocrdet npm i @paddlejs-models/ocrdet@0.0.3 --save npm i @paddlejs-models/ocr@1.1.2 -- ......
day 1 复习
day1 复习 1.什么是编程语言：人与计算机交流的介质 2.什麽事编程：用编程语言编写一堆文件 3.为什么要编程：奴役计算机，解放劳动力 4.计算机五大组成 CPU 1.控制器：控制硬件 2.运算器：逻辑运算与算数运算 内存 1.优点：速度快 2.缺点：断电即消失 外存（硬盘，光盘，磁带） 1.优 ......
vue ssr里面在template不能出现this，create时this还没有
在client端不会报错，但ssr create时会报错： [Vue warn]: Unhandled error during execution of render function at <QPageContainer> 代码比如： <router-view v-slot="{ Compone ......
算法学习Day9 KMP
Day9 KMP By HQWQF 2023/12/21 笔记 28. 实现 strStr() 实现 strStr() 函数。 给定一个 haystack 字符串和一个 needle 字符串，在 haystack 字符串中找出 needle 字符串出现的第一个位置 (从0开始)。如果不存在，则返回 ......
sqlsugar表过滤filter探究
sqlsugar支持表过滤器，如果表里面有这个字段，则可以自动添加sql语句过滤 但是有一些疑问，就是如果表没有这个字段会自动添加么，肯定是不会，但是有时候脑袋就是钻牛角尖，总感觉会加语句，所以找了点时间看了下源码。 试图搞清楚里面的逻辑 所以如何是如何添加过滤字段的呢，有较多的方式添加，许多框架基 ......
Vue插件
功能：用于增强vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 定义插件： export default { install(Vue,x,y,z){ console.log(x,y,z) //全局过滤器 Vue.filter ......
day1 总结
day1总结 编程语言 人与计算机交流的介质 编程 用编程语言写出一个个文件，并用文件达到目的 为什么要编程 奴役计算机帮我们做事 计算机五大组成 cpu：大脑 内存：速度快，断电就消失 外存：速度慢，永久保存 输入设备：输入信息 输出设备：输出信息 机械硬盘工作原理 机械手臂：读取数据 磁道：存数 ......
Vue3实现电商放大镜效果
效果实现： 功能拆解： 左侧滑块跟随鼠标移动 右则大图放大效果实现 鼠标移入控制滑块和大图显示隐藏 滑块跟随鼠标移动 思路：获取到当前的鼠标在盒子内的相对位置（useMouseInElement），控制滑块跟随鼠标移动（left/top） 获取鼠标相对位置 控制滑块跟随移动 有效移动范围内的计算逻辑 ......
vue-quill
官网： https://vueup.github.io/vue-quill/ 引入vue-quill 当前版本： "@vueup/vue-quill": "^1.2.0" npm install @vueup/vue-quill@latest 全局设置 import { QuillEditor } ......
Day35 递归
递归 A方法调用B方法，我们很容易理解！ 递归就是：A方法调用A方法！就是自己调用自己 利用递归可以用简单的程序来解决一些复杂的问题。它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解，递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算，大大地减少了程序的代码量。递 ......