教程npm vue

Vue和JS前端网页下载保存图片到本地电脑中

//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
前端 网页 电脑 图片 Vue

VUE SSR

1 简介 概念:ssr(server side render)服务端渲染 优点: 1.有利于搜索引擎的SEO操作,由于搜索引擎爬取的是完全渲染出来的页面。 2.对于网络慢或运行慢的设备,可提供良好的用户体验。 3.可以减少对服务器的请求。 缺点: 1.开发受限制,比如mounted生命周期钩子不能用 ......
VUE SSR

Qt Json的使用教程

前言从 Qt 5.0 就开始提供处理 Json 数据的操作支持,JSON是一种对源自Javascript的对象数据进行编码的格式,但现在广泛用作互联网上的数据交换格式,Qt中的JSON支持提供了一个易于使用的C++ API来解析,修改和保存JSON数据。 Qt中所有的 JSON 类都是基于值的隐式共 ......
教程 Json Qt

vue全家桶进阶之路19:webpack资源打包工具

Vue.js 是一个前端开发框架,它可以帮助我们快速构建单页应用和复杂的交互界面。而 Webpack 则是一个前端资源打包工具,它可以将多个 JavaScript、CSS、HTML、图片等资源打包成一个或多个文件,并提供模块化加载、压缩、混淆等功能,以便于前端开发和部署。 在使用 Vue.js 开发 ......
全家 webpack 工具 资源 vue

vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新?

解决方案: 给 state 增加 computed import { useLayerStore } from "@/stores/"; const layer = useLayerStore(); const layerList = computed(() => layer.layerList); ......
state 模版 数据 pinia vue3

webstorm运行Vue项目环境配置(如何从0配置运行一个写好的vue项目)

1.在Node官网上下载zip安装包。 网址:https://nodejs.org/dist/v16.14.0/ (需要哪个版本就把/v后的版本号改成哪个版本) 2.下载完成后解压至需要的文件夹下。 3.在此文件夹下新建两个文件夹: node_cache:npm缓存路径 node_global:np ......
项目 webstorm 环境 Vue vue

【manim动画教程】-- 安装

manim是基于python语言开发的开源框架,是由 3blue1brown 开发的。 本来是他们自己用来制作数学视频用的,因为其友好的API和漂亮的UI效果,在开源之后,立刻流行起来。 原先开源的地址是: 后来托管给了社区,现在安装最新的版本请从这里下载: 改版之后,命令行更加清晰,简单。 支持的 ......
动画教程 动画 教程 manim

超全、超简单Vue微信公众号授权登录指南

<template> <div id="app"> <h1>微信授权登陆</h1> <div> <div> <span>手机号</span>&nbsp;&nbsp; <input type="number" :value="account" placeholder="请输入手机号"> </div> ......
公众 指南 Vue

vue2实现路由懒加载

以下内容仅供学习使用 安装@babel/plugin-syntax-dynamic-import插件。 1.1 使用npm安装: npm install --save-dev @babel/plugin-syntax-dynamic-import 1.2 使用yarn安装: yarn add --d ......
路由 vue2 vue

VUE实现购物车界面

以下是一个用 Vue.js 实现购物车的简单示例: 在 Vue 组件中定义购物车数据: data() { return { cart: [], total: 0 } } 在商品列表或详情页中添加“加入购物车”按钮,并绑定添加购物车方法: <button @click="addToCart(produ ......
购物车 界面 VUE

Vue中watch和computed的区别和应用场景

watch中的函数是不需要调用的,computed内部的函数调用的时候不需要加()。Watch是属性监听,监听属性的变化;computed是计算属性,通过属性计算而得来的属性。watch需要在数据变化时执行异步或开销较大的操作时使用。computed 属性的结果会被缓存,除非依赖的响应式属性变化才会 ......
computed 场景 watch Vue

记录优化vue项目首屏加载慢的过程

##一 背景 当项目部署在外网时,前端首屏加载的平均时间是10S,通过开发者工具查看加载的包,例如chunk-libs.xxx.js的有2.9MB,因为包太大导致加载慢,严重影响了用户体验。 所以解决思路就有了两个: 能不能把包变小,下载就会快一些? 有一些js、css不经常变化的文件能不能通过浏览 ......
过程 项目 vue

Prometheus监控教程:使用PromQL查询监控数据(上篇)

转载:https://blog.csdn.net/guting18893110463/article/details/129656289?spm=1001.2014.3001.5502 PromQL是Prometheus提供的一个函数式的表达式语言,可以使用户实时地查找和聚合时间序列数据。表达式计算 ......
上篇 Prometheus 教程 数据 PromQL

VUE 大文件上传解决方案(500M以上)

​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
解决方案 文件 方案 500M VUE

TS+vite+Vue3打包报错

报错信息见上图 根据要求进行修改操作 由于vite将ts的配置文件tsconfig.json隐藏,所以在暴露出来的tsconfig.json中进行修改 根据依赖继承,能够找到现在的js版本为:ES2016 在暴露出来的tsconfig.json中增加: 再次打包后,接着代码出现不识别HTML和win ......
vite Vue3 Vue TS

Linux系统 tcpdump 抓包命令使用教程

