接口axios vue all
vue+vite首页加载白屏解决
1.在html文件中增加过渡css动画，如下图所示，参考若依项目 在资源还没加载完成时，红框中的动画会进行运行，当资源加载完成后，路由会自动替换红框中的静态资源，增加用户体验。 2.vite开启gzip压缩，安装vite-plugin-compression，如下图在config文件中引入 impo ......
基于.NetCore开发博客项目 StarBlog - (28) 开发友情链接相关接口
## 前言 之前介绍的友情链接功能，只实现了友情链接的展示和管理接口。 还缺失友情链接申请、审核管理、通知，现在把这块功能补全。 Model 什么的之前那篇文章都有，本文直接补全逻辑代码~ 详见: [基于.NetCore开发博客项目 StarBlog - (13) 加入友情链接功能](https:/ ......
c++11: all_of 、 any_of 和 none_of
242. 有效的字母异位词 ```cpp class Solution { public: bool isAnagram(string s, string t) { if(s.size()!=t.size()) return false; int ans[26]={0}; for(auto& ch: ......
Vue3.x 超详细入门教程
Vue3.x 超详细入门教程 目录 安装步骤 1. 安装vue-cli 2. 创建项目 3. 选择配置 4. 选择 Vue 版本 5. 是否使用 class 风格的组件语法 6. 是否使用 Babel 与 TypeScript 一起用于自动检测的填充 7. 是否使用 history 路由模式 8. ......
vue3.0路由的两种方式
```javascript import { createRouter, createWebHashHistory } from 'vue-router' const routes = [ { path: '/', name: 'index', component: () => import('./ ......
vue模拟el-table演示插槽用法
### vue模拟el-table演示插槽用法 > **很多人知道插槽分为三种，但是实际到elementui当中为什么这么用，就一脸懵逼，接下来就跟大家聊一聊插槽在elementui中的应用，并且自己写一个类似el-table的组件** vue的slot分为三种：:匿名插槽，具名插槽， 作用域插槽， ......
vue2.x中使用cherry-markdown
安装依赖 npm install cherry-markdown --save 子组件写法 <template> <div @click.prevent.stop> <div :id="mdId" :style="{height:height+'px'}" /> </div> </template ......
SpringSecurity集成启动报 In the composition of all global method configuration, no annotation support was actually activated 异常
## 一.异常内容 ```java Caused by: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'methodSecurityMetadataSource' def ......
vue-cli与Vite学习笔记
# vue-cli 与 Vite 学习笔记 ## 项目脚手架 在学习了如何使用 Webpack 这类打包工具来实现项目的自动化打包之后，相信许多人心中一定产生了一个疑问：难道每一次创建项目都需要进行那么复杂配置工作吗？在这个配置过程中，程序员们不仅需要手动设置项目结构，安装项目中用到的各种框架、第三 ......
基于electron25+vite4创建多窗口|vue3+electron25新开模态窗体
在写这篇文章的时候，查看了下electron最新稳定版本由几天前24.4.0升级到了25了，不得不说electron团队迭代速度之快！ 前几天有分享一篇electron24整合vite4全家桶技术构建桌面端vue3应用示例程序。 https://www.cnblogs.com/xiaoyan2017 ......
vue前端的avue-crud操作
1、在js中获取某个字段的属性，或设置字段的值： const column = this.findObject(this.option.column, "parentId"); column.disabled = true;//设置为禁用此字段 column.value = '1'; //设置par ......
【Springboot】实现项目启动后执行的两个接口ApplicationRunner和CommandLineRunner
开发中可能会有这样的场景，需要在容器启动的时候执行一些内容。比如读取配置文件，数据库连接之类的。SpringBoot给我们提供了两个接口来帮助我们实现这种需求。两个启动加载接口分别是：CommandLineRunner和ApplicationRunner。Spring 提供了接口 Initializ ......
Vue基本知识1，安装创建以及常用指令
# Vue基本知识1，安装创建以及常用指令 ## 1. Vue的概念 1. 概念 vue是一个渐进式的JavaScript开发框架；基于MVVM实现数据驱动的框架 [官网](https://cn.vuejs.org) 还可以用来做SPA(single page web application)： 一 ......
vue简单版分页功能实现
# vue简单版分页功能实现 **功能介绍：** 将数据（n条）进行划分，根据所在页面展示对应页面的数据。如 有100条数据，每一页展示10条，总共就就是100/10 = 10页。 **功能实现逻辑：** 1.准备静态页面， 分页块需要 上一页 1 2 3 下一页，这种格式。 2.准备data数据块 ......
vue中实现简单的分页功能-逻辑附完整代码，效果展示
# vue中实现简单的分页功能-逻辑附完整代码，效果展示 # `实现` [vue](https://so.csdn.net/so/search?q=vue&spm=1001.2101.3001.7020)分页主要是对数据的操作，针对前端的操作，需要确定以下的变量数据： `(不涉及前后台传值 只是前端 ......
深入vue2响应式原理,在对象或数组新增属性无响应
# 深入vue2响应式原理,在对象或数组新增属性无响应 # 解决方法 # 前言 ``` 该问题只存在vue2, 基于Object.defineProperty的特性,vue3中的proxy已经解决了该问题,但也存在兼容性问题, 例如IE系统任意版本都不支持. ``` ![image-20230524 ......
vue2和vue3数据双向绑定原理
## vue2数据双向绑定和vue3数据双向绑定的原理透析 参考资料 : https://www.jianshu.com/p/d7e2efde434b https://www.jianshu.com/p/d7e2efde434b 背景:面试官10个有9个都会问这个问题,所以深究一下啦 ### 需 ......
在上海包地种蔬菜是一种什么体验 All In One
# 在上海包地种蔬菜是一种什么体验 All In One > `三农` 问题：农业、农村、农民 https://zh.wikipedia.org/wiki/%E4%B8%89%E5%86%9C%E9%97%AE%E9%A2%98 ## demos --> ## (🐞 反爬虫测试！打击盗版⚠️）如果 ......
接口、定时、异步
## 1 远程接口 ### 1.1 URL与HttpUrlConnection ```java //接口路径 String path = ""; //创建URL URL url = new URL(path); //连接 HttpURLConnection urlConnection = (Http ......
基于JAVA的springboot+vue医院信息管理系统、医院挂号管理系统，附源码+数据库+论文+PPT
**1、项目介绍** 任何系统都要遵循系统设计的基本流程，本系统也不例外，同样需要经过市场调研，需求分析，概要设计，详细设计，编码，测试这些步骤，基于java语言设计并实现了医院信管系统。该系统基于B/S即所谓浏览器/服务器模式，应用java技术，选择MySQL作为后台数据库。系统主要包括首页，个人 ......
facebook console.log bug All In One
facebook console.log bug All In One
......
Vue3 ，html 修改滚动条样式
``` /* 滚动条 */ body *::-webkit-scrollbar { width: 5px; height: 10px; } body *::-webkit-scrollbar-track { background: #fff; border-radius: 2px; } body * ......
如何把树莓派变成一个开机自启动的 Wi-Fi 热点 All In One
# 如何把树莓派变成一个开机自启动的 Wi-Fi 热点 All In One > Wi-Fi hotspot / Wi-Fi 热点 ## 应用场景 > 把树莓派变成一个移动的 `Wi-Fi 热点` ❓ - SD 卡，系统已经提前配置好 SSH 等访问配置信息；✅ - 树莓派只要开机通电后，通过 `. ......
Vue3+TS后台项目笔记
> Date: 2023-05-29 17:56:27 > Author: Gavin > PS: 不喜欢做复制粘贴，这篇笔记只是简写关键 ### P1~12 Vue3 中的通信方式 - props `父=>子` 传的为不可变数据 - 自定义事件 `子=>父` - 全局事件总线 `任意组件` mit ......
vue3 defineEmits的用法
import { defineEmits } from 'vue' //定义emit 类型 interface EmitsType { (e: 'bClick', item: {name:string,age:number}): void } const emit = defineEmits<Emi ......
vue3 defineProps 的用法
import { defineProps, withDefaults, toRefs } from 'vue' //props 传过来的值的类型定义 interface ModuleType { num: number } const props = withDefaults(defineProps ......
uniApp中 vue3 setup语法糖中 调用onLoad，onshow 等生命周期
import { onLoad,onShow } from "@dcloudio/uni-app"; onShow(()=>{ console.log(msg.value) }) ......
为什么我们需要API接口？API接口的核心又是什么？
API（Application Programming Interface）是一种连接不同软件之间的标准化的接口，可以让不同软件间进行数据交互和通信。API接口的作用很多，以下是几个主要的原因： 1.提高软件系统的灵活性和可扩展性。API接口可以将不同的模块分离开来，使得系统更加模块化，便于后续 ......