fortawesome的使用,2023-12-25https://fontawesome.com/search?o=r&m=free&c=coding&s=solid6.5.1,3.0.5,6.5.1yarn add @fortawesome/fontawesome-svg-core yarn add @fortawesome/vue-fontawesome yarn
dotenv 使用npm 官方文档的这样介绍 dotenv: Dotenv 是一个零依赖的模块,它能将环境变量中的变量从 .env 文件加载到 process.env 中。使用在项目中安装 dotenvnpm install dotenv根目录下创建 .env 文件HOST=localhost PORT=3000根目录下 index.js 下引入 dotenv 并使用require('dotenv
效果vue001.vue<template> <div class="page-home" ref="canvas"> <div id="top_bar"> <div id="status">Loading</div> <div id="sendCtrlAltDelButton" @click="sendCtr
firewalld防火墙配置案例
systemctl status firewalld systemctl start firewalld systemctl stop firewalld systemctl enable firewalld systemctl disable firewalld systemctl is-enabled firewalld systemctl is-active firewalld system
Systemd 概述Systemd 简介Systemd 是一系列工具的集合,其作用也远远不仅是启动操作系统,它还接管了后台服务、结束、状态查询,以及日志归档、设备管理、电源管理、定时任务等许多职责,并支持通过特定事件(如插入特定 USB 设备)和特定端口数据触发的 On-demand(按需)任务。Systemd 的后台服务还有一个特殊的身份——它是系统中 PID 值为 1 的进程。更少的进程Sys
rocky linux9.3最小化安装后如果需要安装桌面等https://rockylinux.org/ 官网 https://rockylinux.org/download/https://www.rockylinux.cn/download 中文国内下载参考下载链接,以阿里云镜像仓库源为例: https://mirrors.aliyun.com/ro
简介DNF 命令(Dandified yum) 是基于 RedHat 的系统的传统YUM 包管理器的下一代版本。它是 Fedora 22、CentOS8 和 RHEL8 的默认包管理器。它旨在替代 YUM。它使用 RPM 和libsolv(由 OpenSUSE 维护)进行包管理。DNF旨在改善YUM的瓶颈,即性能、内存使用、依赖解决、速度和许多其他因素。DNF 使用 RPM、libsolv 和 h
noVNC安装和使用但是只能代理本地,不能代理其他地址,不知道原因,后面继续。安装tigervnc-server# dnf安装tigervnc-server dnf install tigervnc-server cp /lib/systemd/system/vncserver@.service /etc/systemd/system/vncserver@:1.service vim /etc/s
git status,查看git 状态,出现了中文文件名编码问题或者说乱码问题。1,右键点击gitbash上面的绿条,弹窗点Options2, 选择Text,修改编码如下图,然后点击Apply,Save3, 修改git的全局配置git config --global core.quotepath false #界面编码格式 git config --global gui.
先说重点,一般这里锁屏这里放到了2个位置,一个是放到router-view和他同级,一个是用documount来实现放到对应的位置。<template> <div id="app"> <app-navbar v-if="!lockStatus"></app-navbar> <router-view v-
minio对象存储搭建与使用(2023-12-08)官网:https://min.io/安装教程:https://min.io/docs/minio/linux/operations/installation.html一、直接下载使用wget https://dl.min.io/server/minio/release/linux-amd64/minio chmod +x minio MINIO_
lombok注解
先看效果图:项目需求:本地上传文件类型只能是 xml 和 a2l 的 做多上传个数为2个 可以多选上传 每种格式最多上传一个文件 上传为手动上传到服务器 上传错误有相应的提示需求分析: 首先上传为手动上传那么文件类型我是打算在选取文件到前端页面的过程中我就处理文件 或者也 可以在上传服务器的时候做判断 我这里选择选取文件的时候做判断 ①是为了展示正确不会有不
flinkcdc同步完全量数据就不同步增量数据了使用flinkcdc同步mysql数据,使用的是全量采集模型startupOptions(StartupOptions.earliest())全量阶段同步完成之后,发现并不开始同步增量数据,原因有以下两个:原因1:1.mysql中对应的数据库没有开启binlog在/etc/my.cnf配置文件中,在[ mysqld ]添加以下内容[mysqld]
Althttpd是一个简单的网络服务器已经运行 https://sqlite.org/ 网站 自2004年以来。 Althttpd力求简单、安全、低资源 使用。https://sqlite.org/althttpd/doc/trunk/althttpd.md截至2022年,althttpd实例sqlite.org 答案 约500,000HTTP请求每天(大约5或6每秒) 提供约
elementUI中el-upload的使用以及遇到的坑(手动上传案例)做项目时遇到一个需求,支持同时上传多个图片。element-ui 的 upload 组件支持多选文件,只需要配置参数 multiple 为 true 即可。但是这个组件默认会将多选的文件分多次进行上传,于是就会存在多次的上传请求(即同时上传3个文件,会同时调用3次上传接口,如图),由于后台的接口要求是一次请求能够上传多个文件,
element 手动上传(随手一发,可以拿过来就用,不做解释看不懂的可以照搬,?代码可复制?)<div> <el-upload class="upload" ref="upload" action="string" :file-list="fileList" :auto-upload="false" :http-request="upload
单个 <router-view/> 和多个 <router-view/> 的区别, 单个 <router-view/> 只是一个区域的变化,不需要设置name属性,在设置路由的时候单个<router-view/>使用的是component, 多个<router-view/>里面需要设置一个name属性,设置路由的时候单个<route
前言:EasyExcel是一个基于Java的简单、省内存的读写Excel的开源项目。在尽可能节约内存的情况下支持读写百M的Excel。easyexcel重写了poi对07版Excel的解析,能够原本一个3M的excel用POI sax依然需要100M左右内存降低到几M,并且再大的excel不会出现内存溢出,03版依赖POI的sax模式。在上层做了模型转换的封装,让使用者更加简单方便。官网:Easy
Font Awesome 是一个十分优秀的第三方图标库,我之前也写过文章介绍如何在 html 页面中使用它(点击查看)。本文接着介绍,如何在 Vue 项目中使用 Font Awesome。一、准备工作1,安装基础依赖进入 Vue 项目文件夹,执行如下命令安装基础依赖库。npm install --save @forta
第一种方式:js-cookiesyarn add js-cookieimport Cookies from 'js-cookie'; //引入cookie //设置cookie Cookies.set(key, val); //获取cookie Cookies.get(key); //移除cookie Cookies.remove(key); 第一种方式:vue-cookiesyarn add
https://easyexcel.opensource.alibaba.com/依赖<!-- https://mvnrepository.com/artifact/com.alibaba/easyexcel --> <dependency> <groupId>com.alibaba</groupId> <artifactId&
JdbcTemplate调用存储过程的主要有三种方发(精)一、jdbcTemplate.call()定义如下:Map<String, Object> call(CallableStatementCreator csc, List<SqlParameter> declaredParameters) throws DataAccessException;第一个参数是创建调用存储
创建存储过程的语法。DELIMITER $$ USE `dbname`$$ DROP PROCEDURE IF EXISTS `procedure_nanning`$$ CREATE DEFINER=`root`@`localhost` PROCEDURE `procedure_nanning`() BEGIN ----- SQL1; SQL2; SQL3; ----- END$$
shell脚本:一键编译go上传到服务器更新#!/bin/bash # 设置变量 localPath="/path/to/local/project" # 本地项目路径 buildPath="/path/to/build" # 构建输出路径 serverAddress="username@server" # 服务器地址 remotePath="/pa
一. 简介1. 什么Pinia? Pinia开始于大概2019年,最初是作为一个实验为Vue重新设计状态管理,让它用起来像组合式API(Composition API)。从那时到现在,最初的设计原则依然是相同的,并且目前同时兼容Vue2、Vue3,也并不要求你使用Composition API;Pinia本质上依然是一个状态管理的库,用于跨组件、页面进行状态共享(这点和Vuex、Re
反调试前端代码可以在开发者工具中看到,还可以查看网络请求的数据等。限制别人打开开发者工具或者让别人用不了开发者工具就达到反调试的目的了。常规方法监听是否打开开发者工具,若打开,则直接调用JavaScript的window.close()方法关闭网页。方法一监听F12按键、监听Ctrl+Shift+I(Windows系统)组合键、监听右键菜单。监听Ctrl+s是为了禁止保存至本地,避免被Overri
反调试前文:前端Chrome反调试方法一文中介绍了几种防止别人查看前端代码(主要是JS代码,HTML标签还是可以在Elements选项卡中查看)。有防止必有破解,以下介绍几种破解方式。一、反反调试 - 常规方法前文所提到的几个反调试方法,除debugger方式外,均判断是否打开开发者工具。破解的方式也很简单,基本只需两步就可以搞定。将开发者工具以独立窗口形式打开。打开开发者工具后再打开网址。二、反
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号