变量vue3 vue css

为什么linux配置了环境变量,却找不到位置

为什么linux配置了环境变量,却找不到位置 例如我刚在linux中配置环境变量HBASE_HOME,通过cd $HBASE_HOME去不到对应路径,我出现这个问题的原因很简单,就是忘记加载环境变量了 通过 source /etc/profile 可以加载环境变量(这个路径对应编写环境变量的路径,比 ......
变量 位置 环境 linux

css基础

CSS引用 如何在html中使用css?有三种方式 外链式 通过在head标签里 使用link引入写好的css文件(推荐使用) 内嵌式 head标签里style标签 ,在style里通过 行内式 写在标签的开始位置通过style属性设置样式(不推荐使用) 选择器 选择器分为三大类: 基本选择器 复合 ......
基础 css

vue项目安装依赖

目录🥇如果是别人的项目(标注:别人移除了modules文件夹)🥇如果是自己的项目或者自己要另外下载依赖🥈安装生产依赖🥈安装开发依赖🥈安装特定版本🥇卸载依赖 🥇如果是别人的项目(标注:别人移除了modules文件夹) # 可以执行下面这条命令下载依赖 npm install # 或者输入 ......
项目 vue

vue中使用xlsx插件前端读取解析excel文件

问题描述 工作中一般都是后端去解析excel数据,前端使用上传组件去将excel组件丢给后端,后端使用一些插件去解析excel(比如hutool工具类) 不过有些情况下,前端也需要去做一些excel的解析,比如产品经理说,在上传excel文件之前,要做一个excel的图表化预览审核查看啥的,没问题的 ......
前端 插件 文件 excel xlsx

js 大屏屏幕适配方案,同样适用Vue

vue项目写在 index.html文件下 以1920*1080为基准的屏幕做适配,在网上找的方案在全屏于非全屏时,效果会有一点点差距,所以对代码进行了改进。 如果网页不是全屏则需要加上任务栏高度、工具栏高度进行计算缩进。 我的项目是数据大屏项目一般都是全屏看,所以非全屏时会存在滚动条,并不是bug ......
大屏 屏幕 方案 Vue js

mysql环境变量的配置方法:

mysql环境变量的配置方法: 1、首先,找到C盘中的MySQL安装目录下MySQL.exe程序的安装路径,并进行复制(图中路径不要复制多了,也不要少了,下面几步会用到),关于路径名,建议查看图中路径,基本路径都是一样的。 2、然后,在“计算机”中或“我的电脑"中找到系统属性并点击。 ......
变量 环境 方法 mysql

css3属性之 text-overflow:ellipsis

语法: text-overflow:clip | ellipsis 默认值为clip 不显示省略标记 clip:当前对象内文本溢出时不显示省略标记,而是将溢出部分裁剪。 ellipsis:当对象内文本一处时显示省略标记(...)。 一、常见的单行文本溢出显示省略写法: text-overflow: ......
text-overflow overflow ellipsis 属性 css3

Vue、element图片上传回显

需求:使用element的上传组件,上传图片,回显图片(可无实际上传:不调后台接口) ......
element 图片 Vue

如何在Vue3中配置国际化语言i18n

1. 安装 vue-i18n npm i vue-i18n -S 2. 创建一个i8n的配置文件 如:i18nConfig.js // 配置 vue-i18n 实现国际化语言设置 import { createI19n } from 'vue-i18n' import zh_cn from '../ ......
语言 国际 Vue3 i18n Vue

创建vue3的项目和目录结构讲解

本节目标 了解Vue3 项目的结构 学习Vue3 项目的基本开发知识 Vue3 和 Vue2的开发区别 全局安装vue-cli npm i -g @vue/cli vue create vue3-json-schema-form 自定义vue3 配置 自定义配置: 选择 [自定义] ,通过方向键上下 ......
结构 目录 项目 vue3 vue

关于vue的 scoped

前沿 关于在vite中使用 less | sass npm install less -D npm install sass -D 在style标签注明: <style lang="less"></style> <style lang="scss"></style> scoped scoped实现组 ......
scoped vue

vue可以使用this.$set()来进行强制更新,进而解决问题

可以使用this.$set()来进行强制更新,进而解决问题 对象操作: 三个参数:this.$set("改变的对象","改变的对象属性","值") 数组操作: 三个参数:this.$set("数组","下标","值") ......
问题 this vue set

makefile中导入shell脚本中export的环境变量

1.在makefile中,想要直接导入shell脚本的环境变量是有点麻烦,因为source命令导出的变量只在当前终端有效,而且source命令和.命令是等价的,如下: source ./env.sh . ./env 通常我们拿到SDK交叉编译链,都会先解压工具链,在source一下工具链中的环境变量 ......
变量 脚本 makefile 环境 export

直播软件搭建,css隐藏滚动条,但使超出部分任然可以滚动

直播软件搭建,css隐藏滚动条,但使超出部分任然可以滚动 /*长tabs,隐藏滚动条,保留滚动功能*/.weChat-tabs{ height: 40px; display: flex; overflow-x: scroll; padding: 0 20px; white-space: nowrap ......
部分 软件 css

shell脚本中的变量定义

shell脚本中的变量 局部变量 local 修饰,作用域在函数里,当出现同名变量优先级高于外部全局变量 全局变量 全局变量,不加任何修饰符,一般用于定义常量,任何函数体里都可以直接去取全局变量的值 ......
变量 脚本 shell

Vue3+Axios网络请求封装(转)

转自:原文链接:https://blog.csdn.net/weixin_43295498/article/details/130939488 代码说明 代码主要分为以下几个部分: import导入模块。在这个代码段中,我们导入了axios和element-plus两个模块,并对其进行了解构。 定义 ......
Axios 网络 Vue3 Vue

vue3 表头显示小图标

<!-- 排班信息 --> <el-table v-resize:44 :data="tableData" class="table" border style='margin: 10px 0px' highlight-current-row element-loading-text="数据正在加载 ......
表头 图标 vue3 vue

【源码】Vue.js 官方脚手架 create-vue 是怎么实现的?

最近系统学习了vue.js 的官方脚手架create-vue的源码,深入分析了里面的技术实现细节,本文是我整理的源码学习文章。 ......
脚手架 create-vue 源码 官方 create

vue 页面导出为pdf与word

vue 页面导出为pdf与word 一.导出为word 基于 docxtemplater 来导出word文档的方法 1.安装引用依赖 // 安装 docxtemplater npm install docxtemplater pizzip --save // 安装 jszip-utils npm i ......
页面 word vue pdf

使用Github Action在Github Pages上部署vue页面

Github Action部分: name: NodeJS on: push: branches: [ "master" ] # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages permissions: ......
Github 页面 Action Pages vue

Vue2x的自定义指令

在某些情况下,我们需要对底层DOM进行操作,而内置的指令不能满足需求,就需要自定义指令。一个自定义指令由一个包含类似组件的生命周期的钩子的对象来定义,钩子函数会接收到指令所绑定的元素作为参数。 定义指令 常用两种方式进行自定义指令,一种是全局定义,另一种在当前组件中定义 // 局部定义 export ......
指令 Vue2x Vue2 Vue 2x

现代 CSS 解决方案:原生嵌套(Nesting)

很早之前,就写过一篇与原生嵌套相关的文章 -- CSS 即将支持嵌套,SASS/LESS 等预处理器已无用武之地?,彼时 CSS 原生嵌套还处于工作草案 Working Draft (WD) 阶段,而今天(2023-09-02),CSS 原生嵌套 Nesting 终于成为了既定的规范! CSS 原生 ......
解决方案 Nesting 方案 CSS

css防止图片挤压变形 object-fit: cover

img{ width:200px; height:100px; object-fit: cover; } 该属性会对图片保留原始比列,多余的会被裁剪。 添加该属性会适应指定容器的高度与宽度。 一般用于 img 和 video 标签,一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等 语 ......
object-fit object 图片 cover css

vue兄弟组件传参

实现兄弟组件之间的参数传递可以通过以下方法: 使用共同的父组件来传递参数。 在父组件中定义一个数据属性,用于保存需要传递给兄弟组件的参数。 Copy export default { data() { return { message: 'Hello', }; }, }; 在父组件的模板中引用两个兄 ......
组件 兄弟 vue

Vue3中的几个坑,你都见过吗?

Vue3 目前已经趋于稳定,不少代码库都已经开始使用它,很多项目未来也必然要迁移至Vue3。本文记录我在使用Vue3时遇到的一些问题,希望能为其他开发者提供帮助。 1. 使用reactive封装基础数据类型 传统开发模式中,数据声明很简单。但是在Vue中有多个响应式变量声明方式,整体的使用规则如下: ......
Vue3 Vue

vue~对象的浅拷贝

浅拷贝 上面对浅拷贝的解释是否有问题?具我所知,浅拷贝只是复制了对象的属性,而复制出来的对象的引用与原始对象是不同的,这就是说,在修改新对象时,它不会影响到原始对象。 javascript中的实现 JavaScript 中可以使用不同方法实现对象的浅拷贝。浅拷贝只复制对象的第一层属性,不会复制嵌套对 ......
拷贝 对象 vue

vue2打包组件发布到npm

1.使用 vue create projectName 新建一个项目 2.将src的文件夹名称改为example,便于我们调试代码 3.增加packages文件夹,其下面的index.js代码如下 import panel from './panel/index.vue' const compone ......
组件 vue2 vue npm

§3. 参变量函数的导数

掌握参变量方程的求导法则。记住参变量函数的求导公式,和极坐标下向径与切线的夹角的正切公式. 等角螺线、对数螺线或生长螺线是在自然界常见的螺线,在极坐标系(r, θ)中,这个曲线可以写为或 因此叫做“对数”螺线。之所以叫等角螺线,是因为在极坐标中,螺线和射线的夹角始终是一个固定夹角,如下图所示,蓝线每 ......
参变量 导数 函数 167

vue3下载文件

const dow= async (url: string,fileName:string) => { mulSelUrls.value=[] mulSelUrls.value.push(url as never) const requests = mulSelUrls.value.map(url ......
文件 vue3 vue