变量vue3 vue css
实用指令_大数据shell_变量_设置位置参数
##### 位置参数 当我们执行一个shell脚本时，如果希望获取命令行的参数信息，就可以使用位置参数变量 比如： /myshell.sh 100 200 ,这个就是一个执行shell的命令行，可以在myshell脚本中获取到参数信息 - 基本语法 1. $n (功能描述：n为数字，$0代表命令本身 ......
实用指令_大数据shell_变量
##### Shell的变量 ###### Shell的变量的介绍 1. LinuxShell中的变量分为，系统变量和用户自定义变量。 2. 系统变量：$HOME,$PWD,$IUSER等等 。比如echo $HOME等等 3. 显示当前shell中所有变量：set ###### shell变量的定 ......
实用指令_大数据shell_设置环境变量
##### 设置环境变量 - 基本语法 1. export 变量名=变量值 (功能描述：将shell变量输出为环境变量) 2. source 配置文件 (功能描述：将修改后的配置信息立即生效) 3. echo $变量名 (功能描述：查询环境变量的值) - 快速入门案例 1. 在/etc/profil ......
MAVEN的安装与环境变量配置（2023最新版）
### Maven的安装与环境变量的配置 #### 1、下载安装maven ![image-20230828145051431](C:%5CUsers%5C%E8%81%82%E5%A5%A5%5CAppData%5CRoaming%5CTypora%5Ctypora-user-images%5Ci ......
Vue【原创】日历组件
最近项目中封装了一个日历组件，用于节假日管理，支持输入默认选中的日期，选择管理日期。 效果图： calendar组件： 1 <template> 2 <div class="calendar"> 3 <slot name="title"> 4 <div class="calendar-title"> ......
15 CSS总结
##### 15 CSS总结 到此，css的知识就结束了，掌握这些知识，搞爬虫足够了。如果朋友还有兴趣可以去css其他学习网站去看看其他的一些属性用法，（菜鸟教程 https://www.runoob.com/css/css-tutorial.html ），以下是总结的知识点： ![image](h ......
Vue3 使用Vuex与Vuex-persistedstate
## Vuex与vuex-persistedstate ### Vuex是什么？ Vuex是一个用于Vue.js应用程序的状态管理模式。它使得在应用程序中的所有组件之间共享和访问状态变得非常简单。Vuex将应用程序的状态存储在一个单一的存储库中，并且提供了一组用于更改状态的API。这使得状态管理变得 ......
vue element 多个Form 表单同时验证
多个Form内容统一提交验证 1 <el-form ref="form1"></el-form> 2 <el-form ref="form2"></el-form> 3 <el-form ref="form3"></el-form> 4 <el-form ref="form4"></el-form> ......
vue3同一页面内重复引用同一操作dom的组件产生的问题
##### [2023年8月28日12:39:40] ## vue3同一页面内标签``重复引用同一组件，且该组件内使用css选择器进行dom操作导致页面内相同组件发生变化的问题解决记录 组件内进行dom操作，需要通过js方法进行选择器的元素获取，但当vue3全部渲染完毕后，页面内有多个id为test ......
flutter使用腾讯IM插件tencent_cloud_chat_sdk打安卓报“从内部类中访问本地变量param; 需要被声明为最终类型”报错
## 使用tencent_cloud_chat_sdk 5.2.0版本打包安卓flutter build apk报以下错误 ```bash /Users/tanglin/Documents/flutter/.pub-cache/hosted/pub.flutter-io.cn/tencent_clo ......
normalizeKey is not a function #element #vue #疑难杂症
normalizeKey is not a function #element#vue#疑难杂症 原因是组件中使用了 import { Search } from '@element-plus/icons-vue' 解决方案是，在 main.ts 中，将 Vue 的引入置顶。 // TOP impo ......
go值变量和引用变量
[toc] ## go值变量和引用变量 ```go package daily import "fmt" func VerifyParams() { /** 验证值变量和引用变量 */ // 1. 值类型 // 1.1 基本数据类型 fmt.Println(">>>值类型(基本数据类型)") var ......
CSS基础-2D变形
变形是CSS3中比较颠覆性的特征之一，今天介绍四种2D变形旋转、缩放、倾斜、位移变形。 变形在CSS3用 **transform** 属性 来实现。 ### **transform-origin 属性** transform-origin 表示旋转的原点，默认是在盒子的中心位置(center)。 ! ......
vue 地区选择器
注意！！！ 仅当笔记使用如有侵权请联系删除 原文链接：https://blog.csdn.net/c_qianxia5040/article/details/125293035 <template> <div> <el-row> <el-form :model="queryParams" inlin ......
Vue element 表单验证不通过时，滚动到校验未通过位置
我们在使用elementIUI实现表单验证，内容比较多的时候，提示内容会被遮挡，这时候用户不清楚什么情况，还会连续点击提交按钮。这个时候需求来啦：我们需要在表单验证不通过的时候，页面滚动到对应校验不通过的位置。 ###大致思路 在表单验证方法validate中，提供了两个参数：是否校验成功，和未通过 ......
animate.css动画库
使用CSS3的animation制作的动画效果的CSS集合，里面预设了很多种常用的动画（官网：https://animate.style/） // 安装 npm install animate.css （npm安装） https://unpkg.com/animate.css@3.5.2/anima ......
android webview调用js(vue)问题记录
这几天和别人对接移动端，安卓平台，我们这边输出vue界面，安卓方反馈轮询的时候调用不到，具体原因也定位不到，只能确定前端这边没几句代码，应该没有问题，因此决定自己下载个android studio写个例子，其实以前也做过java和android开发，并不陌生。 网上很多帖子只给出了最基础的例子，我们 ......
ruoyi-vue如何部署在根目录下的多级目录
1、找到vue.config.js module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项 ......
搭建前端Vue框架的步骤，包括TypeScript、ESLint、Prettier和Vite的配置
搭建前端Vue框架需要以下步骤： 1. 安装Node.js和npm 2. 创建一个新的Vue项目 ``` vue create my-project ``` 3. 安装TypeScript ``` npm install --save-dev typescript ``` 4. 配置TypeScri ......
鼠标任意拖动元素排列顺序（vue）
参考地址：https://codesandbox.io/s/condescending-butterfly-enjqpr?file=/src/App.vue <template> <div> <transition-group name="drag" class="list" tag="ul"> < ......
环境变量
# 如何改变环境变量 打开控制面板  ![image](https://img2023.cnblogs. ......
vue-颜色选择器（vColorPicker）
// 安装插件 // 官网：http://vue-color-picker.rxshc.com/ npm install vcolorpicker -S // main.js 中全局引入 import vcolorpicker from 'vcolorpicker' Vue.use(vcolorpi ......
vue3中使用provide/inject
父组件 <template> <hello-world/> <button @click="changeMessage">按钮</button> </template> <script setup lang="ts"> import HelloWorld from "./components/Hel ......
Vue Components Testing All In One
Vue Components Testing All In One
TDD / 测试驱动开发
......
04.使用 github actions+docker 自动部署前后端分离项目 zhontai (.net core+vue)
本文将分享使用 GitHub Actions 完成对一个.Net Core+Vue 的前后端分离项目 zhontai 的构建，并使用 docker 部署到云服务器(阿里云),及对docker部署.Net Core+Vue的一些经验分享。 ......
vue3项目实战+element-plus
记录自己搭建前端项目的学习过程和开发过程，希望一起学习进步 采用Vue3+element-plus+axios+vue-router+sass……（目前刚开始是用到了这些,随着开发慢慢更新） npm是比较慢的， 所以我用的是pnpm。安装指令：npm i pnpm 简单介绍下作用 Vue3:前端框架 ......
CSS3新增内容
# [CSS3新增内容](https://www.cnblogs.com/fangchaoduan/p/17661041.html) ## `css3新增内容` - 布局方面新增了`flex布局`、`媒体查询` - 选择器方面新增了 `:first-of-type`,`:nth-child`等选择器 ......
引用css
使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。 示例代码： <style> @import "../../common/uni.css"; .uni-card { box-shadow: none; } </style> ......
css语法
CSS 支持 nvue样式 css预处理器 #页面样式与布局 uni-app 的 css 与 web 的 css 基本一致。本文没有讲解 css 的用法。在你了解 web 的 css 的基础之上，本文讲述一些样式相关的注意事项。 uni-app 有 vue 页面和 nvue 页面。vue 页面是 w ......