空格 源码app vue
vue3 create-vue 开启vite自动验证eslint
0. vue3 cli推荐新的构建工具 vite,但没有yarn run dev后并不自动检测eslint规则,需要运行yarn run eslint 1. 添加组件即可 yarn add vite-plugin-eslint --dev 2. 在vite.config.js加入 1 import ......
npm发布相关整个项目源码
发布项目源码 本地模式发布 npm link 本地模式安装 npm link data-platform npm 私服模式 npm install data-platform 如何集成 在 vue.config.js 中添加别名 chainWebpack: config => { config.re ......
ant design of vue的a-rang-picker时间控制既不能选今天以后的日期且开始时间跟结束时间之间差不能超过3天
在项目中这个问题在困扰我，虽然我知道它是有一个Api是disableDate来控制时间的选择；但是只能够实现开始时间跟结束时间之间差不能超过3天。 效果图 接下来就是代码时间呀 <a-col> <a-form-model-item label="任务时间范围" prop="priceRangeDat ......
vue3 keep-alive实现tab页面缓存
先上图 如何在我们切换tab标签的时候，缓存标签最后操作的内容，简单来说就是每个标签页中设置的比如搜索条件及结果、分页、新增、编辑等数据在切换回来的时候还能保持原样。 看看keep-alive是如何实现该功能的。 首先我们要了解keep-alive的基本使用。具体介绍请查看官方文档（https:// ......
vue自定义事件
书接上文，我们仔细想一想，如果我们想要在模板标签中，操作vue对象中的数据，根据前面学习的知识我们可以知道， 如果模板标签想要读取vue对象中的数据，需要对想要的数据进行绑定，并且通过props接收， 如此以来，我们实际上是将vue中的数据传到了模板里，也就是说，在模板中的数据类似于局部变量， 对局 ......
vue打包后，接口请求404的完美解决方案
在开发环境中，和后台对接为了解决跨域问题，使用了代理，也就是vue的proxyTable，但是打包放到生产环境中去时，接口请求不到，404，原因是开发环境的代理并不能用到生产环境，但是直接在请求接口是使用服务器地址，可以成功，但是会造成cookie丢失而失去权限验证 我脑海里出现有两种办法，一是使用 ......
【uni-app】【01】底部导航栏与页面切换
1.（配置文件在哪）uni-app 路由控制是在 pages.json文件中的。 2.（基本配置项有哪些）初学的时候主要有三个配置项，①pages ② globalStyle ③ tabbar [!TOC] 接下来主要是对这三个配置项做一个简单介绍。 pages 负责页面管理。不需要自己写的，你在项 ......
vue 拖拽功能实现
前言 最新项目里使用到了拖拽的功能，查阅资料后，看到一篇关于拖拽的详细文章：https://www.cnblogs.com/xiaohuochai/p/5886618.html 基于此，记录下 vue 实现拖拽的过程，以下是编写的示例demo效果图： 设置拖拽时，需要拖拽的元素要设置 draggab ......
Vue设置默认加载页面，去掉地址栏#号
{ path: '/', component: Login,//想默认启动的页面}, mode:"history" //去掉地址栏的#号 ......
DRF的Serializer组件(源码分析)
DRF的Serializer组件(源码分析) 1. 数据校验 drf中为我们提供了Serializer，他主要有两大功能： 对请求数据校验（底层调用Django的Form和ModelForm） 对数据库查询到的对象进行序列化 示例一: 基于Serializer # models.py class U ......
解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题
找了很久这个问题 解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题 - 北桥苏 - 博客园 (cnblogs.com) 解决办法 改为 问题解决 没有找到为什么 好像高版本的router没有这个问题 我因为 ......
Vue Typescript 引入文件接口，就无法使用withDefaults
就是代码写的不规范 报错写法 import {Setting} from '@element-plus/icons-vue' import { defineProps ,withDefaults } from 'vue' import {PiProject} from '@/types/Projec ......
vue3组合式API介绍
为什么要使用Composition API? 根据官方的说法，vue3.0的变化包括性能上的改进、更小的 bundle 体积、对 TypeScript 更好的支持、用于处理大规模用例的全新 API，全新的api指的就是本文主要要说的组合式api。 在 vue3 版本之前，我们复用组件（或者提取和重用 ......
vue3学习之axios、mockjs、nswag
axios、mockjs 安装 npm i --save axios npm i --save mockjs axios、mockjs使用 创建 src\api 目录 添加http.ts import axios from "axios"; let http = axios.create({ bas ......
vue计算属性、内容分发
计算属性可以想象为缓存 在调用方法时，每次都需要进行计算，既然有计算过程则必定产生系统开销，那如果这个结果时不经常变化的呢？此时就 可以考虑将这个结果缓存起来，采用计算属性可以很方便的做到这一点，计算属性的主要特性就是为了将不经常变化的计算结果进行缓存， 以节省我们的系统开销 计算属性一般写在com ......
Vue基础知识
模板语法 文本插值（text interpolation） 最基本的数据绑定形式，使用“Mustache”语法即{{...}} <span>Message:{{msg}}</span> {{}}中的值会被替换为相应组件实例中msg属性的值，且会同步地更新 原始HTML <p>Message:<spa ......
【Visual Leak Detector】源码文件概览
说明 使用 VLD 内存泄漏检测工具辅助开发时整理的学习笔记。本篇对 VLD 源码包中的各文件用途做个概述。同系列文章目录可见 《内存泄漏检测工具》目录 1. 整体概览 以 vld2.5.1 版本为例，下载源码 后，根目录下一共 5 个文件夹：.teamcity、lib、mfc_detect、set ......
RuoYi-Vue 分离版 收获与总结
https://blog.csdn.net/qq_41965731/article/details/115241184 一、常量的定义 以下是阿里编码规约 二、图片的 base64 编码 https://blog.csdn.net/duola8789/article/details/78844431 ......
vue2源码-十二、mixin的使用和原理
mixin的使用和原理 使用： 可以通过 Vue.mixin 来实现逻辑的复用,问题在于数据来源不明确。声明的时候可能对导致命名冲突 vue3 采用的就是 compositionAPI 局部混入： var myMixin = { created: function () { this.hello() ......
【源码分析】XXL-JOB的执行器的注册流程
目的：分析xxl-job执行器的注册过程 流程： 获取执行器中所有被注解(@xxlJjob)修饰的handler 执行器注册过程 执行器中任务执行过程 版本：xxl-job 2.3.1 建议：下载xxl-job源码，按流程图debug调试，看堆栈信息并按文章内容理解执行流程。 完整流程图： 查找Ha ......
深入 NODEJS 源码探究 CPU 信息的获取与利用率计算
在 Linux 下我们通过 top 或者 htop 命令可以看到当前的 CPU 资源利用率，另外在一些监控工具中你可能也遇见过，那么它是如何计算的呢？在 Nodejs 中我们该如何实现？ 带着这些疑问，本节会先从 Linux 下的 CPU 利用率进行一个简单讲解做一下前置知识铺垫，之后会深入 Nod ......
UE5新功能StateTree源码解析
StateTree 是一种UE5中新增的通用分层状态机，其组合了行为树中的 选择器（Selectors） 与状态机中的 状态（States） 和 过渡（Transitions） 。用户可以创建非常高效、保持灵活且井然有序的逻辑。 StateTree包含以树结构布局的状态。状态选择可以在树中的任意位置 ......
04：基础入门-WEB源码拓展
前言：WEB源码在安全测试中是非常重要的信息来源，可以用来代码审计漏洞也可以用来做信息突破口，其中WEB源码有很多技术需要简明分析。比如：获取某ASP源码后可以采用默认数据库下载为突破，获取某其他脚本源码漏洞可以进行代码审计挖掘或分析其业务逻辑等，总之源码的获取将为后期的安全测试提供了更多的思路。 ......
剑指Offer——05.替换空格（c语言）
title: 剑指Offer 05.替换空格（c语言） 请实现一个函数，把字符串 s 中的每个空格替换成"%20"。 示例1： 输入：s = "We are happy." 输出："We%20are%20happy." 限制： $$ 0 \leqslant s的长度 \leqslant 10000 ......
uni-app 页面传值 tabbar切换
场景：tabbar页面是展示一个列表，页面中有一个搜索按钮，点击按钮进入搜索页面，输入字段以后返回tabbar页面展示相应的搜索结果，切换tabbar页面后搜索条件置空 方案1：使用navigateTo 跳转传值 坑1：因为搜索页要跳转的是tabbar页面，不能直接使用navigateTo 跳转，只 ......
vue-admin-template 如何添加快捷导航（标签导航栏）
前言 关于快捷导航(标签栏导航)在文档中确实有介绍，但是看完是一头雾水，不知道如何修改，不过文档最后给了一个移除的大致操作，从这里可以找到入手点 前期准备 vue-admin-template 项目代码 vue-element-admin 项目代码 操作流程 注：以下操作流程是按照自行摸索的操作顺序 ......
VUE3 里面使用 vuedraggable 兼容tag="transition"的问题
vue3的拖拽tag="transition"报的错误 TypeError: Cannot set properties of null (setting '__draggable_context') 安装拖拽的时候，使用命令 yarn add @marshallswain/vuedraggable ......
vue3中使用defineExpose报TS-2339
title: "vue3+ts使用defineExpose报TS:2339" date: 2022-12-29 19:32:44 tags: ["Vue", "踩坑记录"] categories: ["前端篇"] 开头先把错误贴上 src/hooks/usePageSearch.ts:9:27 TS ......