变量vue3 vue css
vue自定义组件——search-box
github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: value/v-model: 检索框的值, default: '' boxStyle: 检索框的样式, default: 'position: fixed; top: ......
企业级项目模板的配置与集成(Vite + Vue3 + TypeScript)
企业级项目模板的配置与集成(Vite + Vue3 + TypeScript) 1、项目介绍 项目使用:eslint + stylelint + prettier来对我们代码质量做检测和修复。 需要使用husky来做commit拦截 需要使用commitlint来统一提交规范 需要使用preinst ......
【css】@keyframes
一、transform 和@keyframes动画的区别: @keyframes动画是循环的,而transform 只执行一遍. 二、@keyframes CSS3中添加的新属性animation是用来为元素实现动画效果的,但是animation无法单独担当起实现动画的效果。承载动画的另一个属性—— ......
【css】旋转,亮度变化
先定位 1 position: absolute;//绝对定位(很重要) 2 left: 124px;//定位位置,一般为盒子宽高的一半,可以是50%,50% 3 top: 102px; 4 transform: translate(-50%, -50%);//变换方向 5 //旋转 6 anima ......
html css 实现图片扫描特效
实现这个特效需要做3个层,所以要用到CSS绝对定位和层级z-index以及设置top、left、bottom、right的值。大体结构是一个容器,容器里放3个层,底层是4个角的边框效果容器,中间层是要扫描的图片容器,顶层是扫描线容器,这3个层通过z-index来实现层级,它们的高宽度都取父容器的高宽 ......
Vue的生命周期
var vm = new Vue({ el: "#app", // 在基础初始化完成之后,数据和事件配置之前调用 beforeCreate(){ console.log("beforeCreate") }, // 初始化全部完成,实例创建完成后立即调用 created(){ console.log( ......
Oracle19c中环境变量ORACLE_PDB_SID对dbca和RU打补丁的影响
Oracle19c中环境变量ORACLE_PDB_SID对dbca和RU打补丁的影响 假设需要dbca创建一个cdb为oemdb,pdb为empdbrepos。 同时,环境变量已经设置了ORACLE_PDB_SID=empdbrepos的情况下进行dbca,会导致dbca报错如下: ORA-6511 ......
关于C语言变量存储类型和生存期
1、局部变量和全局变量 1、局部变量 在函数的开头定义;在函数的复合语句内定义;在函数的外部定义。 2、全局变量 在函数之外定义的变量是外部变量,外部变量就是全局变量(增加了函数数据联系) 3、当全局变量和局部变量同名,在局部变量的作用范围内,局部变量有效,全局变量被屏蔽 2、变量的存储类型和生存期 ......
VUE前端随笔计2
又是小白记录问题的一次,老规矩,还是抄别人的代码来改。 在表标签中找到了一个点击事件 定位代码,对比别人的,发现自己的删多了,把这个补充回去就行了,具体意思不太明白,大概是给这个模型里面填充这行数据。 ......
局部添加加载中效果loading (vue+elementUI)
产品需求:有时候我们不想为整个页面添加loading效果。只想给局部区域添加loading效果。(这效果就不揍产品了) 在一个表格数据加载时,因为需要连接其它东西,所以后台接口返回数据需要较长时间,因此添加局部Loading效果,增加用户体验度, 最开始使用下面代码,直接放到<el-table>中, ......
vscode中vue项目中修改.vue文件名后报错
报错误信息: Already included file name '.../xxx.vue' differs from file name '.../xxx.vue' only in casing. The file is in the program because: Imported via ......
如何搭建一个vue项目
(如何搭建一个vue项目) 一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management,顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载 https://github.com/ ......
CSS三大特性
CSS 的三大特性包括: 层叠性(Cascading) 层叠性是指用于控制多个样式定义同时应用到某个元素时,如何决定哪个样式定义将被应用的机制。CSS 样式表中的规则可以根据其特定优先级与其他规则进行层叠,最终得到应用于元素的样式。常用的应用场景有: 通过应用不同的样式类来覆盖或扩展第三方 CSS ......
Java初学者之变量及运算
今天是第二天学习Java,感觉有点费力了 学习了变量常量和数据之间的运算 变量分为三种:1.实例变量:他是对象中的变量,最大的特点是有初始值.2.局部变量:必须声明和初始化,3.类变量,被static修饰. 常量:顾名思义,不可以改变的量为常量。用final修饰 数据之间的运算分为:一元,二元,三元 ......
Linux- 环境变量和自定义配置
环境变量查看 查看当前用户的全部环境变量:env,可以结合 env | grep 筛选信息 查看当前系统的全部环境变量:export 查看指定环境变量:printenv $env_name 或者 echo $env_name 清除指定环境变量的值:unset $env_name 常用环境变量 PAT ......
变量
变量与常量 变量:可以变化的量 Java是一种强类型语言,每个变量都必须声明其类型 Java变量是程序中最基本的存储单元,其要素包括变量名,变量类型和作用域。 type varName [=value] [{,varName[=value]}]; //数据类型 变量名 = 值;可以使用逗号隔开来声明 ......
Vue 报错-4058 ENOENT: no such file or directory的原因和解决办法
原因是我在上一级目录打开的cmd 然后npm run serve 需要进到app内run一下 ......
vue中使用wangEditor在设置工具栏的显隐
前段时间为了富文本在wangEditor和tinyMCE中犹豫,虽然最后选择用tinyMCE,但是wangEditor的文档也是去看了的。 wangEditor中文文档在这里。由于项目中需要的工具栏并不多,需要将部分工具栏隐藏,然后我将这两个富文本框的文档都看了一下。 这里主要说一下wangEdit ......
【Vue2.x源码系列08】Diff算法原理
vue2采用了头尾双指针的方法,每次比对时,优先进行头头、尾尾、头尾、尾头的比对尝试,如果都没有命中才会进行乱序比对。 ......
【C++深度解析】9、const 常量?只读变量?
文章目录1 const 常量的判别准则1.1 编程实验2 小结 看了前面的关于 const 的内容,不知道是不是有疑问,const 什么时候为只读变量,什么时候是常量?1 const 常量的判别准则只有用字面量初始化的 const 常量才会进入符号表使用其他变量初始化的 const 常量仍然是只读变 ......
Xcode常用环境变量与常见使用场景
在Xcode的工程配置中,与路径相关的都是使用环境变量,这样可以避免使用决定路径时项目移植性差的问题。 Xcode常用宏 __FILE__ 当前文件所在目录 __DATE__ 编译日期的字符串,格式为“mm dd yyyy”(例如:“Sep 16 2015”) __FUNCTION__ 当前函数名称 ......
VUE- history模式发布项目部署
VUE- history模式发布项目部署 环境:vue项目 发布后,通过nginx部署到docker容器内。 如需要去掉路径中的 #/ 则需要使用history模式发布。 1. 修改路由的配置文件 const router = new Router({ base: process.env.BASE_ ......
css background-image 大小自适应
html设置背景图片,默认情况会按照图片的原始大小显示。 但遇到有些情况要背景图片也要适应页面大小的时候可以使用以下样式 -moz-background-size:100% 100%; background-size:100% 100%; ......
css 样式文件中的特殊符号 - 波浪号(也叫 tilde,squiggle,twiddle)
例子: .check:checked ~ .content { } ~ 选择器实际上是后继同胞组合器(在2017年之前称为一般同胞组合器): 后继同胞组合器由“波浪号”(U+007E,~)字符组成,它将两个简单选择器序列分隔开。由这两个序列表示的元素在文档树中具有相同的父级,并且由第一个序列表示的元 ......
Vue项目结构
1、node_module:依赖库2、public:静态资源3、src:组件源码 assets:资源(图片) components:存放公共组件的地方 App.vue:根组件 main.js:项目入口4、package-lock.json:依赖的详细信息5、package.json:包依赖文件 ......
vue2 + fabric.js 实现撤销、恢复效果
全部代码 <template> <div> <canvas id="canvas" width="400" height="400" style="border: 1px"></canvas> <button :disabled="!canUndo" @click="historyState(sta ......
C++:全局变量和static变量初始化
(一)全局变量 全局变量、文件域中的静态变量、类中的成员静态变量在main函数执行前初始化; 局部变量中的静态变量在第一次调用时初始化。 C++保证,全局变量在main函数第一次使用它之前,就把它初始化好。(可以直接理解成在main函数执行前就初始化好)但这个初始化可细分为:编译时初始化和运行时初始 ......
JS来动态设置CSS样式
用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; ......