教程npm vue
基于Vue.js和Vanta.js的动态天空颜色效果实现
背景 最近在写一个Vue项目,想要在登录界面加一个动态背景效果,搜索之后发现了 Vanta.js(https://www.vantajs.com/ )这个库。Vanta 可以借助 three.js (WebGL) 或 p5.js 渲染动态的3D背景效果,提供了多种预设。 几种效果都挺不错的,最终我决 ......
vue 将html保存成pdf文件
结合 html2canvas 和 jspdf 插件处理 /* eslint-disable */ //不使用JQuery版的 import html2canvas from 'html2canvas' import JsPDF from 'jspdf' /** * @param ele 要生成 pd ......
34-Vue脚手架-组件的自定义事件(使用自定义事件优化Todo-List案例)
组件的自定义事件 1.一种组件间通信的方式,适用于 子组件 > 父组件(这里也可以使用 props 传递数据进行实现) 2.使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中) 3.绑定自定义事件: 1)第一种方式,在父组件中 <!--通过父组件给子 ......
nvm使用教程
Node.js:基于Chrome V8引擎的JS运行环境(javascript代码运行环境) npm: 第三方js插件包管理工具,会随着node一起安装(Node package Manager) npx:npm5.2之后新增的npx命令 优点: 1、直接到当前项目node_moudle/.bin/ ......
Docker使用教程
Docker安装及使用教程(Windows版) 1.下载安装 2.启用windows Hyper-V虚拟引擎 1.打开设置 2.搜索【启用或关闭 windows 功能】 3.勾选Hyper-V服务 4、根据提示重启电脑,等待更新即可 2.启动Docker Desktop 3.配置加速源 4.迁移镜像 ......
vue关于render函数如何渲染v-html
render函数如何渲染v-html,两种方式(适用于搜索关键字高亮) 例子:“互联网数据” 搜索关键字"网" ==>row.htmlStr:互联<span class="search-text">网</span>数据 render: (h, { row }) => { // 模板组件方式 retu ......
【GEE】Google Earth Engine(GEE)注册详细教程&无需教育邮箱
GEE(Google Earth Engine)是一款由谷歌开发的云端地理数据处理工具,它利用云计算的能力,提供全球地理空间数据的存储、处理和分析服务。GEE适用于各种领域,如地理信息系统(GIS)、环境科学、城市规划、考古学等,能够帮助用户快速处理和分析大量的地理数据,以解决实际问题。 ......
vue中attrs的使用
vue中attrs的使用 1.attrs的作用 用来进行子孙组件之间的数据传递 接收父组件传过来,但是又没有在props中定义的数据。(class及style除外) 2.父子组件之间数据传递的用法 爷爷组件-grandpa: <template> <div> <span>爷爷</span> <Son ......
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 ......
2023最新Telegram电报改成中文版界面及汉化教程 简体中文语言包
Telegram不管PC端还是IOS/ANDROID端的APP默认是英文的,没有中文选择,这对我们国人特别不习惯,简单几步的方法我们就可以把语言设置问我们熟悉的中文了。 以下方法适用于PC端/IOS/ANDROID端三端通用。 第一步:直接点击 简体语言包:https://t.me/setlangu ......
「Eolink Apikit 教程」API 异常监控-创建 API 监控
API 监控能够确保 API 的稳定性。如果一个 API 出现故障或崩溃,它可能会导致整个应用程序无法正常工作。这对用户和业务来说可能是灾难性的。通过监控 API,开发团队可以及时发现问题并采取措施来修复它们,从而降低应用程序中断的风险。 作为开发人员,了解API生命周期中的每一个步骤可以帮助改善设 ......
Vue2 实现印章徽章组件
Vue2 实现印章徽章组件 需要实现的组件效果: 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 <template> <div class="first-ring" v-bind="getBindValue" :class="getStampBadgeClass" :style ......
[WEB安全] XSS攻击防御 Vue
一、概念 XSS攻击通常指的是通过利用网页开发时留下的漏洞,通过巧妙的方法注入恶意指令代码到网页,使用户加载并执行攻击者恶意制造的网页程序。 这些恶意网页程序通常是JavaScript,但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。 攻击成功 ......
SQL Server2022安装图文教程
一:下周(1)官网下载链接https://www.microsoft.com/zh-cn/sql-server/sql-server-downloadsSQL Server 下载 | Microsoft(2)在下载目录中找到下面这个小的安装包 SQL2022-SSEI-Dev.exe,运行开始下载S ......
[Vue]列表渲染v-for
1. 用于展示列表数据 2. 语法:v-for="(item, index) in xxx" :key="yyy" 3. 可遍历:数组、对象、字符串(不常用)、指定次数(不常用) <body> <div id="root"> <!-- 遍历数组 --> <h2>人员列表</h2> <ul> <li ......
Intellij IDEA安装与配置教程(Windows版)
本文探讨了程序员在工作中需要掌握的工具Intellij IDEA,包括下载安装、JDK环境配置、创建Java项目、在IDEA运行第一个程序等。 ......
33-Vue脚手架-浏览器本地存储(使用本地存储优化Todo-List案例)
什么是网络存储 在HTML5之前,开发人员一般是通过使用Cookie在客户端保存一些简单的信息的。 在HTML5发布后,提供了一种新的客户端本地保存数据的方法,那就是Web Storage,存储内容大小一般支持5MB左右(不同浏览器可能还不一样),它允许 Web 应用程序在用户浏览器中实现本地存储机 ......
Metasploit使用教程
Metasploit是一款广泛使用的漏洞评估和渗透测试框架,它可以用于测试网络的安全性,识别漏洞、攻击目标等。本篇教程将介绍如何使用Metasploit进行渗透测试,并对其相关功能进行详细说明。 一、Metasploit简介 Metasploit是一个开源框架,由Rapid7公司开发和维护,旨在帮助 ......
黑马程序员2023新版JavaWeb开发教程学习笔记
前言 该笔记灵感来源于B站《黑马程序员2023新版JavaWeb开发教程,实现javaweb企业开发全流程(涵盖Spring+MyBatis+Springboot》 源视频地址:黑马程序员2023新版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:单图片上传(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 ......
vue3+ts navigator.mediaDevices是一个双目摄像头,读取指定彩色摄像头
在 Vue 3 中使用 TypeScript,你可以通过 `navigator.mediaDevices` 访问设备的媒体流信息,包括摄像头。要读取指定的彩色摄像头,你可以使用 `getUserMedia` 方法来获取指定设备的媒体流。 首先,你需要在组件中引入 `getUserMedia` 方法: ......
Python 日期和时间处理教程:datetime 模块的使用
Python 中的日期不是独立的数据类型,但我们可以导入一个名为 datetime 的模块来使用日期作为日期对象。 示例:导入 datetime 模块并显示当前日期: import datetime x = datetime.datetime.now() print(x) 日期输出 当我们执行上面示 ......
vue的性能优化
1、v-if和v-show却别场景使用 2、computed和watch区别场景使用 3、v-for循环需要添加key,并且v-for不能和v-if同时使用 4、文件懒加载 5、路由懒加载 6、第三方插件的按需加载 7、事件销毁,计时器销毁(如果有) ......
npm下载源如何修改为其他源地址
npm下载源如何修改为其他源地址 目录npm下载源如何修改为其他源地址1、国内源地址清单2、修改npm源2.1、临时修改2.2、永久修改方法一:使用命令行修改方法二:直接修改配置文件3、npm仓库管理工具 1、国内源地址清单 官方的源地址: https://registry.npmjs.org/ 由 ......
初看vue3源码
因为工作的原因又回到了vue的领域,需要加深对vue和vue生态的了解也许平时比较多人手机看别人解析怎么看vue源码的,自己动手看vue源码的还是比较少,这次我想自己动手看看首先 吧代码获取到本地跑起来vue 仓库地址 https://github.com/vuejs/vue 开发环境 搭建指南 h ......
一套适合 ABAP 初级和中级开发人员,从入门到提高的 ABAP 学习教程
曾几何时,ABAP 就是 SAP 的代名词。ABAP 这门编程语言造就了 SAP 名噪一时的 R/3 产品,同时也是如今 SAP 旗舰级产品,SAP S/4HANA 底层的实现语言。 ABAP 不仅代表着 SAP 这家公司在企业级管理软件市场辉煌的过去,ABAP 自身也在不断地进化着。SAP 不仅在 ......
uniapp项目APP端安卓ios权限检测教程
导语:在 APP 的日常开发过程中,权限检测与授权是不可避免的一项重要的功能,下面就简单介绍一下如何检测和授权的方法。 目录 原理 方法 实战 原理 此授权方法主要是依托于 HTML5 产业联盟的HTML5+规范实现的。 HTML5 产业联盟官网 获取当前操作系统名称 可以使用uni.getSyst ......