属性 变量vue css
36种漂亮的CSS3网页按钮Button样式
 ```html 36种漂亮的CSS3网页按钮Button样式 36种漂亮的CSS3网页按钮But ......
css基础-隐藏显示元素
display:none隐藏元素，不保留位置，文档结构中存在 visibility:hidden隐藏元素，仍占有原来位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont ......
python设计一个跨模块全局变量
python中有时候需要用到全局变量, 并且这个全局变量需要跨文件, 跨模块共享. 为此, 我设计了一个全局对象, 它有以下特点: - 如果为不存在的属性赋值, 则会自动生成这个属性, 后续就可以正常引用这个属性, 就像对象本身具有此属性一样 - 整个对象可以序列化, 后续可以从文件中恢复 - 对于 ......
vue--day36--render函数
1.脚手架里面为什么main.js 里面，使用了render 函数/** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示 ......
css基础-position定位例子-垂直水平居中
盒子垂直居中，水平居中实现例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ......
Vue 中不同页面之间如何进行传值
情景：比如页面1中获取到的值，页面2中需要用到，如何将页面1中的值传递给页面2呢？ 解决方法：可通过路由传参的方式 参考：https://blog.csdn.net/pleaseprintf/article/details/131345971 ......
input输入框、textarea文本框启用禁用属性disabled后给文字加粗加黑显示
/deep/ input[disabled], input:disabled, input.disabled { -webkit-text-fill-color: #3a3f63; /*disabled里面字的颜色*/ background: #f5f7fa; -webkit-opacity: 1; ......
htmx是一个库，用于在现代Web应用程序中实现实时交互。它使用声明性的HTML扩展属性来标记和控制交互行为，而无需编写复杂的JavaScript代码。htmx通过Ajax技术实现局部页面更新，从而提供更好的用户体验。
[htmx](https://htmx.org/ "htmx")是一个库，用于在现代Web应用程序中实现实时交互。它使用声明性的HTML扩展属性来标记和控制交互行为，而无需编写复杂的JavaScript代码。htmx通过Ajax技术实现局部页面更新，从而提供更好的用户体验。 https://htmx ......
vue+element-ui封装一个下拉框
一.单下拉框组件封装 1.下载安装element-ui组件库，并创建文件夹文件等操作，配置好路由。 2.在element-ui里面复制select代码至组件中。 3.数据的处理（数据应该放在使用者的身上而不是select组件上，用组件通信的方式进行传值） 4.选择值的处理 子组件选择一个内容后要把值 ......
vue--day35--脚手架分析
pckgage.json 包的说明书 "scripts": { "serve": "vue-cli-service serve", 运行项目 "build": "vue-cli-service build", 编译 "lint": "vue-cli-service lint" 语法检查 }, pac ......
shell 多参数，第二个变量$2接收所有参数
## 方式一： **用 shift** ```bash #!/bin/bash a1=$1 shift a2=$@ a3=$* echo "a1=$a1" echo "a2=$a2" echo "a3=$a3" ``` ![image](https://img2023.cnblogs.com/blo ......
vue--day34--创建vue 脚手架
1. 配置淘宝镜像 npm config set registry https://registry.npm.taobao.org 2. 获取淘宝镜像是否设置成功 npm config get registry 3. 仅执行一次 全局安装 npm install -g @vue/cli 可能会报错 ......
css基础-position定位
static静态定位类似于标准流 relative相对定位元素移动位置参照原来位置来移动的保留原来的位置（人走了，位置留着，停职留薪），不脱标 absolute绝对定位元素移动位置参照父元素如果父元素和父父级等无定位，则以浏览器位置偏移如果父元素有定位，则以父元素为参照进行偏移如果父元素无定位，父父 ......
Matlab中的偏最小二乘法（PLS）回归模型，离群点检测和变量选择|附代码数据
全文下载：http://tecdat.cn/?p=22319 最近我们被客户要求撰写关于偏最小二乘法（PLS）回归的研究报告，包括一些图形和统计输出。 本文建立偏最小二乘法（PLS）回归（PLSR）模型，以及预测性能评估。为了建立一个可靠的模型，我们还实现了一些常用的离群点检测和变量选择方法，可以去 ......
vue-day33-vue 单文件组件
1.indedx.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>练习一下单文件组件的语法</title> </head> <body> <div id="root"></div> <script type="te ......
通过JS设置CSS样式
#### 读取元素样式 在JS中可以使用`getComputedStyle() `读取元素样式 >**官网摘要** Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有 CSS 属性的值。私有的 CSS 属性值可 ......
css基础-float浮动
什么是浮动创建浮动框，将其移动左或者右边，直到碰到左边缘或右边缘。特性：浮动元素会脱离标准流，浮动的盒子不会保留白原来位置一行内显示，顶端对齐行内元素加了浮动元素都会具有行内块元素，无需转换，可以设置高度和宽度。 为什么要用浮动网页布局本质就是摆盒子，传统网页布局方式：a) 通过普通流标准流（块级元 ......
Python全局变量和局部变量
[TOC] #### 1.python 的全局变量和局部变量 **全局变量定义:**在函数外部定义的变量。所有函数内部都可以使用这个变量。 **局部变量定义**:在函数内部定义的变量。这个变量只能在定义这个变量的函数内部使用。 ##### 第一种：global定义全局变量在自定义函数内部 在Pyth ......
python变量问题
[TOC] 在编程中，数组是相同类型的元素的集合。数组在Java，C / C ++，JavaScript等大多数编程语言中都很流行。但是，在Python中，它们并不常见。人们经常谈论Python数组时，他们谈论的是Python列表。 #### 1.Delphi定义数组 ```pascal ZCY ......
vue 使用vue-json-viewer 展示 JSON 格式数据
# 为什么需要Vue-json-viewer 在前端开发中，我们经常需要处理JSON数据。然而，JSON数据一般是以字符串的形式来传递，难以直观地查看、理解和调试，这阻碍了我们开发工作的进程。Vue-json-viewer组件正是为了解决这个问题而生。 # 安装 vue-json-viewer插件 ......
vue 使用剪切板功能功能vue-clipboard2
# vue-clipboard2介绍 vue-clipboard2是前端能够调用剪切板的一个插件。具体的描述官网上也有具体的说明， npm地址https://www.npmjs.com/package/vue-clipboard2 github地址https://github.com/Inndy/v ......
vue使用echarts图表，有一个组件：v-charts
# 介绍 在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。 ......
使用参数属性对.Net WebApi参数校验
.Net WebApi进行优雅的参数校验 受到了spring boot中注解校验参数的启发，于是想，难道微(巨)软(硬)的.net不行吗? 于是有了本次尝试。 当我们日常开发webapi接口时，难免会有一堆参数校验，例如校验参数是否为空，密码长度…… 条件校验 一般的操作是下面这样的： emm……目 ......
vue3 + element 实现季度选择框
效果图 1.子组件 <template> <div class="el-quarter-wrap"> <el-popover title="" content="" width="320" v-model="visible"> <template #reference> <el-input v-mo ......
【技术积累】Vue.js中的组件库【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue3如何正确设置 Tailwind CSS
1.创建vue3项目 npm init vue@latest 需要配置的选择YES 2.切换到 项目newProject目录下 npm install 下载依赖包 3.安装 tailwind 及其依赖项(PostCSS 和自动前缀) npm install -D tailwindcss@latest ......
vue3+ts利用draggable组件实现拖拽
界面展示 实现步骤 安装组件（vue3引入的包为vuedraggable@next ，vue2为vuedraggable） npm i -S vuedraggable@next 引入并使用组件 <template> <!-- 此页面template中没有可刷新页面的数据变化，拖拽会不起作用，所以加个 ......
关于项目开发中遇到的难点问题-vue项目中页面需要在浏览器中打开新窗口，但是当关闭新窗口时候，sessionStorage中数据丢失问题
vue项目中页面需要在浏览器中打开新窗口，但是当关闭新窗口时候，sessionStorage中数据丢失问题。 问题描述：项目中A页面有table列表，在列表上方有“导入文件”按钮，点击按钮后需在浏览器新窗口中打开B页面,在B页面进行选择文件上传xlsx数据经过一系列校验后，将最终确定的数据返回回显在 ......
css-demo
1、文字放大缩小 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> @keyframes scaleDraw { 0% { transform: scale(1); } 25% { transform: scale(1.5); ......