组件 常用confirm vue

狂神Vue笔记

1. 前端核心分析 1.1 Vue 概述 Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架,发布于2014年2月。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库(如: vue-router: 跳转, ......
笔记 Vue

uniapp使用vue3 setup

引入 uniapp 页面声明周期 <script setup> // 重点 import { ref } from 'vue' let index = ref("11"); onShow(() => { index.value = "22"; }); </script> ......
uniapp setup vue3 vue

在Django+Vue3+GraphQL的Blog例子代码中引入Element-Plus UI Framework

Vue3的UI Framework中有Element-Plus、BalmUI、Quasar、PrimeVue、Ant Design Vue等UI Framework. Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较 ......

k8s各组件作用和pod通信原理

https://www.cnblogs.com/cyh00001/p/16488539.html kube-apiserver kube-apiserver负责和etcd交互, 提供了k8s各类资源对象的增删改查及watch等HTTP Rest接口,这些对象包括pods、services、repli ......
组件 原理 作用 k8s pod

Vue之混入对象mixin

简介 可以把多个组件共用的配置提取成一个混入对象。比如有两个组件,两个组件中有部分共同的内容,比如同样的变量,同样的函数等。这时候可以把这些共用的提取出来做成混入对象。 局部使用 在src目录中创建一个目录,我这里的目录名称就为mixin 在mixin目录中创建一个js文件,为了方便导入,所以创建的 ......
对象 mixin Vue

用quasar+vue3+组合式api VueRouter实现路由嵌套(二级路由)

前言: 本项目使用的是quasar创建,vue3的组合式api语法。部分语法不同,但不影响理解,修改语法后可以在vue2/选项式api项目中运行。 效果图: 文件目录结构和代码如下: 文中用到的标题栏数据如下: const titles = ref([ { name: "首页", path: "ho ......
路由 VueRouter quasar vue3 api

小程序组件中wx.createSelectorQuery().select()无效结果为null

非组件页面: wx.createSelectorQuery().in(this).select('.scroll-list').boundingClientRect((rect)=>{ console.log(rect) this.setData({scrollViewWidth:Math.roun ......

VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(四)

ClassicHeader <template> <header class="classic"> <div class="left"> <slot name="left"></slot> </div> <div class="right"> <slot name="right"></slot> < ......
静态 简易 系统 博客 JS

CKEditor粘贴图片自动上传到服务器(VUE版)

​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 ......
CKEditor 服务器 图片 VUE

vue学习备忘

vue学习备忘 vue中!!、!=、== 、!==、 判断符号的用法等 !可将变量转换成boolean类型,null、undefined和空字符串取反都为false,其余都为true。 可以总结出来,“!”是逻辑与运算,并且可以与任何变量进行逻辑与将其转化为布尔值,“!!”则是逻辑与的取反运算,尤其 ......
vue

vue长按事件指令(v-longPress)

import type { Directive, App } from 'vue'; const longPress: Directive = { beforeMount: function (el, binding, vnode, prevVnode) { if (typeof binding.v ......
指令 v-longPress longPress 事件 vue

Vue3中点击按钮滚动页面到低端

核心代码 <template> <div ref="editflagNode"></div> <div v-if="route.query.flag '1' || route.query.flag '3'"> <Title v-if="btnFlag || taskDetail.taskConclu ......
低端 按钮 页面 Vue3 Vue

批量上传GPT知识库,前端elementui的upload上传组件,后端Golang的上传接口实现

为了实现批量上传GPT的知识库并且功能,那么这个上传组件就必不可少,需要能把文档上传到服务器中。 前端部分,我是采用的cdn引入的形式,引入的elmentui。该框架是有上传组件的,可以参考我的用法: action部分就是上传接口,其他三个是上传之前的处理,上传成功和失败后的回调函数 <el-upl ......
前端 知识库 组件 elementui 接口

systemd 常用命令和配置

# systemd 配套命令 hostnamectl #查看设置主机名 localectl #查看设置本地化语⾔ timedatectl #查看设置时间时区 loginctl #查看登录⽤户 journalctl #⽇志管理 # 配置目录 /etc/systemd/system/ #当前系统本地配置 ......
命令 常用 systemd

自己动手,通过源码找回 Ant-Design-Blaozr 中 Tree 组件的搜索筛选效果

最近更新一个Blazor server的项目,顺带把用到的 Ant-Design-Blazor 升级到了最新的 0.14.4,结果发现之前在 0.8.4 版本中 Tree 组件的搜索显示效果变了,从仅显示找到的节点变成了在全部节点中高亮显示匹配的结果,为了节省用户沟通成本(就是懒得跟最终用户费口舌解 ......

VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(三)

Edit.vue <template> <div id="edit"> <ClassicHeader> <template v-slot:left> <span>编辑随笔</span> </template> <template v-slot:right> <el-button @click="ne ......
静态 简易 系统 博客 JS

VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(二)

后台管理页面,需要配合NODE.JS搭建的EXPRESS服务器使用。 main.js import Vue from 'vue' import App from './App.vue' import router from './router' import { Button, Input, For ......
静态 简易 系统 博客 JS

RestSharp组件中止线程问题

###背景:下单流程里面,生成发货单是在独立线程池完成的,有些批发订单数据巨大,频繁拆包生成多个发货单 排查:由于ES刷新是在一个独立的api里面,一开始怀疑是异步线程频繁请求api导致中断的 SemaphoreSlim:对同时访问资源或资源池的线程数加以限制,结果:无效 lock:顺序执行,使线程 ......
线程 组件 RestSharp 问题

VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(一)

很久以前写的。不想白写,这边记录一下,配合GPT简要回忆一下代码思路。 后台系统 demo_initBlog.js 首先是博客的后台系统,通过node demo_initBlog.js进行初始化。 const fs = require("fs").promises const path = requ ......
静态 简易 系统 博客 JS

Vue.js 组件内路由守卫

视频 About.vue App.vue #components ##Banner.vue <template> <div class="col-xs-offset-2 col-xs-8"> <div class="page-header"> <h2>Vue Router Demo</h2> <bu ......
路由 组件 Vue js

vue2+jsx与vue3+jsx插槽的写法

1.vue2 + jsx (1)slot组件 <template> <div class="index"> <h2>slotdemo -- 组件调用成功</h2> <slot name="title"></slot> <slot></slot> </div> </template> (2)调用 <s ......
写法 vue jsx vue2 vue3

vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。

原文转载:https://github.com/501351981/vue-office vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。 《演示效果》 功能特色 一站式:提供docx、pdf、excel多种文档的在线预览方案,有它就够了 简单 ......
vue vue-office 组件 多种 文件

vue 组件加点击事件

vue 默认只能在元素dom上面加点击事件,否则你给组件加上点击事件是没有效果的。 解决方案: 可以在组件的事件后面加.native @click.native ......
组件 事件 vue

基于 xterm + websocket + vue 实现网页版终端 terminal

cdn形式html页面实现 在进行开发这个功能的时候,进行了百度,最后参考此博主的文章中的自定义版本,进行修改:https://blog.csdn.net/qq_25252769/article/details/127791918 开发过程中,由于后台数据返回的格式需要进行处理,根据自身需求,代码进 ......
终端 websocket terminal 网页 xterm

Vue.js 独享路由守卫

视频 独享守卫: beforeEnter(to,from,next){ console.log('beforeEnter',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localStorage.getItem('school') 'atgui ......
路由 Vue js

Vue.js 全局前置和后置-路由守卫

全局前置路由守卫视频 全局后置路由守卫视频 12.路由守卫 作用:对路由进行权限控制 分类:全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫:初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeE ......
路由 全局 Vue js

vue点击其他地方,这个div隐藏,怎么通过自定义指令实现

vue指令 Vue指令是Vue.js框架中最核心的一部分之一,用于处理DOM元素上的行为和属性,类似于jQuery的插件。Vue指令使用v-前缀表示,例如:v-if,v-for,v-bind,v-on等等。 以下是一些常用的Vue指令: 1. v-model:绑定表单元素到Vue实例数据,实现数据的 ......
指令 地方 vue div

vue点击其他地方 这个div隐藏

Vue 中实现点击其他地方隐藏 `div` 的思路一般如下所示: 1. 给需要隐藏的 `div` 绑定一个 `v-show` 或 `v-if` 指令,初始状态为显示。2. 给整个页面或父级元素(比如 `body` 或者 `app` 组件,建议是根组件)绑定一个点击事件。3. 在点击事件的回调函数中, ......
地方 vue div

Docker常用命令

systemctl start docker # 启动docker服务,其中"ctl"是"control"的缩写,通常用于表示控制 ......
命令 常用 Docker

Nginx常用命令

nginx -c filename 设置配置文件(nginx -c /conf/nginx.conf)nginx -s reload 重新加载Nginx配置文件,然后以优雅的方式重启Nginxnginx -s reopen 重启Nginxnginx -s stop 强制停止Nginx服务nginx ......
命令 常用 Nginx