变量vue3 vue css
css让图片自动滚动
转自于：https://www.yzktw.com.cn/post/1051445.html CSS让图片自动滚动是一种非常实用的功能，它可以让网站的页面更加动态和生动。实现这个功能的方法也非常简单，只需要使用CSS中的滚动条属性即可。 /* 将所有图片都放在一个div内 */ .scroll { ......
20230707-编程语言的变量覆盖
实现一个特性时，发现自定义的变量 position 覆盖了类的属性 Position，近期发现始终存在的一个难以复现的窗口还原 BUG 可能被因此修复了。 也曾 Debug 过，但没能复现。问题的解决就是这样，只要你还惦记着，问题总会被解决。 对于大小写不敏感度编程语言，尤其要注意大小写，所以我和我 ......
Vue + Volo.Abp 实现Auth2.0客户端授权模式认证
@[toc] Volo.Abp的[身份服务器模块](https://docs.abp.io/zh-Hans/abp/latest/Modules/IdentityServer)默认使用 [IdentityServer4](https://identityserver4.readthedocs.io/ ......
Vue3主要的响应类方法(ref、reactive、toRef、toRefs)
1.Vue.ref() 1.1.可以为单个属性添加响应式状态。1.2.可以为对象添加响应式状态，当给对象的某个属性单独ref后，改变后的属性值不会同时改变原始值。1.3.访问数据值，需要添加.value。1.4.原始数据的拷贝。(原始数据不被改变) 2.Vue.reactive() 2.1.给对象添 ......
12：vue3 组件事件（子传父 ）
1、触发与监听事件（子传父this.$emit） Parent.vue 1 <template> 2 <h3>Parent父组件</h3> 3 <Child @parentEvent="parentEventHandle"></Child> 4 <p>子组件传递的数据：{{ message }}</ ......
vue - 动态组件(:is在组件中的使用)
### 使用场景： 有些场景会需要在两个组件间来回切换，比如 Tab 界面： 我们可以通过 Vue 的` ` 元素和特殊的 `is` attribute 实现的：如 ``` ``` 在上面的例子中，被传给` :is `的值可以是以下几种： * 被注册的组件名 * 导入的组件对象 你也可以使用 `is ......
vue3--setUp以及ref的使用
<template> <h1>计数统计：{{ countRef }}</h1> <h2><button @click="inCreate">数量加1</button></h2> <h2><button @click="inDelete">数量-1</button></h2> </template> ......
【pyhton】条件变量Condition
条件变量Condition acquire — 线程锁，注意线程条件变量 Condition 中的所有相关函数使用必须在acquire / release 内部操作； release — 释放锁，注意线程条件变量 Condition 中的所有相关函数使用必须在acquire / release 内部 ......
CSS !important 规则不被其他样式覆盖
CSS !important 规则 CSS 中的 !important 规则用于增加样式的权重。 !important 与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。 #myid { background-color: blue; } .m ......
vue 自定义指令实现overflow-tooltip
利用element ui el-tooltip 组件实现 1. 创建overflow-tooltip指令 import Vue from 'vue' /* eslint-disable */ function getStyle(obj, attr) { if (obj.currentStyle) { ......
vue--计算属性
在 Vue.js 中，计算属性（Computed Property）是一种特殊的属性，它基于现有的数据计算出一个新的值，并且会根据其依赖的数据进行自动更新。计算属性主要用于将复杂的逻辑和变量计算封装为属性，以便在模板中直接使用。以下是使用计算属性的一般步骤： 1.在 Vue 实例的 computed ......
01_变量
## 格式 ```java 数据类型 变量名 = 数据值; ``` ## 注意事项 1. 同一作用域（一对大括号范围），变量名不允许重复定义 2. 一条语句可以定义多个变量，但需要使用逗号进行分割 3. 变量在使用之前一定要进行赋值 4. 定义`float`和`long`变量的注意事项， 1. 定义 ......
Vue3 中的 expose的应用 - 限制对子组件实例的访问
我从3A平台购买了云服务器。如果你在开发一个开源的组件或库，你有可能想保持一些内部方法的私有性。在Vue 3.2之前，这并不容易实现，因为所有在选项API中声明的方法或数据等都是公开的，所以模板可以访问它。 组合API也是如此。我们从setup方法中返回的所有东西都可以被父类直接访问。 ### 组合 ......
在CSS中创建一个遮罩层并阻止点击穿透的常见方案
使用 position: fixed 和 z-index：创建一个具有全屏尺寸的 <div> 元素，并将其设置为 position: fixed，top: 0，left: 0，width: 100%，height: 100%，然后使用 z-index 将其放在其他元素之上。通过设置透明度、背景颜色或 ......
vue3 ref全家桶(小满zs vue3 笔记六)
tip1: vue3 无响应式数据(控制台数据已经变化,但是页面无刷新) <template> <div>认识Ref全家桶</div> <div>{{ message }}</div> <button @click="change">改变</button> </template> <script s ......
前端Vue组件之仿京东拼多多领取优惠券弹出框popup 可用于电商商品详情领券场景使用
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
前端Vue自定义精美底部操作栏导航栏工具栏 可用于电商购物车底部导航
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
关于声明变量和数组方法
声明变量 关于var let const三者：var 可以重复声明，存在变量提升，只有两个作用域，全局和局部（函数内），会将声明的变量挂载到window对象上，会引发一系列不可思议的错误，比如var name=1；局部作用域内，如果没有某变量，则默认会去找外层作用域查找，如果自己这个局部作用域内，如 ......
CSS基础知识（未完待续）
前言：从本篇开始记录css的一些基础知识，但不会涉及css3，以后会单独学习记录。 # 1 .CSS简介 html只关注了内容的语义，但并没有注意具体布局的美化以及样式，如果用html去设置的话，就会显得十分臃 肿，这时候就需要css来进行设置了。 CSS是层叠样式表的简称，有时候我们也会称之为cs ......
Vue（十）：监视属性——watch
1.监视属性的基本用法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>天气案例-监视属性</title> <script type="text/javascript" src="../js/vue.js"></script> ......
CSS基础
> 即 Cascading Style Sheets，它描述了网页的表现与展示效果 ### 1) 选择器 * type 选择器 - 根据标签名进行匹配（元素选择器） * class 选择器 - 根据元素的 class 属性进行匹配 * id 选择器 - 根据元素的 id 属性进行匹配 ### 2) ......
vue（七）路由 vue-router
安装和使用 通过vue-router路由管理页面之间的关系，是Vue.js的官方路由 1、安装路由 npm install --save vue-router 2、配置路由文件 route/index.js // 导入路由库 import {createRouter,createWebHashHis ......
【vue-问题】vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本
【vue-问题】vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。解决方法：①：管理员方式运行PowerShell,输入get-ExecutionPolicy。如果它回复Restricted，表示是禁止的②： ......
Vue 通过vuex动态缓存 keep-alive
在需要组件缓存的页面路由添加keep-alive属性 为true [{ path: 'text', component: () => import('@/views/text/index'), name: 'text', meta: { title: 'text', needRole: true, ......
vue（六）网络请求
Axios Axios是一个基于promise的网络请求库，安装npm install --save axios 局部引入：组件中引入import axios from "axios" 全局引入：main.js中引入，并挂载 // 在main.js中全局引入 import axios from "a ......
vue（五）CSS样式添加
Vue 具有三种样式化应用程序的方法： 外部 CSS 文件。 单文件组件（.vue 文件）中的全局样式。 单文件组件中组件范围的样式。 外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad ......
vue（四）组件交互
Props Prop可以实现各组件间的数据传递（父组件传递数据给子组件），支持传递的数据类型可以是：基础数据类型、对象、函数。返回的数据类型是数组或对象时，默认值需要是函数。 使用方式如下： 1、在需传递的组件中（父组件），export需要传递的数据 2、在需传递的组件中（父组件），import 接 ......
Vue router 路由
#路由 ##跳转页面和路由模式 ###vue的路由 1. 路由的文档 https://v3.router.vuejs.org/zh/api/ 2. 路由是干什么的 ==》 就是来负责跳转页面...反正是和页面打交道的 3. vue + router是单页面应用（SPA） 解释一下“什么是”单页面 ： ......
c# 实现对系统环境变量操作
internal class Program { static void Main(string[] args) { try { var abc = EnvironmentVarialbeHelper.Get("abc"); if (!string.IsNullOrEmpty(abc)) { Con ......
vue3-watch监听器的使用
## 基本使用方式 ``` export default { watch: { someObject: { handler(newValue, oldValue) { // 注意：在嵌套的变更中， // 只要没有替换对象本身， // 那么这里的 `newValue` 和 `oldValue` 相同 ......