教程npm vue

vue文件下载调取浏览器下载进程

fetch+streamSaver 前端在使用axios发送网络请求时,如文件下载,无法实时获取当前已经下载的文件流,只有当后端返回全部流时,才能在浏览器右下角显示已经完成的进度。 但是当文件很大时,就会出现长时间的等待,而且不显示下载进度。 此时可以通过fetch来发送网络请求实时获取已经下载的文 ......
文件下载 进程 浏览器 文件 vue

Winform 控件库 MaterialSkin.2 使用教程(鸿蒙字体版)

ℹ️MaterialSkin.2 控件库在之前的文章中已经介绍过了,就不啰嗦了 - > Winform 好看控件库推荐:MaterialSkin.2 ℹ️官方库里使用的是 Google 的 Robot 字体,印象里它好像是随着 Android 4.0 一块发布的一款开源字体,对中文的显示效果不是很友 ......
鸿蒙 控件 MaterialSkin 字体 Winform

在Vue中使用HappyPack

在Vue中使用HappyPack 1、介绍HappyPack 由于有大量文件需要解析和处理,构建是文件读写和计算密集型的操作,特别是当文件数量变多后,Webpack 构建慢的问题会显得严重。 运行在 Node.js 之上的 Webpack 是单线程模型的,也就是说 Webpack 需要处理的任务需要 ......
HappyPack Vue

vue实现打印功能

1. 安装插件 npm install vue-print-nb --save 2. main.js中全局引入 import Print from 'vue-print-nb' Vue.use(Print); 3. 页面中使用 <el-dialog :visible.sync="openCodeCa ......
功能 vue

three.js 3d模型使用|vue项目使用three.js

three.js 3D模型使用 安装 安装three.js npm install three 安装轨道控件插件 npm install three-orbit-controls 安装加载.obj和.mtl文件的插件 npm install --save three-obj-mtl-loader 安 ......
three 模型 项目 js vue

vue3 对子组件使用 v-model,关于绑定对象的问题

这里有最基本的使用,vue3官网 组件 v-model 我来讲讲注意事项, 如果你 v-model 的是个 reactive 创建的对象,那么将不起作用,必须得是 ref 创建的对象 要知道,v-model: <input v-model="searchText" /> <!-- 等价于 --> < ......
对子 组件 对象 v-model 问题

RabbitMQ-3.12:安装教程详解

安装环境: centOS7操作系统 1.1 什么是MQ MQ即消息队列(Message Queue),是一种用于进行异步通信的技术。它允许应用程序异步地向队列中发送消息,而不需要立即等待接收方处理完毕。MQ将消息缓存在队列中,等待消费者进行处理 1.2 什么是RabbitMQ RabbitMQ是一个 ......
RabbitMQ 教程 3.12 12

websocket使用方法|vue实时推送

WebSocket实时推送 创建一个WebSocket对象: 准备变量 mounted() { // 初始化 const uri = window.location.href; // 获取网页url const protocol = uri.split("/")[0]; // https: 确定当前 ......
使用方法 实时 websocket 方法 vue

【教程】app备案流程简单三部曲即可完成

​ 【教程】app备案流程简单三部曲即可完成 APP备案流程包括以下步骤: 1. 开发者实名认证:在提交备案申请之前,开发者需要通过移动应用开发平台进行实名认证。这个步骤需要提供身份证号码、姓名、联系方式等信息,并上传相关证件照片或扫描件。 2. 应用信息登记:开发者需要在应用商店或应用发布平台上进 ......
三部曲 流程 教程 app

vue 逻辑分页

<template> <div> <div class="paging"> <!--数据显示区域--> <div class="data"> <!--表格存放数组中的数据,并对数据进行截取,以控制每一页显示的数据量--> <!--slice(start,end) 不包括end--> <el-tabl ......
逻辑 vue

vue项目目录讲解

1、build:构建脚本目录 1)build.js ==> 生产环境构建脚本; 2)check-versions.js ==> 检查npm,node.js版本; 3)utils.js ==> 构建相关工具方法; 4)vue-loader.conf.js ==> 配置了css加载器以及编译css之后自 ......
目录 项目 vue

vue 深拷贝

方法一: cloneDeep import { cloneDeep } from 'lodash-es' // 直接使用 const items = cloneDeep(multipleSelection) 方法二: ​通过JSON.parse(JSON.stringify(obj)) 优缺点 满足 ......
拷贝 vue

【教程】制作 iOS 推送证书

​ 【教程】制作 iOS 推送证书 如需向 iOS 设备推送数据,您首先需要在消息推送控制台上配置 iOS 推送证书。iOS 推送证书用于推送通知,本文将介绍消息推送服务支持的证书类型,并引导您制作 iOS 推送证书。 证书类型 消息推送服务仅支持 Apple Push Service 类型的证书。 ......
证书 教程 iOS

vue yarn install超时设置

一 删除代理 yarn config delete proxy 二 设置淘宝镜像 yarn config set registry https://registry.npm.taobao.org/ 三 设置超时时间 yarn install --network-timeout 1000000 ......
install yarn vue

cesium.js入门基础教程

运行环境搭建 下载cesium.js 从https://cesium.com/downloads/下载cesium.js: 在vsCode中建立index.html和index.js,并在index.html中引入index.js: index.html: <!DOCTYPE html> <html ......
基础 教程 cesium js

node.js--npm初始

npm 安装 安装node.js 时候会自动安装npm ,所以如果安装了node.js 就不需要安装npm了, 命令行使用命令 npm -v 查看npm版本,出现版本号,则表示安装成功。 npm 初始化包 使用 npm init 命令创建一个 package.json 文件,然后使用 npm ins ......
node npm js

