接口axios vue all

Vue源码学习(十八):实现组件注册(一)Vue.component()和Vue.extend()

好家伙, 0.完整代码已开源 https://github.com/Fattiger4399/analytic-vue.git 1.思路 1.1.什么是组件化? Vue 组件化是指将复杂的应用程序拆分成多个独立的、可复用的组件,这些组件可以实现特定的功能或局部功能。组件化有助于提高开发效率、方便重复 ......
Vue 组件 component 源码 extend

restful接口

- restful接口要点: 1、URL中的路径表示资源,路径中不能有动词,例如create、delete、update这些都不能有 2、操作资源要与http请求方法对应 3、操作结果要与http响应状态码对应 - ......
接口 restful

vue3 vite.config.ts 如何增加构建时间,并展示在index.html里面

首先需要安装vite-plugin-html插件 在vite.config.ts文件中增加如下代码: plugins: [ createHtmlPlugin({ minify: true, pages: [ { template: 'index.html', filename: 'index.htm ......
时间 config index vue3 vite

vue项目构建过于慢的问题

因为 vue init 使用的是 npm源,是国外的 注意:如果命令行运行不了npm命令或vue命令(就是提示命令不存在,则需要以管理员身份运行cmd) 1、检查npm源,如果不是taobao的源,则需要切换 //查看源,可以看到设置过的所有的源 npm config get registry 2、 ......
项目 问题 vue

Vue3基于elementPlus定制样式覆盖

scss 变量替换方案 步骤: 安装scss pnpm add sass -D 准备定制样式文件 styles/element/index.scss /* 只需要重写你需要的即可 */ @forward 'element-plus/theme-chalk/src/common/var.scss' w ......
elementPlus 样式 Vue3 Vue

C# + Vue3采用SM4

引用 类库: using Org.BouncyCastle.Asn1; using Org.BouncyCastle.Asn1.GM; using Org.BouncyCastle.Asn1.X9; using Org.BouncyCastle.Crypto; using Org.BouncyCas ......
Vue3 Vue SM4 SM

.net实现后台服务就这么简单,只要实现IHostedService接口就行了

IHostedService 接口在.NET Core中的主要用途是定义应用程序生命周期内运行的后台服务。这些服务可以执行初始化、长时间运行的任务、定期运行的任务等。通过实例,我们可以演示如何使用 IHostedService 来实现一个简单的网络检测服务,并记录日志。 首先,我们需要创建一个实现  ......
IHostedService 后台 接口 net

is not eligible for getting processed by all BeanPostProcessors 问题解决

问题 在做 Springboot 项目时遇到如下报错 18.684 INFO o.s.c.s.PostProcessorRegistrationDelegate$BeanPostProcessorChecker:350 restartedMain Bean 'org.apache.rocketmq. ......

flask支持Vue2 mode history历史模式

Vue Router 配置 在Vue2 router里面增加 const router = new VueRouter({ mode: 'history', base: '/admin/', //这里路径写你打包后的网址路径 routes: [ // 这里是你的路由配置 ], }); vue.con ......
history 模式 历史 flask Vue2

vue 格式化JSON

第一步:安装 npm i bin-code-editor -S # or yarn add bin-code-editor 第二步:在main.js中引入 //引入vue import Vue from 'vue'; //引入bin-code-editor相关插件和样式 import CodeEdi ......
格式 JSON vue

废弃的接口、语言特性、属性和约定 【ChatGPT】

https://www.kernel.org/doc/html/v6.6/process/deprecated.html 废弃的接口、语言特性、属性和约定 在一个完美的世界中,将所有废弃的 API 实例转换为新的 API 并在单个开发周期内完全移除旧的 API 是可能的。然而,由于内核的规模、维护层 ......
属性 特性 接口 ChatGPT 语言

Linux内核驱动程序接口 【ChatGPT】

https://www.kernel.org/doc/html/v6.6/process/stable-api-nonsense.html#binary-kernel-interface Linux内核驱动程序接口 (回答你的所有问题以及更多) Greg Kroah-Hartman greg@kro ......
内核 驱动程序 接口 ChatGPT 程序

vue实现大文件分片上传

这里使用了element ui的文件上传插件 <div class="inputTitle">人员资料</div> <div class="uploadBox"> <div class="picture"> <img src="@/assets/images/zip-before.png"> </d ......
文件 vue

Vue3 diff算法详解

Diff 更新算法 由于目前Vue3对于性能的优化做了很多的处理,所以其在更新时并不会对所有的节点都进行diff更新。目前会进行diff更新的有以下两种情况: v-for容器节点 自写的render()函数 还有一种特殊情况会进行无diff的按序更新,这种更新是全替换模式,非常耗时: 无key值的v ......
算法 Vue3 diff Vue

Vue2 的 diff 算法详解

所谓 diff 算法,就是通过比对新旧两个虚拟节点不一样的地方,针对那些不一样的地方进行新增或更新或删除操作。接下来详细介绍节点更新的过程。 首先进行静态节点处理,判断新旧两个虚拟节点是否是静态节点,如果是,就不需要进行更新操作,可以直接跳过更新比对的过程 。 再更新处理新老节点的属性,获取新老节点 ......
算法 Vue2 diff Vue

vue+spirngboot前后端数据加解密(基于AES+RSA实现)

案例说明 案例只针对post请求 这里使用’Content-Type’: ‘application/x-www-form-urlencoded; charset=UTF-8’;为键值对的形式(非json) AES加密数据,RAS加密AES的key 实现思路 前台首先请求非加密接口获取后台的公钥前台在 ......
spirngboot 数据 vue AES RSA

vue2实现文件分片上传/续传

两种上传文件方式一种分片和续传工具包/assets/utils.js export function fileParse(file, type = "base64") { return new Promise(resolve => { let fileRead = new FileReader(); ......
文件 vue2 vue

懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref...

在 Vue3 中,有许多与响应式相关的函数,例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法,让在实际开发中知道应该使用哪些 API 并能够熟练地回答面试官的相关问题。 ref() 大家对于 ref 这个 AP ......
toRefs isRef toRef unref Vue3

Vue之this.$options.data()和this.$data

Vue之this.$options.data()和this.$data:https://blog.csdn.net/weixin_44090040/article/details/129875428?utm_medium=distribute.pc_relevant.none-task-blog-2 ......
this data options Vue

vue实现全局消息提醒功能(vue-extend)

1.需求背景 (1)在一般的管理系统或者 H5 应用中,需要交互反馈提醒。这种交互反馈,往往需要在多个组件中使用到,那么是否可以将其抽离出来,封装一个组件呢?答案是肯定的,可以根据日常的业务,对消息提醒功能进行封装,那么问题来了,如何实现一次注册,多次使用呢,关键时刻,vue.extend API ......
全局 vue-extend vue 消息 功能

vue3 引入axios 并封装下

没有考虑取消重复请求、重复发送请求、请求缓存等情况 重复请求参考此链接 实现请求拦截 实现响应拦截 常见错误信息处理 请求头设置 api 集中式管理 index.js import axios from "axios"; import qs from "qs"; const serverConfig ......
axios vue3 vue

vue项目中自定义鼠标图标实现

要做大屏项目,为了各个细节都充满炫酷的感觉,鼠标的样式也要修改一下,自定义成自己想要的样式。 1、先上效果图,两种展示方式 实现这个效果首先要创建在目录下创建一个styles文件夹,里面分别包括common.css、common.scss、custom-cursor.scss。 1、common.c ......
图标 鼠标 项目 vue

在vue3中使用openlayers3实现track轨迹动画

网上太多资料代码,抄来抄去,而且版本也是OL2的,部分API已经弃用 基础知识不多说,直接讲重点 三个关键变量 // 记录开始动画的时间 const startTime = ref(0); // 轨迹分割的颗粒度,数值越小分的越细 const particle = 20; // 轨迹动画的速度,数值 ......
openlayers3 openlayers 轨迹 动画 track

vue实现大文件分片上传 vue-simple-uploader

首先为什么要分片上传?大部分小白使用element-ui中上传组件,但是直接用它上传大文件会 超时 或者Request Entity Too Large(请求实体太大)这种问题。 1. 使用插件 vue-simple-uploader我的这个可以自定义样式(没懂的留言给我) 1.1 customUp ......

vue2、vue3适配大屏。分辨率变化,样式不变

一、vue3适配大屏的,创建一个叫 useDraw.js export default function () { const scale = { width: '1', height: '1', } const baseWidth = 1920 const baseHeight = 1080 co ......
大屏 样式 vue 分辨率 vue2

基于vue脚手架的练习2

<template> <div> <span>父值为:</span>{{ to_value }} <button @click="clear()">清空</button> </div> </template> <script> export default { props:['to_value'], ......
脚手架 vue

Vue路由params、query传参用法,以及form表单回车自动提交问题

一、路由参数用法 1.1 query参数 第一种方式传参:跳转路由并携带query参数,注意to的字符串写法 将id和title拼接字符串形成地址 <router-link :to="`/home/message/detail?id=${item.id}&title=${item.title}`"> ......
表单 路由 params 问题 query

vue实现下载附件功能

两种方式下载: 第一种:直接a标签下载 <a class="item-btn download" :href="'/xxx/xxx/download?id=' + xxx.id" :download="xxx.name">下载附件</a> 第二种: <el-button class="item-bt ......
附件 功能 vue

SpringBoot+线程池实现高频调用http接口并多线程解析json数据

场景 Springboot+FastJson实现解析第三方http接口json数据为实体类(时间格式化转换、字段包含中文): https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/134872936 Java中ExecutorServic ......
线程 SpringBoot 接口 数据 http

vue-quill富文本编辑器实现图片缩放

安装环境 官网:https://vueup.github.io/vue-quill/guide/modules.html npm安装:npm install @vueup/vue-quill@latest --save pnpm安装:pnpm add @vueup/vue-quill@latest ......
编辑器 vue-quill 文本 图片 quill