const vue var let

a=100作为形参传入,此时全局定义了var a = 100;var x变量提升至函数内部最前,形参x和变量x同名,变量x声明被忽略。

请问以下JS代码输出的结果是什么? function f(x) { console.log(x); var x = 200; console.log(x); } f(a = 100); console.log(a); A undefined、200、undefined B 100、200、undef ......
变量 全局 函数 100 var

vue中el-upload结合vuedraggable实现图片的上传、排序、删除以及预览等功能_element upload

<template> <div> <ul class="el-upload-list el-upload-list--picture-card" style="display:flex;"> <div> <!-- start:拖拽开始 end:拖拽结束 imageLists:需要展示图片的数组--> ......
upload vuedraggable el-upload element 功能

Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?

docker-compose up -d 安装docker环境,提示一下错误:docker-compose 命令没发现。 docker compse up -d 报错: Cannot connect to the Docker daemon at unix:///var/run/docker.soc ......
daemon docker the connect running

【Vue】组件传值的六种方法

Vue 组件之间的通信大概归类为: 父子组件通信: props;ref;$attrs / $listeners;$parent / $children 兄弟组件通信: eventBus;vuex 跨级通信: eventBus;Vuex;$attrs / $listeners 一、props/$emi ......
组件 方法 Vue

vue 实现文件切片上传

在实际开发项目过程中有时候需要上传比较大的文件,然后呢,上传的时候相对来说就会慢一些,so,后台可能会要求前端进行文件切片上传,很简单哈,就是把比如说1个G的文件流切割成若干个小的文件流,然后分别请求接口传递这个小的文件流。 流程简说实现文件切片导入,首先我们使用 elementUI 也好,原生的 ......
文件 vue

vue2项目打包后index空白路径报错

我目前是vue2版本5.0.8,记录自己遇到打包后的路径问题 使用的环境是nodejs,vue2@cli脚手架 因为打包默认配置是/绝对路径,这时候需要修改配置为./相对路径 在项目根路径打开vue.config.js 原先可能内容是 const { defineConfig } = require ......
路径 空白 项目 index vue2

vue3 父组件传值给子组件 子组件修改后回传给父组件

父组件 <jdy-goods-attr v-model:goods_sn="goods.goods_sn"></jdy-goods-attr> //尤总 在vue3的时候给我们提供了一个新的思路:v-model来实现父传子,并且子也可以修改父组件传递过来的数据。 子组件 const props = ......
组件 vue3 vue

第二十二篇 - Vue3中el-table篇

今天主要是来介绍vue3中的el-table控件使用。 一、检测开发环境是否OK 1. 在cmd窗口创建一个vue3项目【vue create demo1】 2. cmd窗口运行项目【npm run serve】 3. 浏览器访问项目【http://localhost:8080/】 4. 访问成功界 ......
el-table table Vue3 Vue el

vue3 子组件修改父组件的两种方法

<jdy-goods-attr :goods_sn="goods.goods_sn" @goods_sn="(msg) => goods.goods_sn = msg" v-model:goods_num="goods.goods_num" ></jdy-goods-attr> const emit ......
组件 方法 vue3 vue

vue-大文件分片及断点上传

最近开发过程中,有一个大文件分片上传的功能,借鉴于网上的思路,结合自己后端的逻辑,完成了这个功能,在此记录如下: 界面展示: 一、将大文件分片上传写为一个组件,可以全局注册该组件,也可以在使用的页面注册该组件,使用vuex通讯进行组件间传值 由于我有好几个页面需要使用大文件上传,所以我是在App.v ......
断点 文件 vue

vue+element项目部署到线上,所有icon图标不显示,解决方案

build里边utils.js加publicPath if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' } ......
图标 解决方案 element 方案 项目

Vue轻量级富文本编辑器-Vue-Quill-Editor

先看效果图:女神镇楼 1.下载Vue-Quill-Editor npm install vue-quill-editor --save 2.下载quill(Vue-Quill-Editor需要依赖) npm install quill --save 3.代码 <template> <div clas ......

Vue 2.x脱坑记-查漏补缺

Q: 组件的通讯有哪几种啊! 基本最常用的是这三种; 父传子: props 子传父: emit 兄弟通讯: event bus: 就是找一个中间组件来作为信息传递中介 vuex: 信息树 传送门: 基本通讯 Vuex Q: 为什么我的 npm 或者 yarn 安装依赖会生成 lock文件,有什么用! ......
Vue

[Vue warn]: <transition-group> children must be keyed: <ElTag>

记录今天遇到的bug 解决方法,一个网友说的是 我试了,不行,然后在他的评论里面看到一个人回复的 这个是可以的,我用了很多v-if和v-else,所以加了key就解决了问题,下面是我加的 ......

vue实现文件的分片上传

const CHUNK_SIZE = 100 * 1024; // 100KBfunction sliceFile(file) { const totalChunks = Math.ceil(file.size / CHUNK_SIZE); const chunks = []; for (let i ......
文件 vue

Vue实验记录

