组件 常用confirm vue

vue3 粒子动画 canvas

<template> <div class=""> <canvas id="canvas"></canvas> </div> </template> <script setup> import { onMounted } from 'vue'; let d const project3D = (x, ......
粒子 动画 canvas vue3 vue

Suspense异步引入组件

等待异步组件时渲染一些额外内容,让应用有更好的用户体验 使用步骤: 异步引入组件 import {defineAsyncComponent} from 'vue' const Child = defineAsyncComponent(()=>import('./components/Child.vu ......
组件 Suspense

Docker CLI docker logs 常用命令

Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
命令 常用 Docker docker logs

linux基础命令及常用命令总结

1.ls命令 ls命令是最基础的命令之一,作用是列出当前目录下所有的文件和目录。ls命令有很多选项可以使用,比较常用的是-l选项,可以以详细信息的形式列出所有文件和目录的信息。 示例:列出当前目录下的所有文件和目录,使用-l选项 # ls -i 2.cd命令 cd命令可以进入指定的目录。在Linux ......
命令 常用 基础 linux

BootstrapBlazor组件库,在你的Blazor应用程序中添加一个看板娘

## BootstrapBlazor组件库,在你的Blazor应用程序中添加一个看板娘 效果如图 ![img](https://img2023.cnblogs.com/blog/2902819/202307/2902819-20230711201306161-1786295477.png) 这里主要 ......

vue表单中输入框事件的使用@input、@keyup.enter、@change、@blur、@focus

1.@input(v-on:input) 此触发方法适合在查询条件或实时规则校验中使用 <input type="text" placeholder="请输入查询内容条件" v-model="inputVal" v-on:input="search" value="" /> 2.@keyup.ent ......
表单 事件 change input enter

解决vue-router在3级路由keep-alive后组件加载多次方法

问题 连续两天遇到keepalive问题,第一个问题是三级路由嵌套router-view没法缓存问题,第二个问题是使用keepalive导致组件渲染两次问题,深坑。。。 官方bug 解决思路 引入routerHelper,createRouter时三级路由提升为两层 import { deepClo ......
路由 vue-router keep-alive 组件 方法

elementui文本框_element UI el-autocomplete组件 带输入建议的输入框

elementui文本框_element UI el-autocomplete组件 带输入建议的输入框 原文链接:elementui文本框_element UI el-autocomplete 带输入建议的输入框 项目需求:需要用户在输入框中输入公司 全名 但是为了避免用户输入不全 需要做一个带输入 ......

JUC包常用类原理

## 概要 放眼望去,`java.util.concurrent`包下类大致包括:atomic 原子类、锁、并发集合、线程池、工具类。我们挑重要的了解一下。 ![](https://img2023.cnblogs.com/blog/2728681/202307/2728681-20230711181 ......
原理 常用 JUC

Spring中最常用的11个扩展点

1.自定义拦截器 spring mvc拦截器根spring拦截器相比,它里面能够获取HttpServletRequest和HttpServletResponse等web对象实例。 spring mvc拦截器的顶层接口是:HandlerInterceptor,包含三个方法: 1.2)preHandle ......
常用 Spring

vue学习——vue实例与组件

vc不是通用的称呼,官方的说法是组件实例对象 组件实例的原型对象的原型对象是vue的原型对象 ......
组件 vue 实例

18:vue3 异步加载

在大型项目中,我们可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能: 1 <template> 2 <h3>异步加载</h3> 3 <KeepAlive> 4 <component :is="tabCompon ......
vue3 vue

17:vue3 组件保持存活状态

<KeepAlive> 是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例 1、不使用KeepAlive,组件不保持存活,验证如下: A组件 1 <template> 2 <h3>ComponentA</h3> 3 <p>{{ message }}</p> 4 <button @c ......
组件 状态 vue3 vue

vue2基础 入门vue2

# vue基础 - vue项目搭建 - vue单文件组件 - mustach表达式 - vue指令 - methods方法 - filters过滤器 - computed计算属性 - watch监听器 - vue组件 - vue-router 路由 - vue生命周期 - vue组件通信 - slo ......
vue2 vue 基础

vue自学总结

一、先安装node.js,安装之后需配制环境变量,否则运行npm命令时会导致该命令不存在的情况 查看版本:node -v 二、安装vue npm install -g vue-cli 安装vue2脚手架npm install -g @vue/cli 安装vue3脚手架npm uninstall -g ......
vue

16:vue3 动态组件

1 <template> 2 <h3>动态组件(A、B两个组件动态切换)</h3> 3 <component :is="tabComponent"></component> 4 <button @click="changeHandle">切换组件</button> 5 </template> 6 7 ......
组件 动态 vue3 vue

drupal 常用文档及站点链接

drupal 用户指南:https://www.drupal.org/docs/user_guide/en/index.html drupal 用户界面翻译:https://www.drupal.org/community/contributor-guide/reference-informatio ......
常用 站点 文档 链接 drupal

基于python的租房网站-房屋出租租赁系统(python+django+vue)

该项目是基于python/django/vue开发的房屋租赁系统/租房平台,作为本学期的课程作业作品。欢迎大家提出宝贵建议。 ### 功能介绍 平台采用B/S结构,后端采用主流的Python+Django进行开发,前端采用主流的Vue.js进行开发。 整个平台包括前台和后台两个部分。 - 前台功能包 ......
python 房屋出租 房屋 django 系统

基于python的视频点播网站(python+django+vue开发的视频点播网站-视频管理系统)

### 演示地址 前台地址: http://video.gitapp.cn 后台地址:http://video.gitapp.cn/admin 后台管理帐号: 用户名:admin123 密码:admin123 ### 源码地址 https://github.com/geeeeeeeek/python ......

WPF常用的曲线图控件

常用的曲线图控件 1、DynamicDataDisplay微软开发的开源曲线图控件,已经停止更新非常久,只有.Net Framework的版本,不支持.NET Core。 2、InteractiveDataDisplay也是微软开发的开源曲线图控件,相当于DynamicDataDisplay的升级版 ......
曲线图 控件 曲线 常用 WPF

移动端APP组件化架构实践

对于中大型移动端APP开发来讲,组件化是一种常用的项目架构方式。个人最近几年在工作项目中也一直使用组件化的方式来开发,在这过程中也积累了一些经验和思考。主要是来自在日常开发中使用组件化开发遇到的问题以及和其他开发同学的交流探讨。 ......
架构 组件 APP

Vue3.2项目构架之unplugin-auto-import自动引入

vue3日常项目中定义变量需要引入ref,reactive等等比较麻烦,可以通过unplugin-auto-import给我们自动引入 1、安装 npm i -D unplugin-auto-import 2、在vite.config.ts中引入 import AutoImport from 'un ......

vue给某一个页面背景色改变

最简单的方法 export default { name: 'your name', beforeCreate () { document.querySelector('body').setAttribute('style', 'background:#fff') }, beforeDestroy ......
背景 页面 vue

15:vue3 组件生命周期函数应用

1 <template> 2 <h3>组件生命周期函数应用</h3> 3 <!--验证Dom结构加载时机--> 4 <p ref="name">我的内容</p> 5 <!--模拟网络加载数据--> 6 <ul> 7 <li v-for="(item,index) in banner" :key="i ......
周期函数 函数 组件 周期 生命

Vue异步组件与Suspense

### 异步组件 #### 什么是异步组件 在Vue中,当我们注册全局或局部组件时,它们都是同步地被“立即解析并加载”的。这意味着在我们的程序初始化时,所有组件都会通过网络被下载到内存中,并且在内存中占用一定的资源。预加载所有组件会将页面的初始加载时间和性能降低,尤其是在移动设备上。为了避免这种情况 ......
组件 Suspense Vue

vue安装配置

vue安装配置 一、下载Node.js,去中文官网http://nodejs.cn/download/下载 二、安装Node.js 安装完后在cmd中执行 node -v 查看版本 安装完后在cmd中执行 npm -v 三、配置npm的全局模块的存放路径以及缓存的路径 在node.js的安装目录下新 ......
vue

Spring Boot常用工具类

**Spring Boot自带的工具类** 来源:https://baijiahao.baidu.com/s?id=1767377176417069985 一、Assert 类(断言) 1.断言是一个逻辑判断,用于检查不应该发生的情况 2.Assert 关键字在 JDK1.4 中引入,可通过 JVM ......
常用工具 常用 工具 Spring Boot

VUE基础-条件渲染

使用 v-if 指令来有条件地渲染元素: 也可以使用 v-else 和 v-else-if 来表示其他的条件分支: 完整示例: ``` toggle {{awesome}} Yeah Yeah Oh no 😢 ``` ......
条件 基础 VUE

VUE基础-表单绑定

我们同时使用v-bind 和 v-on 来在表单的输入元素上创建双向绑定: 完整示例如下: ``` {{ text }} ``` 为了简化双向绑定,Vue 提供了一个 v-model 指令,它实际上是上述操作的语法糖: `````` v-model 会将被绑定的值与 ` `的值自动同步,这样我们就不 ......
表单 基础 VUE

在VUE中使用vue-baidu-map获取经纬度和搜索地址

在开发项目的时候,发现需要获取经纬度,由于这个项目是用vue写的,最后决定使用vue-baidu-map来快速获取经纬度 基于 Vue.js 封装的百度地图组件,运行流畅,代码简单易懂,几乎包含了百度地图官方的所有API,文档地址:https://dafrok.github.io/vue-baidu ......
经纬度 经纬 vue-baidu-map 地址 baidu