组件 常用confirm vue
《信息学竞赛中构造题的常用解题方法》学习笔记
orz jiangly 其实构造题还是非常的杂，除了一些套路，更多的做法还是考试的老老实实手玩。但很多人类智慧你没见过是想不出来的，所以这里总结一些做法。 抽屉原理 和为 $n$ 的物品分成 $k$ 组，最大的那组至少为 $\lceil\frac{n}{k}\rceil$，最小的那组至多为 $\lf ......
AntD框架的upload组件上传图片时遇到的一些坑
title: 09-AntD框架的upload组件上传图片时遇到的一些坑 publish: true 前言 本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 upload 组件。 前端做文件上传这个功能，是很有技术难度的。既然框架给我们提供好了，那就直接用呗。结果用的 ......
AntD框架的upload组件上传图片时使用customRequest方法自定义上传行为
title: 10-AntD框架的upload组件上传图片时使用customRequest方法自定义上传行为 publish: true 本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 upload 组件。 我在上一篇文章《前端AntD框架的upload组件上传图片 ......
组件化对话框
引用处 <template> <!-- 利用obj传递参数--> <Dialog :obj="data.permissionDialog" ref="permissionDialog"/> </template> <script setup> import Dialog from "@/compon ......
java基于springboot+vue的校园二手书交易管理、校园二手交易商城、校园二手交易管理系统，附源码数据库文档
1、项目介绍 本次设计任务是要设计一个乐校园二手书交易管理系统，通过这个系统能够满足乐校园二手书交易的管理员及卖家用户和用户二手书交易信息管理功能。系统的主要功能包括首页、个人中心、用户管理、卖家用户管理、图书分类管理、二手图书管理、求购图书管理、求购回复管理、留言反馈、系统管理、订单管理等功能。 ......
快速搭建vue
1.安装node.js node -v 2配置npm的全局安装路径npm config set prefix "E:\develop\NodeJS" 自己的安装路径 3切换镜像速度快 npm config set registry https://registry.npm.taobao.org 4n ......
Docker CLI docker compose port常用命令
Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linux或Windows操作系统的机器上，也可以实现虚拟化。Docker是内核虚拟化，不使用Hypervisor是不完全虚拟化，依赖内核的特性实现资源隔离。本文主要介绍Docke ......
linux的基础结构和常用的命令基本 Linux 命令的列表：
linux的基础结构和常用的命令基本 Linux 命令的列表： Linux提供了大量的命令，利用它可以有效地完成大量的工作，如磁盘操作、文件存取、目录操作、进程管理、文件权限设定等。所以，在Linux系统上工作离不开使用系统提供的命令。要想真正理解Linux系统，就必须从Linux命令学起，通过基础 ......
7.Vue3
8.Vue3 8.1.创建工程 8.1.1.使用vue-cli创建 这个创建方式与vue2的创建方式一致，只不过在选择版本的时候选择3即可 ## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上 vue --version ## 安装或者升级你的@vue/cli npm insta ......
一文解析 Pinia 和 Vuex，带你全面理解这两个 Vue 状态管理模式
https://mp.weixin.qq.com/s?__biz=MzA5MTI0ODUzNQ==&mid=2652957572&idx=1&sn=c77f7ca8550aace7714b26d6781ccca3&chksm=8bab097cbcdc806a190092a0c083f36b47f9e ......
Vue 路由router
简单案例： App.vue是核心组件，其中的<router-link>相当于a标签，to相当于href，export是暴露函数，这样某组件才能被其他组件识别到 代码： <template> <div id="app"> <img src="./assets/logo.png"> <h1>hello! ......
如何在Linux服务器上部署Vue项目
1. 在本地将Vue项目打包以项目运行在vscode为例，在调试窗口输入 npm run build待命令执行完毕之后，在项目目录下会生成dist文件夹，如下图 2. 创建一个运行文件，名字是：server.js server.js中的内容如下： const express = require('e ......
vue3源码-二、响应式原理effect的实现
effect实现 定义effect方法： export function effect(fn, options: any = {}) { // 创建响应式的effect const effect = createReactiveEffect(fn, options); // 默认会让effect先执 ......
vue3 vueRouter4 ：No match found for location with path ***
0. 采用vue+ router4 做路由导航. 首次载入控制台很干净. F5刷新后,控制台爆出警告,但点击路由正常工作. 1. 经过排查发现,是menu中使用了 <router-link> 这玩意,后来改造成 @click="router.push(ele.path)" 即可消除警告 2. 网络上 ......
11-react使用props.children 处理父子组件之间的传值
// props.children 组件传值 import { Component } from "react" import reactDom from "react-dom" // 床架一个 createRef 函数 用来创建 ref 对象 const Hello = (props) => { ......
Docker的一些常用命令
Docker 是一种容器化技术，需要使用许多命令来管理和操作容器。下面是对一些常用的 Docker 命令和它们的含义的解释： -v：用来将文件或者目录挂载到 Docker 容器中，使其可以在 Docker 容器内部进行访问。格式为-v /host/path:/container/path，其中/ho ......
响应式的 switchboard：让又大又慢的Vue/AIpine 页面爆快
我的提示： AIpine 是一个js 库，官网口号是 “一个新的轻量极javascript框架”，其实我之前也没接触过，翻译这篇文章时才注意到 官方地址： [AIpine.js]https://alpinejs.dev 下面开始是译文： 小提示： 在这篇文章中我将使用Vue/AIpine 术语 ，但 ......
10-react不同层级的组件之间的数据传递数据 createContext 上下文
// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { createContext, Component } from "react" // createContext is useed to create a contex ......
常用的正则表达式
开发过程中中常用正则式 身份证 弱校验：15位或18位，最后一位为校验位可能为数字或字符X (^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$) 手机号 ^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]| ......
Raid卡常用命令
1. 创建删除raid #删除raid /opt/MegaRAID/MegaCli/MegaCli64 -CfgLdDel -L1 -A0 L1：1为RIAD组 Target Id 号 #创建raid5 /opt/MegaRAID/MegaCli/MegaCli64 CfgLDAdd -r5 [41 ......
09-react的组件传值 props
// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { Component } from "react" // 类组件中使用函数组件 和 类组件 注意区分不同的组件使用不同方式接收数据 const Hellow = (pro ......
Django的message组件(源码分析)
Django的Message组件(源码分析) 1. 配置 # MESSAGE_STORAGE = 'django.contrib.messages.storage.fallback.FallbackStorage' # MESSAGE_STORAGE = 'django.contrib.messag ......
针对Vue前后端分离项目的渗透思路
引言 在目前的开发环境下，越来越多的厂商选择 Vue.js 来实现前端功能的编写，且成熟的前端框架已经可以实现后端代码实现的功能，导致后端目前只负责提供 Api 接口和文档，方便前端的同时去调用。本文主要介绍如何针对这类前后端分离的网站去进行渗透测试，以及如何高效进行渗透测试成为了重点关注的问题。 ......
Django4全栈进阶之路23 项目实战（报修类型表）：应用程序命名空间app_name和分页组件paginator
1、应用程序命名空间app_name from django.urls import path from . import views from .views import RepairDetailView app_name = 'repair' urlpatterns = [ path('repa ......
08-react修改state数据驱动视图UI的更新【注意和vue的区别】
// setState 修改状态 如果是直接修改页面不会改变 使用 setState 修改数据 才会驱动视图的改变 // setState 的原理：修改玩状态之后会调用 render 函数 import ReactDom from "react-dom" import { Component } f ......
线程常用方法join 和threadLocal
从源码中可以得知，如果想要join方法正常生效，调用join方法的线程对象必须已经调用了start()方法并且未进入终止状态。 扩展： 从join方法的源码来看，join方法的本质调用的是Object中的wait方法实现线程的阻塞，wait方法的实现原理在后续的文章中在说详细阐述。**但是我们需要知 ......
Vue 异步通信Axios
使用Axios实现异步通信需要先导入cdn： <script src="https://unpkg.com/axios@1.4.0/dist/axios.min.js"></script>使用到的数据data.json { "name":"kuang" , "url":"https://www.bi ......
vue3源码-一、响应式原理reactive的实现
reactive的实现 使用： 使用reactive()函数创建一个响应式对象。 import { reactive } from 'vue' export default { // `setup` 是一个专门用于组合式 API 的特殊钩子函数 setup() { const state = rea ......
问题解决：Component name "xxx" should always be multi-word vue/multi-word-component-names
如题，原因是单个单词命名时语法检测无法通过，可以在导出组件时通过name属性给组件名加一个后缀，比如Component。 <script> export default { // 当组件名为一个单词时，语法检查是无法通过的，可以设置name的值为2个单词来规避检查。 name: 'HomeCompo ......