变量vue3 vue css
直播平台搭建，vue中实现图片懒加载的几种方法
直播平台搭建，vue中实现图片懒加载的几种方法 一、使用Vue本身的指令 Vue本身提供了一个指令v-lazy，可以实现图片懒加载。使用方式如下： <img v-lazy="imageSrc" /> 其中，imageSrc是需要懒加载的图片路径。当图片进入可视区域时，Vue会自动加载图片。 二、 ......
直播系统源代码，Vue 禁止输入框输入空格
直播系统源代码，Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......
【vue2】swiper插件自动循环失效（loop失效）
可能是因为数据是动态渲染的，在请求到数据之前，就已经完成了swiper的初始化，因此解决方案有： 1.swiper组件添加v-if：（如以下代码中的v-if="banner.length"） <!-- 轮播图 --> <div :class="$style.newsBanner"> <div :cl ......
var 声明变量的特点：没有块级作用域、存在变量提升 。没有块级作用域，使 var 声明的变量在 if 语句外可以被访问 存在变量提升，使 var 声明的变量提升到当前作用域的顶部
请问函数test最终输出的值是多少？ var a = 1; function test() { console.log(a); if(false) { var a = 2; } } test(); A 1 B 2 C undefined D null 正确答案：C Javascript分为预处理阶段 ......
函数声明提升优先级高于变量声明提升; 提升就是声明(变量/函数)提至当前作用域的最顶部，赋值语句留在原地
执行以下程序，输出结果为（） var a = 2; function fn(){ b(); return ; var a = 1; function b(){ console.log(a); } } fn(); A 1 B 2 C undefined D 抛出异常 正确答案：C 虽然return 语 ......
网页调试（css,html,js）获取资源链接等
进入调试模式 F12或者右键检查 在元素栏点击相应的组件可以查看html源码，图片视频音频链接等， 或者点击组件右键检查还可以查看组件css布局变化 html 元素源码可以看到class类名，触发事件以及style样式 在css上的改变是实时的，刷新页面会失效 html的改变需要双击，同样刷新页面失 ......
vue-cookie的原理与使用
cookie及session的原理： cookie工作原理： 由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。用户A购买了一件商品放入购物车内，当再次购买商品时服务器已经无法判断该购买行为是属于用户A的会话还是用户B的会话了。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无 ......
在 let 的块作用域中无法重复声明，也无法在声明语句之前使用（没有变量提升）。简而言之，在 let 语句出现之前，都是无法使用该变量的。
以下代码执行时不会在控制台输出错误信息的是： A let a = decodeURIComponent('%'); B var a; a(); function a() { console.log(a); } C Promise.reject(123).finally(a => { console. ......
若依vue启动报Error: error:0308010C:digital envelope routines::unsupported
解决：若依vue启动报Error: error:0308010C:digital envelope routines::unsupported 1.描述： 问题产生原因是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可 ......
git拉取项目失败怎么办? 前端vue2 都需要install 什么依赖
git config --list --show-origin 查看git文件下面所有对应文件目录 下面是设计配置文件 http的缓存大小 和 那个最低时间 和 速度 git config --global http.lowSpeedTime 999999 git config --global h ......
Vue中Pinia简介
Pinia是一个进行vue状态管理的组件，他会创建一个带有state、actions、getters的option对象 const useCounterStore = defineStore('counter', { state: () => ({ count: 0 }), getters: { d ......
css3知识总结
一、css3新增选择器 1.用::selection去除所有鼠标选中元素的背景色 2.用：not来设置选中元素下面的非p标签元素 3.用：root设置网页背景色 ：enabled 选择状态可用的【input、button】 ：disabled 选择状态不可用的iput、button ：checked ......
vue项目中读取外部静态文件改变标题以及图标
默认情况下，由vuecli创建的项目，其/public下会存在index.html这一入口文件（若是vite的话会存在根目录和src同级），public下的文件不参与打包过程，因此我们就在这里创建静态配置文件即可。 这个则是config内的配置。配置好后，可以在剩下vue组件中通过window.gl ......
python:第八章:macos为python配置环境变量(3.12.0)
一，查看老版本的python信息: 1,启动终端,查看旧的python的版本 liuhongdi@192 ~ % python --version Python 3.9.1 2,查看旧的pytnon的安装路径 liuhongdi@192 ~ % which python python: aliase ......
CSS
CSS 什么是CSS Cascading Style Sheet层叠级联样式表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--规范--> <link rel="style ......
commonJS四个重要环境变量：require、exports、module、global
按照CommonJS规范，在任何模块代码的作用域下内置了以下哪些变量？ A module B context C require D exports 正确答案：ACD 浏览器不兼容CommonJS的根本原因，在于缺少四个Node.js环境的变量。 commonJS四个重要环境变量：require、e ......
Function构造函数可以接受任意数量的参数，但最后一个参数始终被看成函数体，注意函数表达式定义函数的方法与声明其他变量时一样需要加分号。
下列关于 js 函数定义方式的描述正确的是 A function add(a,b){return a+b;}函数表达式 B var add=new Function(‘a’,’b’,’return a+b’)函数表达式 C function add(a,b){return a+b;}函数声明 D v ......
1）属性先查自身，没有再查构造函数的原型。2）在全局下声明的变量，有var声明的不可以被delete删除，无var声明的可以被delete删除。
以下代码执行后，a.x 和 b.x 的结果分别为（） function A(x){ this.x = x; } A.prototype.x = 1; function B(x){ this.x = x; } B.prototype = new A(); var a = new A(2), b = n ......
class的声明特征跟const和let类似，都是作用于块级作用域，都有暂时性死区, 预处理阶段则会屏蔽外部变量。因此在声明之前访问变量a都会报错，在声明之后访问才可以正常输出。
依据以下JS代码，在位置A打印变量a与在位置B打印变量a各会有怎样的输出？ var a = 1; function test(){ // 位置A class a {} // 位置B } test(); A 1、class a {} B 报错、class a {} C 报错、报错 D 1、报错 正确答 ......
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 ......
非严格模式下color被泄漏到全局作用域中，创建一个全局变量；严格模式下抛出ReferenceError异常
请问在非严格模式下以下JS代码最终的输出是什么？ function change(obj) { with(obj) { color = 'red' } } var box = { size: '15*15' } change(box); console.log(color); A undefined ......
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：需要展示图片的数组--> ......
【Vue】组件传值的六种方法
Vue 组件之间的通信大概归类为： 父子组件通信: props；ref；$attrs / $listeners；$parent / $children 兄弟组件通信: eventBus；vuex 跨级通信: eventBus；Vuex；$attrs / $listeners 一、props/$emi ......
vue 实现文件切片上传
在实际开发项目过程中有时候需要上传比较大的文件，然后呢，上传的时候相对来说就会慢一些，so，后台可能会要求前端进行文件切片上传，很简单哈，就是把比如说1个G的文件流切割成若干个小的文件流，然后分别请求接口传递这个小的文件流。 流程简说实现文件切片导入，首先我们使用 elementUI 也好，原生的 ......
vue2项目打包后index空白路径报错
我目前是vue2版本5.0.8，记录自己遇到打包后的路径问题 使用的环境是nodejs，vue2@cli脚手架 因为打包默认配置是/绝对路径，这时候需要修改配置为./相对路径 在项目根路径打开vue.config.js 原先可能内容是 const { defineConfig } = require ......
vue3 父组件传值给子组件 子组件修改后回传给父组件
父组件 <jdy-goods-attr v-model:goods_sn="goods.goods_sn"></jdy-goods-attr> //尤总 在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也可以修改父组件传递过来的数据。 子组件 const props = ......
第二十二篇 - Vue3中el-table篇
今天主要是来介绍vue3中的el-table控件使用。 一、检测开发环境是否OK 1. 在cmd窗口创建一个vue3项目【vue create demo1】 2. cmd窗口运行项目【npm run serve】 3. 浏览器访问项目【http://localhost:8080/】 4. 访问成功界 ......
CSS 中遇到的问题和解决方法
连续的英文字符，符号单独占一行不换行的问题 通常中文会自动换行，英文符号如果没有回车换行符就会一直延伸，解决办法是，给文字的容器添加属性 word-break: break-word ......
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 ......