变量vue3 vue css
vue 使用filter 把无限极分类遍历为树形结构
<script setup lang="ts"> interface listType { id: number url: string } const data = [ { id: 1, url: '/_nuxt/assets/images/america.png' }, { id: 2, url ......
css--重绘和回流
重绘(paint) : 当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不影响布局的，比如background-color，则称为重绘。 回流(layout)： 当render tree中的一部分（或全部）因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这 ......
css 居中
absolute 绝对定位来居中 先让元素左上角居中 top: 50%; left: 50%; 再根据容器的大小来设置外边距偏移量 width: 800px; height: 500px; margin-left: -400px; margin-top: -250px; 拓展：过渡玩法： backg ......
vue学习九
<div id="app9" style="background-color: aqua;"> 姓名:<input type="text" v-model="name"> <br> 性别:<input type="radio" name="" value="1" v-model="gender">男 ......
vue学习十
<div id="app10"> <ul> <li style="list-style-type: none;" v-for="(item , index) in list" :key="list.id"> {{ item.num }} </li> </ul> computed合计:{{ count ......
VUE+Ant 自定义cron组件，显示最近运行时间
先上效果图 自定义组件 <template> <a-modal title="corn表达式" :width="modalWidth" :visible="visible" :confirmLoading="confirmLoading" @ok="handleSubmit" @cancel="cl ......
我与Vue.js 2.x 的七年之痒
——过去日子的回顾（这是个副标题） ——其实这是篇广告软文（这是个副副标题） 以下是一些牢骚和感悟，不感兴趣的可以滑倒最下面，嘻嘻。 每每回忆起从前，就感觉时间飞逝，真切的感受到了那种课本中描述的白驹过隙。和很多人发生的，经历的很多事情，就好像昨天一样，但是仔细的思索一番，早已时隔多年，恍然如昨。 ......
不使用构建工具的vue组件书写方式
将vue组件转换为普通的js文件（IIFE） 先写个简单的component export default { data() { return { count: 0 } }, template: `<button @click="count++">You clicked me {{ count }} ......
vue3+ts 禁止文本框自动填充内容
如果 `<input>` 元素的 `autocomplete` 属性设置为 `"off"` 但并没有起作用，这可能是因为不同浏览器对此属性的实现方式存在一些差异。 为了更可靠地禁用自动填充功能，你可以尝试以下解决方案之一： 1. 添加 `autocomplete="new-password"` 属性 ......
C语言获取结构体变量地址并且输出结构体变量任意地址的数据
#include<stdio.h> typedef struct Test{ float Item1; char Item2; int Item3; short Item4; long Item5; double Item6; }TestStr1; int main(){ struct Test T ......
CSS色域、色彩空间、CSS Color 4新标准
引言 近期，三大主流浏览器引擎均发布最新版本，支持W3C的CSS Color 4标准，包含新的取色方法color()和相应语法，可展示更多的色域及色彩空间，这意味着web端能展示更丰富更高清的色彩。虽然目前只有最新版本的现代浏览器才支持，我们可以先提前了解一下这项新标准。 本文首先会先简单介绍几个色 ......
vue 中的provide和inject用法。
provide和inject 可以用作vue组件的通讯-父子/跨级 provide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的 property。 inject 选项应该是： 一个字符串数组，或 一个对象，对象的 key 是本地的绑定名，value 是： 在可用的注入内容中搜索 ......
VIte+Vue3 打包在本地 双击 index.html 打开项目
npm i @vitejs/plugin-legacy npm i @babel/preset-env npm i terser import legacy from '@vitejs/plugin-legacy'; export default defineConfig({ base:"./", ......
Vue+ElementUI 下拉框问题的一个解决方案
Vue使用ElementUI使用下拉框组件时，点击空白处，无法隐藏展开的选项。build项目后，此类问题时有时无，不确定；具体报错如图 ......
Shell-Makefile使用变量
可以现在build.sh中source 需要的config.sh配置文件，并export其中包含的变量。此时，变量在当前shell终端中生效。 Makefile中只用变量应为${VAL} https://blog.csdn.net/mouday/article/details/128966176 h ......
vue中的路由守卫
摘要："路由守卫" 是前端开发框架中使用的术语，特别是在 Vue中。是一种导航控制机制，用来决定一个路由是否可以被访问、是否可以离开当前路由，或者在路由变化时做一些额外的操作。 路由守卫主要用于权限验证、数据预加载、页面状态保存等场景。 常常见于登录系统后，不会再后退跳转到登录页面。 类型： 全局守 ......
31-Vue脚手架-scoped样式
我们先思考一个问题，如果对School 和 Student应用样式的话，一般是使用如下方式： src/components/School.vue <template> <div class="demo"> <h2>学校名称：{{name}}</h2> <h2>学校地址：{{address}}</h2 ......
30-Vue脚手架-plugin插件
plugin插件 功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 src/plugins.js（定义插件） // 定义插件(默认暴露) export default { install(Vue){ conso ......
[Vue]条件渲染
1.v-if 写法: (1) v-if="表达式" (2) v-else-if="表达式" (3) v-else="表达式" 适用于:切换频率较低的场景。 特点: 不展示的DOM元素直接被移除。 注意: v-if可以和v-else-if、v-else一起使用，但要求结构不能被“打断”。 2.v-sh ......
Vue 3 中用组合式函数和 Shared Worker 实现后台分片上传（带哈希计算）
01. 背景 最近项目需求里有个文件上传功能，而客户需求里的文件基本上是比较大的，基本上得有 1 GiB 以上的大小，而上传大文件尤其是读大文件，可能会造成卡 UI 或者说点不动的问题。而用后台的 Worker 去实现是一个比较不错的解决办法。 02. 原理讲解 02.01. Shared Work ......
2023-10-26 hexo部署到GitHub时css样式不生效 ==》 css文件链接被识别为不安全链接，导致无法生效
hexo d一键部署后查看效果发现博客页面的样式全丢失了，查看控制台发现了端倪： Mixed Content: The page at 'https://xxx.github.io/' was loaded over HTTPS, but requested an insecure styleshe ......
ruby实战手册(13）-vue 3（4）
目录全局构建 全局构建 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>learn js</title> <base href="/"> <link href="styles/style.css" rel=" ......
OpenTiny Vue 3.11.0 发布：增加富文本、ColorPicker等4个新组件，迎来了贡献者大爆发！
本次 3.11.0 版本主要增加以下新组件：
- RichTextEditor 富文本编辑器组件 - by [Caesar-ch](https://github.com/Caesar-ch)
- ColorPicker 颜色选择器组件 - by [GaoNeng-wWw](https://gith... ......
vue打印浏览器页面功能的两种实现方法
目录 方法一：通过npm 安装插件 方法二：手动下载插件到本地 总结 推荐使用方法二 方法一：通过npm 安装插件 1，安装 npm install vue-print-nb --save 2，引入 安装好以后在main.js文件中引入 1 import Print from 'vue-print- ......
C++ 不能返回局部变量的引用
// max.hpp #include <iostream>// 模板被编译了两次，分别发生在：// 1. 实例化之前，先检查模板代码本身，查看语法是否正确；这里会发现错误的语法，如遗漏分号等。// 2. 实例化期间，检查模板代码，查看是否所有的调用都有效。在这里也会发现无效的调用，如该实例化类型不 ......
vue3中关于pinia及其持久化插件的使用
pinia是一个vue中的插件，功能是一个仓库，用来存放数据。当我们的数据在多个组件中都需要用到的时候，如果一个个向后端获取就会很麻烦。数据获取一次存放在pinia仓库中，用起来就会非常方便还减轻服务器压力。pinia官网：https://pinia.vuejs.org/zh/ ，也可以在vue的生 ......
C#获取环境变量的值
Environment.GetEnvironmentVariable("Path"); 修改环境变量之后，不能立即生效，需要重启一下VStudio 或重启电脑 ； ......
主题 CSS 魔改版
（Markdown 格式贴近 Typora 的显示样式） .blogpost-body blockquote { background-image: none; border-left: 5px solid #e2dfdf; border-right: none; border-top: none; ......
vue处理文件流实现上传下载
1.文件流转base64 axios({ method: "post", url: "************", responseType: "blob", //必须将返回数据格式更改为 blob 格式 }).then(res => { // 处理返回的文件流数据转为blob对象 let blob ......