教程npm vue

基于Vue.js和Vanta.js的动态天空颜色效果实现

背景 最近在写一个Vue项目,想要在登录界面加一个动态背景效果,搜索之后发现了 Vanta.js(https://www.vantajs.com/ )这个库。Vanta 可以借助 three.js (WebGL) 或 p5.js 渲染动态的3D背景效果,提供了多种预设。 几种效果都挺不错的,最终我决 ......
颜色 效果 天空 动态 Vanta

vue 将html保存成pdf文件

结合 html2canvas 和 jspdf 插件处理 /* eslint-disable */ //不使用JQuery版的 import html2canvas from 'html2canvas' import JsPDF from 'jspdf' /** * @param ele 要生成 pd ......
文件 html vue pdf

34-Vue脚手架-组件的自定义事件(使用自定义事件优化Todo-List案例)

组件的自定义事件 1.一种组件间通信的方式,适用于 子组件 > 父组件(这里也可以使用 props 传递数据进行实现) 2.使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中) 3.绑定自定义事件: 1)第一种方式,在父组件中 <!--通过父组件给子 ......
事件 脚手架 组件 Todo-List 案例

nvm使用教程

Node.js:基于Chrome V8引擎的JS运行环境(javascript代码运行环境) npm: 第三方js插件包管理工具,会随着node一起安装(Node package Manager) npx:npm5.2之后新增的npx命令 优点: 1、直接到当前项目node_moudle/.bin/ ......
教程 nvm

Docker使用教程

Docker安装及使用教程(Windows版) 1.下载安装 2.启用windows Hyper-V虚拟引擎 1.打开设置 2.搜索【启用或关闭 windows 功能】 3.勾选Hyper-V服务 4、根据提示重启电脑,等待更新即可 2.启动Docker Desktop 3.配置加速源 4.迁移镜像 ......
教程 Docker

vue关于render函数如何渲染v-html

