属性 变量vue css
static final 修饰成员变量
作用 static：使变量成为类的成员，而不是对象的成员。 这意味着该变量在类加载时就会分配内存，并且在整个程序运行过程中都保持不变。 final：使变量成为常量。 这意味着该变量的值在程序运行过程中不能被修改。 优点 提高程序性能。 由于 static final 变量在类加载时就会分配内存，因此 ......
vue3学习基础之响应式状态
响应式状态 <script setup> import { ref, reactive, computed, watch, watchEffect } from "vue"; //reactive 响应式对象 只能用于对象、数组和集合类型 const author = reactive({ name ......
vue3学习基础之事件绑定
事件绑定 <script setup> import { nextTick, ref } from "vue"; function clickA() { console.log("点击了a标签，点击事件传递到了外层p标签"); } function clickStop() { console.log ......
vue3学习基础之表单相关
表单相关 <script setup> import { ref } from "vue"; const message = ref("hello"); const checked = ref(); const checkedNames = ref([]); const picked = ref() ......
Java变量再次理解
Java变量共分为三类，分别为成员变量，局部变量，静态变量 希望这次可以理解的透彻并记住 成员变量（也叫实例变量，对象变量）： 其实通俗理解就是当每个对象都想有自己的变量值时就是声明成员变量，比如班级里的每个人都有自己的name，我们创建类的时候声明的成员变量的名字是name，这样大家都有自己的na ......
vue3学习基础之vue-router
我的vue3学习之路总是学学停停，最开始在18年开发微信小程序，就发现小程序和vue的语法有些相似，然后就去看了vue2的文档，随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3，有了组合式api，语法简明很多，然后又不知道忙什么丢下。。。 前段有些空时间，就把vue3的学习整理下，使用vi ......
css3
1、新增选择器 是css技术的升级版本，在css2的基础上，新增了许多特性，弥补了css2的不足，使web页面的开发变得更加高效、便捷 css3按模块化进行设计，比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面 css3优点: CSS3是完 ......
【源码系列#04】Vue3侦听器原理（Watch）
本章目标：侦听器watch是如何兼容ref、响应式对象和getter函数等不同数据源的？回调时机immediate是如何实现的？关于onCleanup，一个用于注册副作用清理的回调函数是如何实现的？ ......
【Vue】依赖追踪
在明白原理之前，我们有很多表面现象、使用场景需要记忆。明白了原理后，你会发现它们已经不需要记了，因为从原理出发，你自己都能把它们推导出来，一切是那么的自然而然。感觉就是：这还用记吗？很明显嘛！ 之前我对vue的响应式原理，只是一知半解，导致开发中经常会出现疑问，比如：为什么有的数据它不响应？模板中用 ......
[CSS]flex弹性盒
先来一个常用的flex样例。 水平从左往右主轴，自动换行，从主轴起始位置开始分布（侧轴不设置，使用margin进行间隔）： .tags { display: flex; justify-content: flex-start; flex-wrap: wrap; } .tag_item { margi ......
VUE3 + Three.js 坑
VUE3 + Three.js 坑 1. 问题描述 将scene、camera、renderer、controls等变量用reactive变成响应式时，页面渲染会报错: three.module.js?5a89:24471 Uncaught TypeError: 'get' on proxy: pr ......
lottie 动画在 vue 中的使用
前言 最近我所负责的项目中，我采用了动画效果，并开始使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的表现效果，我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要，因此我非常认真 ......
vue 浅解
Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 vue有自己的语法， ......
CSS中的各种居中
在CSS布局时经常会需要实现水平居中，垂直居中，水平垂直居中这样的要求但是却又不是非常的在意，所以总结一下。 文本水平居中 1.使用text-align属性：将容器的text-align属性设置为"center"，可以使文本在容器中水平居中。 <style> .container { width: ......
[CSS]border-image-slice宽高不确定时自定义边框
宽高不确定时自定义边框效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < ......
微信小程序 js怎么获取js文件变量的值
关键词：微信小程序、js变量的值、函数 数据定义： data: { case_name:"" }, 赛值函数： /** * 生命周期函数--监听页面加载 */ onLoad(options) { this.setData({ case_name:"信息", }); console.log("办案名称 ......
vue3中toRefs用法
toRefs是Vue.js 3中的一个实用函数，用于将响应式对象转换为普通对象，其中每个属性都是一个ref对象。这在某些情况下很有用，特别是想要将一个包含多个响应式属性的对象传递给子组件时。 以下是toRefs的基本用法： import { reactive, toRefs } from 'vue' ......
vue 生产环境寻找方法
https://juejin.cn/post/6898483758085701646 控制台输入 单击函数会直接跳转 生产环境直接 源码搜索 devtool 然后设置为true 然后关闭f12 重新打开 ......
PATH环境变量
PATH环境变量： 问题：直接创建一个可执行脚本hello.sh直接执行提示 “hello.sh：未找到命令” PATH，最常见的一个环境变量用于描述可执行程序的搜索路径 echo $PATH 多个路径之间以冒号分隔 usr/local/bin:/usr/local/sbin:/usr/bin:/u ......
vue实现文件下载
vue实现文件下载：https://blog.csdn.net/weixin_41696001/article/details/124210326?ops_request_misc=%257B%2522request%255Fid%2522%253A%252217034939871680022287 ......
npm run dev > hhwl-platforma1.0. dev > wue-cli-service serve vue-cli-service’不是内部或外部命令，也不是可运行的程序或批处理文件。
这个错 主要npm i 就可以了 但是现在npm i 也报错 原因是: 重新装了一遍nodeJS ,在设置全局仓库的时候出了些许问题，先建立两个文件夹cache和global:然后打开然后去修改npmrc文件里面的参数 最后点击 node_global 和node_cacahe 这两个文件的属性 然 ......
变量
1变量 变量：一种会变化的状态，这个状态能描述一切 2Python中定义变量 name = 'nick' #变量名 赋值符号 变量值 print(name) #变量名作了什么:接收了变量值 nick height=100 weight=100 定义变量名的命名规范 1.变量名要具备某种意义 2.变量 ......
系统环境变量
系统环境变量： 系统环境变量：定义在 /etc/profile 中，此中的环境变量对所有用户有效 以root身份执行： gedit /etc/profile 一般不直接修改 /etc/profile 而是在 /etc/profile.d/创建一个自定义的脚本 1.先切换到root用户，并以可编辑状态 ......
Vue学习之插槽slot
1. 插槽是什么 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。 插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制。 简单理解就是子组件中 ......
[CSS]动画，平移到某个位置，停住
animation-fill-mode: forwards; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi ......
vscode打开vue3，报红，ts类型找不到问题
vscode不用禁用原有的插件Veyur和javascriptVue 之前 vscode 检测到 vue3 ，自动推荐安装了 Vue Language Feature（Volar），但用它扔有类型报错。官方推荐，使用 它 时禁用 Vetur，以免有冲突。 只需安装TypeScript Vue Plu ......
控制台打印时显示的文件来源没有显示.vue文件，而是出现了一堆index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-optio…
控制台打印时显示的文件来源没有显示.vue文件，而是出现了一堆index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-optio…，看不出来打印的语句来自哪个vue组件 ......
Vue3+vite+Pinia+element-plus 换肤+国际化
先上效果： 一：换肤 1:用Pinia 小菠萝做状态管理。 2：根据自己需求写几套主题色（用于后面在html加载对应的主题颜色） 3: 自己写一个切换主题的页面 4：每次进入系统前去pinia里面获取上次选中的主题。如果已经设置 加载已设置过的 在src 下随便建个theme/index.ts 然后 ......
奇迹MU高玩为你剖析智力妹妹属性加点
一、奇迹mu智力mm400级下加点攻略 奇迹mu中，要玩好智力mm，需要掌握加点攻略。在400级之前，升级相对简单。如果智力mm已经确定了装备，那么加点就非常简单，但玩家还需要特别注意。一般来说，只要敏捷和力量够装备就可以了，而其余的点全部放在智力上。比如说，如果玩家想要追加+13不追减伤藤，那么敏 ......