属性 变量vue css
VBA中给变量赋值
基本类型变量的赋值 基本类型变量是存储单个值的变量，例如数字、文本、日期等。 VBA 中，给基本类型变量赋值，以 Let关键词开头。赋值操作是给=左侧的变量，用=右边的数据，指定其代表的值。在后续的代码中，该变量就代表指定的数据。 在实际开发中，给基本类型变量赋值时，Let关键词可以忽略不写，直接以 ......
前端-CSS生成器
# 按钮 - https://uiverse.io/buttons - 有好看的button、卡片、输入框等 - https://markodenic.com/tools/buttons-generator/ # 玻璃态 - https://hype4.academy/tools/glassmorp ......
6.12 vue3的学习
1.创建vue3项目: 在cmd中首先找到需要保存的路径，输入vue create + vue项目的取名，和之前创建vue2是一样的 进行如下选择 2.vite创建vue3的方式 在cmd中首先输入npm init vue@latest 3.安装依赖和运行依赖 # 安装依赖 npm install ......
计算属性-了解计算属性的语法和特点
特点： 1. 定义的时候，要被定义为”方法“ 1. 在使用计算属性的时候，当普通的属性使用即可 好处： 1. 实现了代码的复用 1. 只要计算属性中依赖的数据源，则计算属性会自动重新求值 ```HTML Document R： G： B： {{ `rgb(${r}, ${g}, ${b})` }} ......
计算属性-了解计算属性的应用场景
# 1.什么是计算属性 计算属性指的是`通过一系列运算`之后，最终得到一个`属性值`。 `这个动态计算出来的属性值`可以被模板结构或methods方法使用。 ```HTML Document R： G： B： {{ `rgb(${r}, ${g}, ${b})` }} 按钮 ``` ......
Vue项目学习
title: "Vue尝试" date: 2023-05-18T22:19:13+08:00 categories: ["Vue"] # Vue学习笔记 ## 一、二维数组尝试 ```js var vm = new Vue({ el: "#app", data: { huilv:[ [6.8540, ......
vue3
[toc] # 一 Vue3的变化 ## 1.性能的提升 - 打包大小减少41% - 初次渲染快55%, 更新渲染快133% - 内存减少54% ## 2、源码的升级 - 使用Proxy代替defineProperty实现响应式 - 重写虚拟DOM的实现和Tree-Shaking ## 3.拥抱Ty ......
83 封装 在类中设定私有属性 限定传入的参数的范围；当调用时，需要用set方法传参
类 封装 package com.fqs.demo061201; public class Girl { //属性 String name; private int age; //set赋值 public void setAge(int a){ if (age>18&& age<50){ age=a ......
Vue3基本功能实现
## vue3 介绍 ```python # Vue3的变化 # 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% # 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking # 3.拥抱Ty ......
学习笔记-HTML CSS Js篇
### https://www.runoob.com/css/css-grouping-nesting.html p{ }: 为所有 p 元素指定一个样式。 .marked{ }: 为所有 class="marked" 的元素指定一个样式。 .marked p{ }: 为所有 class="mark ......
vue3的介绍,组合式api和配置项api，setup，ref函数，reactive函数，计算和监听属性，生命周期，toRef，vue3 setup写法
# 1 vue3 介绍 ```python # Vue3的变化 # 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% # 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking # 3.拥抱T ......
Vue详介
Vue.js是一款流行的JavaScript框架，它可以帮助开发者构建交互式的Web应用程序。Vue.js的核心是一个响应式的数据绑定系统，它可以自动更新视图，使得开发者可以专注于业务逻辑而不必担心DOM操作。在本文中，我们将介绍Vue.js的一些核心概念和技术，以及如何使用它来构建现代Web应用程 ......
登录案例，scoped，ref属性，props其他，混入mixin，插件，饿了么UI
# 0 解析一下vue项目 ```python # 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.vue 必须是 -1 配置路由 router 》index.js 》const routes = [ { path: '/lqz', name: 'lqz', component ......
vue解决跨域
vue-cli2 main.js import axios from 'axios' Vue.prototype.$axios = axios axios.defaults.baseURL = '/api' Vue.config.productionTip = false .vue var This ......
vue之elementui使用， vuex使用， Router使用， localstorage和sessionstorage,和cookie
[toc] # 一、elementui使用 **网址**：https://element.eleme.cn/#/zh-CN/component/installation ## **下载插件** ```python cnpm isntall -S element-ui@2.9 ``` ## **vue ......
前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度
前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度, 下载完整代码请访问https://ext.dcloud.net.cn/plugin?id=13003 效果图如下: #### 使用方法 ```使用方法 swiperTabList: ["2023-06-10","202 ......
java的`pageContext`对象`attributes`的属性用法和原理
在Java中，`pageContext.setAttribute("name", "liulongteng", SESSION)` 方法用于在页面上下文（`pageContext`）中设置属性。 属性名为"name"， 属性值为"liulongteng"， 并且属性的作用范围为SESSION（会话级 ......
vue实现简单的鼠标拖拽横向滚动 和 鼠标滚轮横向滚动
一.鼠标拖拽滚动 以下代码项目中直接使用即可，此种方法是通过鼠标拖拽进行滚动，滑动滚轮无效果。当然快捷键，shift+鼠标滚轮可以控制横向滚动，对用户来说体验不友好。 <div class="tab-list id="nav"> <div class="tab-item" v-for="(item, ......
shell中中括号实现变量运算
001、 [root@PC1 test03]# a=100 [root@PC1 test03]# echo $a 100 [root@PC1 test03]# echo $a+500 100+500 [root@PC1 test03]# echo $[a+500] ## 中括号可以实现变量运算 60 ......
基于vue+flask+sql的公司销售采购信息服务系统
一、介绍 本项目基于Flask+Vue+Mysql的后台服务系统，主要针对某一公司日常后台操作而开发的一系列功能，包含用户管理，客户管理，采购管理，销售管理，库存管理，财务管理，权限管理，数据管理等功能。 二、软件架构 软件后端使用Flask，数据库使用mysql数据库，前端主要使用vue_ui2 ......
css 优惠券波浪线效果
<ul> <li> <i class="left"></i><span class="center"></span><i class="right"></i> </li> ... </ul> li { position:relative; line-height: 30px; } i { posit ......
uniapp vue3 setup + 云开发开发个人小程序
最近使用uniapp vue3 setup + 云开发开发了个人小程序，设计使用figma软件，看下成品截图吧（可以直接微信搜索【识光】小程序体验,或者最底部有码可以直接扫） ......
视频直播网站源码，vue tabs标签页 点击才加载
视频直播网站源码，vue tabs标签页 点击才加载 tabs标签页，默认加载显示第1个tab； <el-tabs v-model="tTab" type="card" style="height:100%" @tab-click="tTabClick"> <el-tab-pane label="J ......
直播系统搭建，vue插件之vue-seamless-scroll 无缝滚动
直播系统搭建，vue插件之vue-seamless-scroll 无缝滚动 使用 import vueSeamlessScroll from 'vue-seamless-scroll' //注册组件 components:{ vueSeamlessScroll} //template <vue-se ......
Vue路由使用总结
1、多级路由 （1）配置路由规则，使用children配置项： // 编写配置项 const router = new VueRouter({ routes: [ { path: '/about', component:About, }, { path: '/home', component: Ho ......
vue项目base64编码或者参数里面有 +号问题
当后端返回的链接的token或者参数里带有加号，浏览器打开链接时，页面通过使用this.$route.query.XXXX获取到的参数里 +号会变成空格，导致解密后部分内容变成乱码。解决方法：1.链接是后端返回时，需后端处理，将+号编码变成%2B，再返回链接进行跳转即可2.链接是前端写的话，可直接使 ......
vue Router的原理及传参方法
Vue Router 是 Vue.js 官方的路由管理器，它和 Vue.js 的核心深度集成，可以非常方便地实现单页面应用程序（SPA）的路由功能。Vue Router 的原理主要是通过监听 URL 的变化，根据不同的 URL 显示不同的组件，从而实现页面的切换和跳转。 具体来说，Vue Route ......
CSS(精灵图、字体图标、三角、用户界面样式、vertical-align、溢出省略号、常用布局技巧、初始化 )
一. 精灵图（重点） 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。 为什么使用精灵图（目的）： ·为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出 ......
vue根据日期段获取重叠部分
// 获取日期数组中最大的日期 getDateMax(dataArr) { let max = dataArr[0]; for (let i = 1; i < dataArr.length; i++) { if (Date.parse(dataArr[i]) > Date.parse(max)) { ......