three vue js
vue显示echarts报错——echarts未在vue界面中定义init——TypeError: Cannot read property ‘init‘ of undefined
问题描述 本来按照网上的教程说是想要定义一个全局变量，就不需要在每个需要用到echarts组件的vue页面里面重新定义了， 直接使用就行，然后就报错了； 问题解决 我觉得应该是我的全局变量定义错误了，但是吧，我就直接改成在该vue页面定义了它，然后再使用： 就没有再使用到那个全局变量，直接这样就通过 ......
JS实现红包分配（每个人至少1分钱）
要实现红包分配，保证每个人至少分到1分钱，可以使用以下算法: 将红包总金额以及要分配的人数作为输入参数。 首先，生成一个（人数-1）范围内的随机数，表示第一个人分到的金额。确保至少会有一个人分到1分钱。 然后，将剩余金额（总金额减去第一个人分到的金额）作为新的红包总金额。 依次随机生成每个人分到的金 ......
JS数组去重的4种办法
有多种方法可以对数组进行去重，下面介绍的是常见的四种办法： 使用 Set 数据结构：Set 是 ES6 引入的一种新的数据结构，它存储唯一的值，可以利用它的去重特性来对数组进行去重。 const array = [1, 2, 2, 3, 3, 4, 5]; const uniqueArray = [ ......
启动vue项目报错——ERROR Error loading vue.config.js: ERROR TypeError: defineConfig is not a function
问题描述 在我引入echarts模块之前是ok的，引入之后就启动失败了； 问题解决 一般情况下，都是该项目的版本与本机cmd里面的版本不对应导致的； 只需要使用这个命令npm upgrade，更新版本，一直yes下去，就能够解决这个问题啦！ ......
Vue组件各个属性执行顺序问题
转自：https://blog.csdn.net/m0_62763606/article/details/131694339 在制作波动短视频效果时，在data中定义了一个变量，默认值为null。后来该变量在mounted中被赋值，而后在watch侦听属性中使用立即侦听时使用了该变量却显示为null ......
Vue模板应用
目录Vue模板应用{{}} 变量插值v-once 只会插值一次v-html 对HTML代码插值v-bindHTML标签属性的插值在外部传递数值类型的数据到组件内部时, 必须使用v-bind指令的方式进行传递, 直接使用HTML属性设置的方式传递会将传递的数据作为字符串传递v-on 监听、绑定事件v- ......
js文件分片上传
写在前面今天我们写一下关于js的分片上传，因为工作中很多时候上传文件是比较大的，为了不让卡死，我们可以使用分片上传的方式进行文件的传输，下面就简单的将思路梳理一下，然后贴上代码 思路分析既然是分片上传，那么首先要知道不分片的时候是怎么上传的，我们一般是直接使用file文件然后将其放到formData ......
如何使用webgl(three.js)实现煤矿隧道、井下人员定位、掘进面、纵采面可视化解决方案——第十九课（一）
three.js、webgl、3D煤矿隧道、三维井下人员定位、掘进面三维可视化、纵采面可视化、采集面可视化展示、设备检测、数字孪生、物联网3D、3d建筑、3d库房,bim管理系统 ......
js调用摄像头，实现简单的视频展台软件
功能： 显示设备名称、放大、缩小、旋转（0°、90°、180°、270°）、上下镜像、左右镜像、拍照、录像、识别二维码、批注、橡皮檫、清空批注内容、冻结视频 网页效果：↓ 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ......
针对vue3中动态循环图片require不好使的问题
1、动态src路径渲染 2、定义一个函数通过new URL把路径返回回去，vue2采用的是require的方式动态渲染 ......
vue3+ts中使用echarts
1. 下载 npm install -S echarts 2.使用 方法一（推荐使用） <div class="echart_box" ref="echartDom"></div> <script setup lang="ts"> import * as echarts from "echarts" ......
vue 甘特图（三）：甘特图右侧内容拖动展示
vue3 甘特图（三）：甘特图右侧内容拖动展示内容 解决因多个项目周期跨度不同，在一页屏幕里展示不完全，需要通过拖动甘特图下方的滚动条，去查看对应时间段内的内容 拖拽滚动视图，展示对应时间甘特图 构思，通过监听内容拖拽的距离，同时使滚动条滑动相同距离，从而达到效果。 //拖拽滚动视图 const s ......
This dependency was not found: * vxe-table/lib/vxe-table in ./src/plugins/vxe.js
今天按照往常一样安装依赖、运行后报了如下错误： ERROR Failed to compile with 1 errors This dependency was not found: * vxe-table/lib/vxe-table in ./src/plugins/vxe.js To inst ......
js实现分片上传
代码贴过来就能用 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" ......
vue3结合socket实现打字机动画
<template> <div> <div>ip地址：<input type="text" placeholder="ip地址" v-model="socketIP"></div> <br /> <div>端口号：<input type="text" placeholder="端口号" v-mode ......
使用vue-router添加动态路由时遇到的坑
在开发后台管理的时候，用户登录时需要根据权限来分配路由，这时候可以在路由守卫里通过router.addRoute()方法动态添加路由。 import router from './router' import store from './store' import storage from '@/u ......
客户端简单使用socket.io---vue3全局挂载
socket.io官网：https://socket.io/ 使用前要先安装socket.io npm i socket.io socketIO.js import io from 'socket.io-client' export default { install: (app) => { if( ......
js实现电子白板
功能：使用画笔绘制笔迹（线条）、橡皮檫 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. ......
原生js面试题
一、深拷贝和浅拷贝- 1 js的数据类型 基本类型和复杂类型- 2 堆和栈 基本类型的值和复杂类型的地址存在栈中,复杂类型的地址指向堆中的内存- 3 深拷贝和浅拷贝的概念 深拷贝的前提是复杂类型的复制 - 4 举例说明 如果有个变量a和一个变量b 如果a是一个对象 此时let b = a a中的属性 ......
vue中的循环遍历对象、数组和字符串
vue循环遍历对象、数组和字符串 1.循环遍历对象 1.1vue 在html里面循环遍历对象 v-for=" (val, key , i) in dimItemMap" :key="key" val-每一项 key -key值 i-第几个 <el-table-column prop="score" ......
js实现文件分片上传
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文件分片上传</ti ......
js函数，js对象
1 定义一个函数 2 1. function fuctionName(参数1，参数2){ 3 //要执行的代码 4 return 要返回的结果 5 } 6 7 8 2. var functionName = function(a,b) 9 10 11 ES6 箭头函数：(...) =>{...} 1 ......
WebForm后端调用前端JS
/*注意：定义的js方法一定要放在head里面，不能放下面，否则不生效*/ <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebFormBackEndCallFrontJsD ......
22-Vue组件化编程
使用传统的方式编写应用 传统的方式，一般离不开前端的三大件（HTML、CSS、JS） HTML：HTML是超文本标记语言（Hyper Text Markup Language）是用来描述网页的一种语言，负责网页的架构 CSS：CSS是一种层叠样式表(级联样式表、样式表)，是⼀种标记语⾔，负责网页的样 ......
js实现分片上传文件
<template> <div> <input type="file" @change="fileEvent" /> </div></template><script>import axios from "axios";export default { data() { return { size: ......
vue 加号增加一组控件，组内套组
一、vue 加号增加一组控件，组内套组 1、要实现功能，每组内有子组数据，子组也可以增长多条，实现如下图： 2、代码 <template> <el-col :span="24"> <el-form-item label="线路车辆：" prop="mobile"> <div class="deman ......
Vue学习笔记（七）：绑定css样式
1 绑定class样式¶ vue为HTML绑定css中的class样式是通过v-bind实现的。 1.1 绑定单个class¶ 把需要绑定的样式class名赋值给一遍变量，然后通过变量v-bind绑定class属性，绑定后的class并不会覆盖原来的class属性，而是与原来的class进行叠加。如 ......
js数组转字符串方法（转）
JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 3 个方法，可以把数组转换为字符串，如表所示。 数组方法 说明 toString() 将数组转换成一个字符串 toLocalString() 把数组转换成本地约定的字符串 join() 将数组元素连接起来以构建一个 ......
基于Node.js的大文件分片上传
我们在做文件上传的时候，如果文件过大，可能会导致请求超时的情况。所以，在遇到需要对大文件进行上传的时候，就需要对文件进行分片上传的操作。同时如果文件过大，在网络不佳的情况下，如何做到断点续传？也是需要记录当前上传文件，然后在下一次进行上传请求的时候去做判断。 前端 1. index.html <!D ......