变量vue3 vue css
25-Vue脚手架-初始化脚手架
Vue脚手架 Vue脚手架是Vue官方提供的标准化开发工具（开发平台）,官方文档：Home | Vue CLI (vuejs.org) 提前准备工作 这里，我首先安装了一个nvm（node的版本管理工具），可以通过nvm管理多个版本的node.js，解决node.js各种版本存在不兼容的问题 参考链 ......
解决VUE项目更新后需要客户手动刷新浏览器问题
一.问题：在vue项目打包跟新后，虽然js、css等文件会添加hash值确保加载最新的文件，但是只限于客户在你更新前正好未使用平台，更新后客户在使用时，可以确保访问的前端版本是最新的，但是当客户已经打开平台某个页面放置，此时你更新了版本，用户接着操作页面时会出现各种问题导致体验不好，此时提醒用户去刷 ......
在vue3+ts中封装自定义指令
src/main.js // 自定义指令 import * as directives from "@/directives"; Object.keys(directives).forEach(key => { app.directive(key, (directives as { [key: st ......
Vue性能优化--在Vue中，千万别用属性数组作为循环的对象
在Vue中，千万别用属性数组作为循环的对象 methods:{ test(){ ...上面省略业务逻辑1万字 // 16位像素数组 let dcmbuffer = new Uint16Array(dcmInfo._dictionary.dict["7FE00010"].Value[0] as Arr ......
vue下载pdf文件
async exportCode(){ await exportEquipmentBarCodePdf({ equipmentCodes: this.equipmentCodes }).then(async (data)=>{ let a = document.createElement('a'), ......
vue2 + websocket 断线重连 + 实时数据
一、websocket事件 -1 打开事件 Socket.onopen 连接建立时触发 -2 消息事件 Socket.onmessage 客户端接收服务端数据时触发 -3 错误事件 Socket.onerror 通信发生错误时触发 -4 关闭事件 Socket.onclose 连接关闭时触发 二、w ......
前端调试时不改代码但又想打印变量信息怎么办？
我们都知道， Chrome的控制台可以在调试的时候打断点。程序运行到这的时候会停止 但有时候我们不希望程序断点执行，我们只是想看一些变量的信息。 按照以前的方式，我们只能去修改源码增加打印日志的语句， 这样既浪费时间， 又需要在调试完成后清理掉我们打印的日志代码。 其实，Chrome浏览器除了可以打 ......
【gdb】打印函数局部变量的值
打印函数局部变量的值 1.例子： #include <stdio.h> void fun_a(void) { int a = 0; printf("%d\n", a); } void fun_b(void) { int b = 1; fun_a(); printf("%d\n", b); } voi ......
24-Vue组件化编程-单文件组件
单文件组件一个文件中只包含有1个组件 组件名的注意事项 一个单词组成： 1）第一种写法（首字母小写）：school 2）第二种写法（首字母大写）：School，推荐 多个单词组成： 1）第一种写法（kebab-case命名）：my-school 2）第二种写法（CamelCase命名）：MyScho ......
R语言使用虚拟变量(Dummy Variables) 回归分析工资影响因素|附代码数据
全文链接：http://tecdat.cn/?p=23170 最近我们被客户要求撰写关于虚拟变量回归的研究报告，包括一些图形和统计输出。 在本文中，本文与以下两个问题有关。你应该如何添加虚拟变量？你应该如何解释结果 简介 如果使用一个例子，我们可能会更容易理解这些问题。 数据 假设我们想研究工资是如 ......
vue3中引入elementplus以及图标(vue3+vuecli)
开发背景 node v18.17.0(node -v)npm v8.4.1(npm -v)@vue/cli 5.0.8(vue -V) 0.用命令行安装elementPlus npm install element-plus --save 1.elementplus按需手动导入 ElementPlu ......
记录--Vue中前端导出word文件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 很多时候在工作中会碰到完全由前端导出word文件的需求，因此特地记录一下比较常用的几种方式。 一、提供一个word模板 该方法提供一个word模板文件，数据通过参数替换的方式传入word文件中，灵活性较差，适用于简单的文件导出。需要依赖： ......
3_变量
一.变量 1.自定义变量 1.定义变量：变量名=变量值 # 变量名不能是纯数字 等号两边不能有空格 值里面有空格必须用引号包起来 name="niubi666" 2.引用变量 $变量名 echo $name niubi666 3.重复定义变量 1) aaa=123 aaa=1122 echo $aa ......
vue 手机规则校验
一、背景 点击查看代码 phone: [ { required: true, message: '请输入手机号', trigger: 'blur' }, { min: 11, max: 11, message: '手机号位数不对', trigger: 'blur' }, { pattern: /^( ......
第二十一篇 - vue中实现页面刷新以及局部刷新的方法
参考链接：https://blog.csdn.net/qq_41117240/article/details/127275478 第一步：在需要局部刷新的标签添加 第二步：在data里面初始化isRefresh的值为true 第三步：在method里面添加刷新函数 第四步：在需要局部刷新的地方调用刷 ......
26个CSS超实用技巧
1.文字溢出显示省略号 单行文字： 一定要设置宽度 p{ • width:200px; • overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 多行文字溢出显示省略号p{display:-webkit-bo ......
vue锚点跳转
直接上答案 // 获取dom元素 const ele = this.$refs['refName']; // 获取元素距视窗的高度 const top1 = ele ? ele.getBoundingClientRect().top : 0; // 如果ref是在v-for中定义的，需如下获取 co ......
vue自定义样式
在项目中常常遇到一些页面由后台定制样式呈现，这就需要在页面中动态绑定style，如若定制样式里包含了伪类、媒体查询、hover效果能样式，寻常的v-bind:style内联样式可能就无法满足需求，这里就记录了一个解决办法。 那么该如何操作呢，简单举个栗子： 首先，我们在需要定制的样式元素上定义一个c ......
vue移动鼠标画矩形（抄别人的，下附原文地址）
1、draw.js /** * 画布中绘制矩形 * 参数: cav-画布对象 list-矩形数组 i-选中矩形下标 **/ /* 操作执行方法分发 */ export function draw(cav, list, i) { // 画布初始化 let ctx = cav.getContext('2 ......
Vue学习笔记（十一）：路由管理
1 Vue路由基本使用¶ 1.1 安装¶ Vue中默认并不提供路由功能，需要安装其插件Vue-router，如下所示，其中“@3”表示安装版本3 npm i vue-router@3 1.2 创建路由¶ 在src目录下创建路由文件目录，目录名为“router”，并在该目录下创建“index.js”文 ......
Tailwind CSS 速查
Tailwind CSS 提供了大量的实用程序类，这些类名都是使用缩写的方式，以更简洁地表述其含义。以下是一些常用的 Tailwind CSS 缩写及其对应的意义： 布局 w: width max-w: max-width h: height max-h: max-height m: margin ......
[Vue]模板语法和MVVM
模板语法分为： ①插值语法、②指令语法 插值语法 {{ xxx }} 指令语法 v-bind:attr='xxx' 注意 v-bind: 只是一种指令，指令可以有很多种。 v-bind: 可以简写为 : <body> <div id="root"> <h1>插值语法</h1> <h3>{{ name ......
vue @click.native/stop/prevent
1.@click.native 父组件要引用子组件中的点击事件，可以通过@click.native来直接访问子组件中的方法，如果不使用@click.native可在子组件中使用this.$emit('click')来传递事件 // 父组件 <template> <div> <span>父组件页面</ ......
Vue实现文件上传(单文件、多文件、分片上传)
前端使用UI封装好的upload组件 1.单文件上传 <a-upload :disabled="!editpersonflag" name="avatar" listType="picture-card" class="avatar-uploader" :showUploadList="false" ......
多线程编程同步：互斥锁和条件变量
多线程同步 怎样同步多个线程或多个进程的活动？ 为允许在线程或进程间共享数据，同步通常是必需的。而互斥锁和条件变量是同步的基本组成部分。 互斥锁用于保护 临界区(critical region)，以保证任何时刻只有一个线程在执行其中的代码，或者任何时刻只有一个进程在执行其中的代码。 互斥锁用于上锁， ......
什么？？？CSS也能原子化！
原子化CSS是一种CSS的架构方法，倾向于使用用途单一且简单的CSS，通常是根据视觉效果进行类的命名，不同于BEM规则的CSS，原子的意思就是将CSS进行拆分，每个样式都有一个唯一的CSS规则 ......
web前端html+css页面内容的六种隐藏方式
一、使用透明度 语法：opacity:0 注意：元素消失，但是还会占据空间，只是视觉看不出来 <style> .box{ width: 100px; height: 100px; background-color: aquamarine; opacity: 0; }</style><div clas ......
手撕Vue-数据驱动界面改变下
经过上一篇的介绍，已经实现了观察者模式的基本内容，接下来要完成的就是将上一篇的发布订阅模式运用到 Nue 中，实现数据驱动界面改变。 在监听数据变化的章节当中，根据指定的区域和数据去编译渲染界面 这个步骤处，我写了一个注释，这个注释是这样的：第一步：给外界传入的所有数据都添加get/set方法，第二 ......
Vue源码学习(十一):计算属性computed初步学习
好家伙， 1.Computed实现原理 if (opts.computed) { initComputed(vm,opts.computed); } function initComputed(vm, computed) { // 存放计算属性的watcher const watchers = vm ......