webpack安装 首先下载node.js https://nodejs.org/en 下载完成后进行安装,直接下一步就可以 安装完成后,在cmd中查看是否安装成功 然后安装webpack 安装脚手架 创建项目 选择第二个 创建完成后的效果 进入项目并运行 在学习通中下载源码,把源码按照项目格式放到 ......
Vue

var a = parseInt([0,0,1,0,0].join('')+1) a的值为

var a = parseInt([0,0,1,0,0].join('')+1) a的值为 A 2 B 101 C 1001 D NaN 正确答案:C 官方解析:"00100"+1 = "001001" 再转换为整数为1001 var a = parseInt([0,0,1,0,0].join('' ......
parseInt join 39 var

var a=b=3;相当于var a,b=3 即a为局部变量,b为全局变量

下面一段JavaScript代码的运行结果是 var a,b; (function(){ alert(a); alert(b); var a=b=3; alert(a); alert(b); })(); alert(a); alert(b); A undefined,undefined,3,3,un ......
变量 全局 局部 var

const 声明一个常量无法更改,所以TypeError; 如果const出来的是一个对象他的属性是可以更改的

在 es6 中,下面程序运行结果输出,选项结果正确的是 for(let i=0;i<12;i++){} console.log(i); const a = 12;a=13; console.log(a); const g = {b:3}; console.log(g.b); g.b=12;conso ......
常量 const TypeError 属性 对象

vue中文件上传方法

1.单文件上传 <template> <div> <label for="fileInput"> <i aria-hidden="true" class="cursor">上传文件</i> </label> <input v-show="false" type="file" id="fileInpu ......
文件 方法 vue

Vue-cli 用自定义的组件有遇到过哪些问题?

在 components 目录新建你的组件文件(indexPage.vue), script 一定要 export default {} 在需要用的页面(组件)中导入:import indexPage from '@/components/indexPage.vue' 注入到 vue 的子组件的co ......
组件 Vue-cli 问题 Vue cli

Vue3+Element plus 实现表格可编辑

<template> <div> <el-button type="primary" @click="handleAdd"> 新增 </el-button> </div> <div> <el-table :data="tableData" style="width: 100%" border @ce ......
表格 Element Vue3 plus Vue

vue3 与 vue2 的区别

布尔型 Attribute​ 布尔型 attribute 依据 true / false 值来决定 attribute 是否应该存在于该元素上。disabled 就是最常见的例子之一。 v-bind 在这种场景下的行为略有不同: <button :disabled="isButtonDisabled ......
vue vue3 vue2

Vue3使用wangEditor文本

1、安装wangEditor npm install @wangeditor/editor --savenpm install @wangeditor/editor-for-vue@next --save 2、代码 <template> <el-dialog v-model="state.dialo ......
wangEditor 文本 Vue3 Vue

Vue_MQTT项目搭建记录

新建vue3项目 # 新建 vite + vue3的项目 npm init vue@latest yarn 安装依赖包 yarn add mqtt 初探 - 连接阿里云物联网平台 代码: <template> <div> <h1>LED - IOT</h1> <button @click="conn ......
Vue_MQTT 项目 MQTT Vue

vue3源码学习api-vue-sfc文件编译

vue 最有代表性质的就是.VUE 的文件,每一个vue文件都是一个组件,那么vue 组件的编译过程是什么样的呢 Vue 单文件组件 (SFC)和指令 ast 语法树 一个 Vue 单文件组件 (SFC),通常使用 *.vue 作为文件扩展名,它是一种使用了类似 HTML 语法的自定义文件格式,用于 ......
api-vue-sfc vue 源码 文件 vue3

XMLHttpRequest 使用方法:var xhr=new XMLHttpRequest();xhr.open('get','xxxx',true);xhr.send();

Ajax技术核心就是XMLHttpRequest对象。 Ajax技术的工作原理:可以分成3步 1.创建Ajax对象:var xhr = new XMLHttpRequest(); 2.xhr 发送请求:xhr.open('get','test.html','true'); xhr.send(); 3 ......
XMLHttpRequest xhr 39 使用方法 方法

vue脚手架的data与props

1.共同之处: data与props都是数据,都可以存储,并且动态渲染 2.不同之处: data是组件本身的数据,支持自身修改,然而props是外部数据(由父组件传递而来的数据),不支持自身修改,如果想要修改需要this.$emit('父组件监视函数名',希望修改的的值的结果) ......
脚手架 props data vue

Vue 组件里的定时器要怎么销毁?

如果页面上有很多定时器,可以在 data 选项中创建一个对象 timer,给每个定时器取个名字一一映射在对象 timer 中, 在 beforeDestroy 构造函数中清除, beforeDestroy(){ for(let k in this.timer){ clearInterval(k) } ......
定时器 组件 Vue

记录--Vue2屎山之 Table 屎山

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 Vue2 将在 2023 年年底停止维护了,但是 Vue2 的代码却不会在 2023 年消失,还会越来越多;难以想象几十万行或者几百万行的 Vue2 代码迁移到 Vue3,这是不可能办到的; 老一点的前端程序员肯定经历过把大型项目从 ......
Table Vue2 Vue