render函数如何渲染v-html,两种方式(适用于搜索关键字高亮) 例子:“互联网数据” 搜索关键字"网" ==>row.htmlStr:互联<span class="search-text">网</span>数据 render: (h, { row }) => { // 模板组件方式 retu ......
函数 render v-html html vue

【GEE】Google Earth Engine(GEE)注册详细教程&无需教育邮箱

GEE(Google Earth Engine)是一款由谷歌开发的云端地理数据处理工具,它利用云计算的能力,提供全球地理空间数据的存储、处理和分析服务。GEE适用于各种领域,如地理信息系统(GIS)、环境科学、城市规划、考古学等,能够帮助用户快速处理和分析大量的地理数据,以解决实际问题。 ......
GEE 邮箱 教程 Engine Google

vue中attrs的使用

vue中attrs的使用 1.attrs的作用 用来进行子孙组件之间的数据传递 接收父组件传过来,但是又没有在props中定义的数据。(class及style除外) 2.父子组件之间数据传递的用法 爷爷组件-grandpa: <template> <div> <span>爷爷</span> <Son ......
attrs vue

SQL Server数据库创建远程服务器备份计划(小白详细图文教程)

一、前言 最近项目系统做安全加固,以前是本地备份,现在需要做远程内网服务器数据库备份,后期也有可能做异地备份。下面以SQL Server2016 内网服务器数据库备份为例, 数据库服务器地址:192.168.10.200 备份服务器地址:192.168.10.100 二、创建存储文件夹192.168 ......
备份 图文 数据库 服务器 教程

vue3 + vite 的Excel表格的导入导出

一、安装XLSX插件 yarn add xlsx 或者 npm i xlsx 二、引入插件 在你需要的页面或者在main.js中引入 import * as XLSX from 'xlsx' 三、导出Excel 3.1 核心api ① xlsx.utils.book_new() 新建工作簿 ② xl ......
表格 Excel vue3 vite vue

2023最新Telegram电报改成中文版界面及汉化教程 简体中文语言包

Telegram不管PC端还是IOS/ANDROID端的APP默认是英文的,没有中文选择,这对我们国人特别不习惯,简单几步的方法我们就可以把语言设置问我们熟悉的中文了。 以下方法适用于PC端/IOS/ANDROID端三端通用。 第一步:直接点击 简体语言包:https://t.me/setlangu ......
电报 Telegram 中文版 界面 语言

「Eolink Apikit 教程」API 异常监控-创建 API 监控

API 监控能够确保 API 的稳定性。如果一个 API 出现故障或崩溃,它可能会导致整个应用程序无法正常工作。这对用户和业务来说可能是灾难性的。通过监控 API,开发团队可以及时发现问题并采取措施来修复它们,从而降低应用程序中断的风险。 作为开发人员,了解API生命周期中的每一个步骤可以帮助改善设 ......
API 教程 Eolink Apikit

Vue2 实现印章徽章组件

Vue2 实现印章徽章组件 需要实现的组件效果: 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 <template> <div class="first-ring" v-bind="getBindValue" :class="getStampBadgeClass" :style ......
徽章 印章 组件 Vue2 Vue

[WEB安全] XSS攻击防御 Vue

一、概念 XSS攻击通常指的是通过利用网页开发时留下的漏洞,通过巧妙的方法注入恶意指令代码到网页,使用户加载并执行攻击者恶意制造的网页程序。 这些恶意网页程序通常是JavaScript,但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。 攻击成功 ......
WEB Vue XSS

SQL Server2022安装图文教程

一:下周(1)官网下载链接https://www.microsoft.com/zh-cn/sql-server/sql-server-downloadsSQL Server 下载 | Microsoft(2)在下载目录中找到下面这个小的安装包 SQL2022-SSEI-Dev.exe,运行开始下载S ......
图文 教程 Server 2022 SQL

[Vue]列表渲染v-for

1. 用于展示列表数据 2. 语法:v-for="(item, index) in xxx" :key="yyy" 3. 可遍历:数组、对象、字符串(不常用)、指定次数(不常用) <body> <div id="root"> <!-- 遍历数组 --> <h2>人员列表</h2> <ul> <li ......
v-for Vue for

Intellij IDEA安装与配置教程(Windows版)

本文探讨了程序员在工作中需要掌握的工具Intellij IDEA,包括下载安装、JDK环境配置、创建Java项目、在IDEA运行第一个程序等。 ......
Intellij Windows 教程 IDEA

33-Vue脚手架-浏览器本地存储(使用本地存储优化Todo-List案例)

什么是网络存储 在HTML5之前,开发人员一般是通过使用Cookie在客户端保存一些简单的信息的。 在HTML5发布后,提供了一种新的客户端本地保存数据的方法,那就是Web Storage,存储内容大小一般支持5MB左右(不同浏览器可能还不一样),它允许 Web 应用程序在用户浏览器中实现本地存储机 ......
脚手架 Todo-List 浏览器 案例 Todo

Metasploit使用教程

Metasploit是一款广泛使用的漏洞评估和渗透测试框架,它可以用于测试网络的安全性,识别漏洞、攻击目标等。本篇教程将介绍如何使用Metasploit进行渗透测试,并对其相关功能进行详细说明。 一、Metasploit简介 Metasploit是一个开源框架,由Rapid7公司开发和维护,旨在帮助 ......
Metasploit 教程

黑马程序员2023新版JavaWeb开发教程学习笔记

前言 该笔记灵感来源于B站《黑马程序员2023新版JavaWeb开发教程,实现javaweb企业开发全流程(涵盖Spring+MyBatis+Springboot》 源视频地址:黑马程序员2023新版JavaWeb开发教程 个人声明:本文记录个人在进行该视频学习中的知识总结,帮助大家能更快地进行对该 ......
黑马 程序员 JavaWeb 笔记 程序

laravel:多图片上传(10.27.0/前端vue)

一,相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二,前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......
前端 laravel 图片 vue 10

laravel:单图片上传(10.27.0/前端vue)

一,相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二,前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......
前端 laravel 图片 vue 10

vue3+ts navigator.mediaDevices是一个双目摄像头,读取指定彩色摄像头

在 Vue 3 中使用 TypeScript,你可以通过 `navigator.mediaDevices` 访问设备的媒体流信息,包括摄像头。要读取指定的彩色摄像头,你可以使用 `getUserMedia` 方法来获取指定设备的媒体流。 首先,你需要在组件中引入 `getUserMedia` 方法: ......

Python 日期和时间处理教程:datetime 模块的使用

Python 中的日期不是独立的数据类型,但我们可以导入一个名为 datetime 的模块来使用日期作为日期对象。 示例:导入 datetime 模块并显示当前日期: import datetime x = datetime.datetime.now() print(x) 日期输出 当我们执行上面示 ......
模块 datetime 日期 时间 教程

vue的性能优化

1、v-if和v-show却别场景使用 2、computed和watch区别场景使用 3、v-for循环需要添加key,并且v-for不能和v-if同时使用 4、文件懒加载 5、路由懒加载 6、第三方插件的按需加载 7、事件销毁,计时器销毁(如果有) ......
性能 vue

npm下载源如何修改为其他源地址

npm下载源如何修改为其他源地址 目录npm下载源如何修改为其他源地址1、国内源地址清单2、修改npm源2.1、临时修改2.2、永久修改方法一:使用命令行修改方法二:直接修改配置文件3、npm仓库管理工具 1、国内源地址清单 官方的源地址: https://registry.npmjs.org/ 由 ......
地址 npm

初看vue3源码

因为工作的原因又回到了vue的领域,需要加深对vue和vue生态的了解也许平时比较多人手机看别人解析怎么看vue源码的,自己动手看vue源码的还是比较少,这次我想自己动手看看首先 吧代码获取到本地跑起来vue 仓库地址 https://github.com/vuejs/vue 开发环境 搭建指南 h ......
源码 vue3 vue

一套适合 ABAP 初级和中级开发人员,从入门到提高的 ABAP 学习教程

曾几何时,ABAP 就是 SAP 的代名词。ABAP 这门编程语言造就了 SAP 名噪一时的 R/3 产品,同时也是如今 SAP 旗舰级产品,SAP S/4HANA 底层的实现语言。 ABAP 不仅代表着 SAP 这家公司在企业级管理软件市场辉煌的过去,ABAP 自身也在不断地进化着。SAP 不仅在 ......
学习教程 ABAP 人员 教程

uniapp项目APP端安卓ios权限检测教程

导语:在 APP 的日常开发过程中,权限检测与授权是不可避免的一项重要的功能,下面就简单介绍一下如何检测和授权的方法。 目录 原理 方法 实战 原理 此授权方法主要是依托于 HTML5 产业联盟的HTML5+规范实现的。 HTML5 产业联盟官网 获取当前操作系统名称 可以使用uni.getSyst ......
权限 项目 教程 uniapp APP

Hbase教程

Hbase是一个Hadoop Database,是分布式、弹性、大数据存储引擎 Hbase的目标是托管大表-数十亿行数百万列。 1 安装 Hbase版本和java版本以及Hadoop版本之间存在依赖关系。可以在这里查看https://hbase.apache.org/book.html#java 1 ......
教程 Hbase