Maya/ZBrush教程 次世代游戏模型《深掘奇遇》全流程制作案例分享

《深掘奇遇》次世代游戏模型全流程制作案例教程” 是一份详尽的指南,旨在揭示游戏开发领域中最先进的技术和实践。该教程覆盖了从概念设计到最终渲染的整个制作过程,深入探讨了模型建模、纹理映射、动画设计以及高级渲染技术等方面。通过这份教程,读者将获得深入了解游戏开发流程的机会,为打造引人入胜的游戏世界提供有 ......
奇遇 世代 模型 流程 案例

Vue入门(1)安装vue环境,创建Vue2 Vue3的项目并且安装IIS环境和发布到IIS

Vue环境的搭建 一. 背景 vue的运行方式有两种 一种是在页面引用vue的js包, 一种是搭建脚手架来vue框架. 我们在这里使用的是第二种方式. 需要安装的软件 npm 16.13.1 LTS 现在最新版已经20了, 建议下载LTSC版 下载地址: https://nodejs.org/en/ ......
环境 Vue IIS 项目 Vue2

js 传参到 vue + 计算属性使用

场景 js 中存储 xAxisData = [......]、yAxisData = [......],想在 vue 中使用,但要求使用前转化成 data 存有若干个 (x, y) 的形式 在改变 xAxisData 或 yAxisData 的任意一值时,都会反馈更新到 vue 的每一个调用了 da ......
属性 vue js

vue3

创建vue项目步骤 npm create vite@latest cd EasyB npm install npm run dev 绑定数据 script模块 <script > import {ref} from 'vue'; export default{ name:'App', setup() ......
vue3 vue

CMS系统搭建教程

1、 环境说明 centos7.9 2核2G,php7.2,mysql5.7.40,nginx1.22.1,宝塔8.0.4 2、创建站点 创建站点得时候顺便创建数据库,记录数据库链接信息 3、上传fastadmin框架 上传fastadmin_1_3_3_20220121.zip到创建的站点,然后解 ......
教程 系统 CMS

vitest&@vue/test-utils组件单元测试

依赖 "vitest": "0.34.6", "@vue/test-utils": "2.4.3", "axios-mock-adapter": "^1.22.0", 示例 import { mount } from "@vue/test-utils"; import { test, vi } fr ......
test-utils 组件 单元 vitest utils

Vite + Vue配置路径别名@代替 ./src

1.在 vite.config.js 引用 import {resolve} from 'path' 2.添加标黄的 export default defineConfig({ resolve:{ alias:{ "@":resolve(__dirname,"./src") } } }) 3.有图看 ......
别名 路径 Vite Vue src

frp 配置教程(自己拥有公网ip)

https://www.jianshu.com/p/166b1c59dc3e 配置如下: client端 [common] server_addr = 外网服务器ip server_port = 7000 [web] type = tcp local_ip = 127.0.0.1 local_por ......
教程 frp

软件测试/人工智能|Python数据可视化神器pyecharts教程(三)

前言 前面两篇文章,我们主要介绍了绘制基本的地图以及数据展示图,其实我们可以在地图上绘制更多类型的图形,本文就来继续介绍在地图的基础上进行我们的数据可视化工作。 绘制轨迹图 每年春运,都是大部分的人从北上广深等发达地区回到广大的中西部地区,春节之后,再从广大的中西部地区回到北上广深等发达地区的过程, ......

软件测试/人工智能|Python数据可视化神器pyecharts教程(二)

前言 上一篇文章,我们介绍了如何使用pyecharts展示带地图的数据分析结果,并且实际绘制了省份图和全国城市图,用于展示数据。本文我们继续来使用pyecharts绘制以地图为基础的图像。 绘制分段图 但是我们在绘制全国的图形时,没有考虑考虑到将不同级别的数据进行分层,比如每一段的颜色不一样,从低到 ......

软件测试/人工智能|Python数据可视化神器pyecharts教程(一)

前言 在很多时候,枯燥的数字并不能很直观的展示地域的差别,比如一个企业,想要分析产品在国内的销售情况,报表可能并不能最直接的展示差异,而一个结合地图的展示,就会直观得多,更便于大家去看到差距,更利于决策。 当然,除了做商业决策,将数据与地图结合,也更便于我们展示诸如人口密度,经济总量等数据,总之,数 ......

SpringBoot+Vue实现大文件分块上传

1. 项目背景由于用户需求,需要上传大量图片,只能通过上传压缩包的形式上传,可是压缩包过大时,又会出现上传超时的情况,故需要将压缩包分块上传,然后解压缩图片、若图片过大则再对图片进行压缩。 2. 分块上传分块上传我在用的时候发现有两种:第一种:分块合并接口全由后端接口生成;第二种:前端分块,后端上传 ......
SpringBoot 文件 Vue

介绍 Vue3 的常见目录结构

当着手使用 Vue3 开发项目时,理解其目录结构至关重要。Vue3 的文件组织和模块分隔方式直接关系到项目的可维护性和扩展性。本文将深入探讨 Vue3 的标准目录结构,并提供一些实用的指南和推荐做法。 在 Vue 3 项目中,通常会有以下一些常见的目录和文件: src 目录: src 目录是 Vue ......
常见 结构 目录 Vue3 Vue

介绍 Vue3 的常见目录结构

当着手使用 Vue3 开发项目时,理解其目录结构至关重要。Vue3 的文件组织和模块分隔方式直接关系到项目的可维护性和扩展性。本文将深入探讨 Vue3 的标准目录结构,并提供一些实用的指南和推荐做法。 在 Vue 3 项目中,通常会有以下一些常见的目录和文件: src 目录: src 目录是 Vue ......
常见 结构 目录 Vue3 Vue