three vue js

1. 在terminal中输入 cnpm install vue-video-player 2. 安装完成后在main.js中进行配置 import VueCoreVideoPlayer from 'vue-core-video-player' Vue.use(VueCoreVideoPlayer, ......

### 1、环境准备 ##### (1) 首先你得需要安装node和npm  ### 2、环境初始化 # ......

问题一： 问题二： 两个都搞不懂为什么、、可能自己基础太差，试了几个网上的解决方案都不行。 故转换角度：直接用原生WebSocket 参考地址：前后端使用利用WebSocket进行通信_F3nGaoXS的博客-CSDN博客 唔，还是原生的香…… ......

开发环境 win10系统 Visual Studio Code v1.80.0 node v18.16.1 npm 9.8.0 #可以用pnpmvue @vue/cli 5.0.4 安装软件 node 直接官网 https://nodejs.org/en #下载好node包含npm #管理员Powe ......

const compute = { // 加法运算 accAdd(arg1, arg2) { let r1; let r2; let m; let c; try { r1 = arg1.toString().split('.')[1].length; } catch (e) { r1 = 0; } ......

# 使用vue3、egg和SQLite开发通用管理后台系统 plaform是一个基于RBAC模型开发的后台管理系统，没有多余的功能。本项目是一个以学习为目的的后台项目，旨在让前端也能充分了解RBAC模型是如何设计的，不建议用于线上，因为未经过充分的测试。 项目地址：https://github.co ......

一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上 vue --version ......

如下图报错：原因就是项目太大了。 解决方案： 第一步： npm install increase-memory-limit npm install cross-env 第二步： 在package.json文件中加入如下代码 "scripts": {"fix-memory-limit": "cross ......

function base64toPDF(data) { var bufferArray = base64ToArrayBuffer(data); var blobStore = new Blob([bufferArray], { type: "application/pdf" }); if (wi ......

vue中加载pdf文件 方案一： 直接调用事件即可 openPdf { window.open('/assets/BJBVerse.pdf') }, 方案二： npm install vue-pdf --save <template> <div> <pdf v-for="i in numPages" ......

### 1.typeof 用法：typeof '123' 'string' 缺点：只能判断基础数据类型（除null以外），如果是引用数据类型（如数组、函数、对象等）会返回Object !!! !!! 因为typeof是直接在计算机里面基于二进制值进行检测的，也就是数据类型都是二进制值，对象存储在计算 ......

``` 重大警情 0"> {{ item.level }} {{ item.type }} {{ item.sfdz }} {{ item.ajztmc }} 发生时间：{{ item.time }} 警情内容：{{ item.nr }} 出警处置情况：{{ item.cjczqk }} 警情处理结 ......

数组的32中方法=>{ 1.push(): 在数组末尾添加一个或多个元素，并返回修改后的数组。 let fruits = ['apple', 'banana', 'orange']; fruits.push('mango'); console.log(fruits); // 输出: ['apple' ......

tip: 带着问题去理解响应式原理why,what,how 1. 响应式原理核心点是什么? ** 数据截持 ** 依赖收集 ** 派发更新 2.vue2的响应式原理? vue3响应式原理?区别是什么? ......

https://es6.ruanyifeng.com/#docs/class 早期采用原型链写法 function A(){ this.fx1 = 1 } A.prototype.add = function(x){ this.fx1 += 1; console.log(x, this.fx1) } ......

1.判断对象里面是否为空 const isEmptys = (obj) => { for(let key in obj){ return false } return true }; isEmptys ({}); //true //这里你记得分两次打印，return false 后面都不走了 isE ......

main.js 引入样式 import 'dhtmlx-gantt/codebase/dhtmlxgantt.css' 父组件： gangtData，数据 <ganttChart v-if="value8" :gangtData="gangtData" /> 子组件： <template> <div ......

相信关于按需引入大家应该都会了，不论是官网还是百度一大堆教程 我这边也是参照https://github.com/youlaitech/vue3-element-admin的写法去写的这里复述一遍，作为笔记：首先安装unplugin-vue-components 和 unplugin-auto-im ......

文件:<input type="file" name="myFile" id="myFile"> /*FileReader: 读取文件内容 * 1.readAsText():读取文本文件(可以使用TxT打开的文件)，返回文本字符串，默认编码是UTF-8 * 2.readAsBinaryString( ......

Vue + Axios全局接口防抖、节流封装实现 你是否在项目中会遇到过? 在项目中按钮点击做防连点？在请求一个接口中防止一个接口被多次请求？或者你要做一个点赞，防止那种坏坏的人，多次点击，疯狂点击........等一系列类似的问题。 如果有！！！！！！ 那么你就要往下读此文章了。 什么是接口防抖和 ......

`delete this.searchParams['isPass']` ......

# js的arguments到底是什么？ ## 类数组对象：arguments 众所周知，js是一门相当灵活的语言。当我们在js中在调用一个函数的时候，我们经常会给这个函数传递一些参数，js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面，那么这到底是什么东西？ 在js中万物皆对 ......

```vue {{ progress }}% 文件上传中... 取消 ``` ```js ``` ```less ``` ......

## Vue项目配置.env文件 #### 在项目根目录下创建文件夹(.env.production )  ......

### 函数防抖 ```js // 频繁触发、耗时操作，只执行最后一次 const debounce = function (fn, delay = 300) { let timer = null return function (...args) { clearTimeout(timer) tim ......

逻辑运算符 在 js 中，我们都知道有逻辑运算符，比如 逻辑与 （ && ）、逻辑或（ || ）、逻辑非（ ! ）、空值合并运算符（??） 逻辑与 （ && ） 当且仅当所有操作数为 true 时，一组布尔操作数的逻辑与（&&，逻辑连接）运算结果为 true，否则为 false。 一般来说，当从左到 ......

1.在钉钉直接打开本地跑的项目白屏并且报错 Uncaught ReferenceError: globalThis is not defined/@vite/client:135:7 ReferenceError: globalThis is not definedat http://192.168 ......

## 基础指令 ### 1.v-bind 将标签属性值变成变量，动态改变标签属性 ```vue 去百度 # 简写 去百度 ``` 标签属性不加`v-bind`时它的值`"xxx"`就是一个固定值，加了`v-bind`它的值`"xxx"`就变成了变量。 我们可以在data里新增一个xxx属性并为它赋值 ......

html代码 <div id="root"> <h3>人员列表</h3> <input type="text" placeholder="请输入名字" v-model="keyWord"> <ul> <li v-for="(p,index) of filPersons" :key="index"> ......

1 let arr = [1, 2, 3, 4, 5] 2 3 let max = arr.reduce((prev, cur) => { 4 return Math.max(prev, cur) 5 }) 6 7 console.log(max) // expected output: 5 ......