tcpdump 是Linux系统下的一个强大的命令,可以将网络中传送的数据包完全截获下来提供分析。它支持针对网络层、协议、主机、网络或端口的过滤,并提供and、or、not等逻辑语句来帮助你去掉无用的信息。 本教程对tcpdump命令使用进行讲解说明,通过本教程您可以学会linux系统下使用tcpd ......
命令 tcpdump 教程 系统 Linux

Prometheus监控教程:配置介绍

转载:https://blog.csdn.net/guting18893110463/article/details/129656067?spm=1001.2014.3001.5502 Prometheus使用prometheus.yml配置文件进行全局变量、告警、规则等内容配置,在启动时指定相关的 ......
Prometheus 教程

vue全家桶进阶之路18:Vue CLI脚手架

一切框架都是为了将开发变得简单、快捷、易操作,Vue CLI脚手架也不例外,它出自vue官方,脚手架的用意就是让开发变得像搭建房子那样标准而又有规划,它集成了很多常用的模块,更像是一个工具箱(插件集合),很多常用的配置文件或者文件夹也直接就有了,例如:webpack。 在搭建之前我们需要确认我们有没 ......
脚手架 全家 vue Vue CLI

vue3中watch的写法大合集。

VUE2的watch是一个属性写法是 watch:{ data1(newVal,oldVal){ 同步/异步操作 } } VUE3的watch则是一个函数,写法是 注意数据必须是响应式的 let num = ref(0) //watch(要监听的响应式数据,(新值,旧值)=>{更新时的回调}) wa ......
写法 watch vue3 vue

Prometheus监控教程:初识Prometheus

转载:https://blog.csdn.net/guting18893110463/article/details/129655698?spm=1001.2014.3001.5502 本章作为Prometheus监控教程的开篇,我们会带读者了解Prometheus的前世今生,Prometheus是 ......
Prometheus 教程

Prometheus监控教程:安装部署

一、安装Prometheus Server Prometheus基于Golang编写,编译后的软件包,不依赖于任何的第三方依赖。用户只需要下载对应平台的二进制包,解压并且添加基本的配置即可正常启动Prometheus Server。 从二进制包安装 对于非Docker用户,可以从https://pr ......
Prometheus 教程

bat/cmd批处理程序设计教程

序言 这是一篇技术教程,我真心诚意会用很简单的文字表达清楚自己的意思,只要你识字就能看懂,就能学到知识。我写这篇教程的目的,是让每一个看过这些文字的朋友记住一句话:如果爱可以让事情变的更简单,那么就让它简单吧!看这篇教程的方法,就是慢!慢慢的,如同品一杯茗茶,你会发现很多以前就在眼前的东西突然变的很 ......
程序设计 程序 教程 bat cmd

vue全家桶进阶之路8:Axios的安装与HTTP请求实战

Axios是一个基于Promise的HTTP客户端,用于在浏览器和Node.js中发送HTTP请求。它可以使用在Vue中发送请求以及与后端API进行交互。 在Vue中使用Axios可以通过以下步骤: 安装Axios 可以通过npm或yarn来安装Axios:npm install axios yar ......
实战 全家 Axios HTTP vue

[RapidVideOCR周边] RapidVideOCR保姆级教程(从小白到上手使用)

引言 本篇文章旨在帮助不会python编程的小伙伴,快速使用RapidVideOCR视频硬字幕提取工具。 可以运行的操作系统: Windows。(原因是:RapidVideOCR是跨平台的,VideoSubFinder工具目前只有Windows的) 配置环境 1. 安装VideoSubFinder软 ......
RapidVideOCR 保姆 周边 教程

海康4200电视墙配置教程

为了家庭的安全,现在很多家庭都采用了安装监控的方法,但是有很多人购买了例如“海康4200”之后, 却搞不清楚解码上墙配置的过程,今天就让我们来看看海康4200解码上墙配置方法: 方法/步骤 1、打开海康4200客户端 电脑上双击打开海康4200客户端。 2、添加编码设备 添加编码设备(即需要解码上墙 ......
教程 电视 4200

Python Requests 最详细教程!爬虫必会之!

requests 是Python中一个非常出名的库,它极大的简化了 Python中进行HTTP请求的流程,我们来看一个简单的例子: In [1]: import requests In [2]: requests.get("https://jiajunhuang.com") Out[2]: <Res ......
爬虫 Requests 教程 Python

vue 导出方法blob文件流

axios({ method: 'get', url, params, headers: { 'Content-Type': 'application/json; application/octet-stream' }, responseType: 'blob',//这里要注意 timeout: 1 ......
文件 方法 blob vue

vue2+element-ui+springboot+mybatis-plus获取当前账户进行修改密码详细教程

以下内容仅供学习使用 新建一个dto类,用于专门修改当前账户的使用 import lombok.Data; @Data public class UserPasswordDTO { private String username; private String phone; private Stri ......

Vue 核心(二)

Vue 核心(二) 八、 绑定样式 1、 class <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>样式绑定</title> <script type="text/javascript" src="../j ......
核心 Vue

小白gitee上传本地文件命令详细教程

以下仅供自己学习使用 首先创建一个git仓库 然后点击创建来到下面这个页面 找到自己要上传的文件夹进行初始化git 3.1 右键打开 看到git bash Here就点击选择它 3.2 初始化命令git init git init 然后执行以下命令,把所有的文件添加进去(注意小数点) git add ......
命令 文件 教程 gitee