属性 变量vue css

原因 axios 是网络请求的第三库，为了防止降低对第三库的依赖性，所以将axios请求封装为函数，方便后期代码的维护 安装 npm install axios 封装 在目录结构 src 文件夹下创建 network/request.js // 引入axios库 import axios from ......

在assets文件夹中创建一个css文件,放入想要的全局样式.好了之后找到main文件然后再main.js文件中import './assets/golbal.css'即可 ......

在经过一系列的操作装好mujoco之后，需要配好环境变量才能最终成功的运行！经过一段时间的折腾，博主总结一下三处在Linux中需要配置环境的地方： 1、.bashrc文件 博主习惯使用gedit ~/.bashrc命令打开.bashrc文件（比较方便编辑）。 在.bashrc文件中添加环境变量：ex ......

vue是动态构建用户界面的渐进式JavaScript框架：作者是尤雨溪 Vue的特点： 遵循MVVM模式 编码简洁，体积小，运行效率高，适合移动/PC端开发 它本身只关注UI，可以引入其它第三方库开发项目 与其他前端框架的联系： 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化 ......

定位 1. CSS布局的三种机制 1、普通流（标准流） 2、浮动 让盒子从普通流中浮起来——让多个盒子div水平排列成一行。 3、定位 将盒子定在某一个位置 自由的漂浮在其他盒子的上面 ——CSS离不开定位，特别是后面的js特效。 2. 为什么使用定位 所以，我们脑海应该有三种布局机制的上下顺序 标 ......

CSS高级应用 1. 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出来！ 1.1 display显示（重点） display设置或检索对象是否及如何显示。 display: none 隐藏对象​display: ......

本文介绍c语言中关键词extern用法的一个注意事项。 在做项目开发时，在一个单片机C语言程序（用keil开发）中，如果有两个C文件，在其中一个C文件（设为a文件）定义了一个全局变量v，并在此文件里的程序段里修改此变量，在另外一个C文件（设为b文件）里用外部变量（extern）的方法引用此变量，并读 ......

CSS背景 1.背景颜色（color） 语法： background-color:颜色值； 默认的值是 transparent 透明的例：background-color:pink; 2.背景图片（image） 语法： background-image:none|url(url) 参数作用 none ......

浮动 1.浮动（float） 1.1 CSS布局的三种机制 网页布局的核心——就是用CSS来摆放盒子 CSS提供了3种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中： 普通流（标准流） 块级元素会独占一行，从上向下顺序排列； 常用元素：div、hr、p、h1~h6、ul、ol、d ......

盒模型 1.什么是标签的显示模式 什么是标签的显示模式？ 标签以什么方式进行显示，比如div自己独占一行，比如span一行可以放多个 作用： 我们网页的标签非常多，在不同地方会用到不同类型的标签，以便更好的完成我们的网页。 标签的类型（分类） HTML标签一般分为块标签和行内标签两种类型，也称为块元 ......

盒模型应用 改变宽高范围 默认情况下，width 和 height 设置的是内容盒宽高。 页面重构师：将psd文件（设计稿）制作为静态页面 问题：衡量设计稿尺寸的时候，往往使用的是边框盒，但设计width和height，则设置的是内容盒 解决办法有两种： 精确计算 CSS3：box-sizing（用 ......

行盒的盒模型 常见的行盒：包含具体内容的元素 span、strong、em、i、img、video、audio 显著特点 盒子沿着内容沿伸 行盒不能设置宽高 调整行盒的宽高，应该使用字体大小、行高、字体类型，间接调整 内边距（填充区） 水平方向有效，垂直方向仅会影响背景（背景变，但字体还是不动），不 ......

属性值的计算过程 概念： 定义CSS样式时，经常出现两个或更多规则应用在同一元素上，此时： 选择器相同，则执行层叠性 选择器不同，就会出现优先级的问题。 权重计算公式 关于CSS权重，我们需要一套计算公式来去计算，这个就是CSS　Specificity特殊性。 标签选择器计算权重公式 继承或* 0, ......

层叠 声明冲突：同一个样式，多次应用到同一个元素 层叠：解决声明冲突的过程，浏览器自动处理（权重计算） 概念： 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力，如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 原则： 样式冲突，遵循的原则 ......

继承 子元素会继承父元素的某些(不是全部)CSS属性 通常，跟文字内容相关的属性都能被继承 例：background-color、weigh、height不能被继承 概念： 子标签会继承父标签的某些样式，如文本颜色和字号。 想要设置一个可继承的属性，只需将他应用于父元素即可。 简单的理解就是：子承父 ......

字体样式 1.CSS外观属性 1.1 color：文本颜色 作用： color属性用于定义文本的颜色 其取值方式有如下3种： 表示属性值 预定义的颜色值（预设值：定义好的单词） red、green、blue 十六进制 淘宝红：#ff4400/#f40 黑色：#000000/#000 白色：#ffff ......

选择器 选择器作用：帮助你精准的选中想要的元素\找到特定的HTML页面元素 1.简单选择器 1.1 ID选择器（JavaScript使用）（不推荐使用） 选中的是对应id值的元素 id选择器使用#进行标识，后面紧跟id名 其基本语法格式如下： id选择器 #id名 {属性1:属性值1; 属性2:属性 ......

报错信息如下： Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking ......

一、前端MVVM模式及Axios异步通信 1. 什么是MVVM MVVM（Model-View-ViewModel）是一种软件架构设计模式，由微软 WPF（用于替代WinForm，以前就是用这个技术开发桌面应用程序的）和Silverlight（类似于JavaApplet，简单点说就是在浏览器上运行的 ......

1、将日期转换成时间戳 let time = parseInt(new Date().getTime() / 1000); console.log(time) 2、接口传过来的UTC日期和13位时间戳格式化 const formateDate = (time: any, isUtc = false) ......

先放结论：不要在路由组件的 template 块中使用多个根标签，注释也不行。 今天碰到一个奇葩的问题，后端告诉我说，进入特定页面后，跳转其他页面均会白屏，刷新后就会加载。 一开始我以为是菜单的问题，搞鼓了半天，发现没什么问题。之后我又以为是路由的问题，发现只要移除了 transition 的 mo ......

1、win+r运行 2、输入：sysdm.cpl，进入计算机系统属性面板 3、选择高级选项进入环境变量 4、选中path，双击编辑内容 5、新建路径（此路径为绝对路径，是程序所在的父级文件夹） ......

动画 动画（animation）是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。 动画的基本使用，制作动画分为两步： 1.先定义动画 2.再使用（调用）动画 1. @keyfra ......

@(目录) 测试准备： 新建一个测试项目文件夹 test，然后在 test 文件夹内新建一个名为 css 的文件夹，创建一个名为 style.css的文件，最后在test文件夹下新建一个 test.html 文件。 test | —— | | ——css —— style.css | test.ht ......

一、DOM对象 DOM，全称“DocumentObjectModel（文档对象模型）”，它是由W3C组织定义的一个标准。 在前端开发时，我们往往需要在页面某个地方添加一个元素或者删除元素，这种添加元素、删除元素的操作就是通过DOM来实现的。 说白了，DOM就是一个接口，我们可以通过DOM来操作页面中 ......

1.vite自带的属性envPrefix 这个属性只能修改掉VITE_这样的开头，并且不能为空 详情参考 2.使用dotenv插件 如果你不想被这些瓶瓶罐罐约束，想定义什么变量就定义什么变量的话 那你可以尝试使用dotenv这个插件 dotenv：npm 官方文档的这样介绍 dotenv: Dote ......

NPM（Node Package Manager）是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。 NPM是 JavaScript 的包管理工具，也是世界上最大的软件注册表。有超过 60 万个 JavaScript 代码包可供下载，每周下载约 30 亿次。NPM让 JavaS ......

https://blog.csdn.net/weixin_52682014/article/details/127709889 一、常用的css基本选择器(4种) 1、标签选择器 结构： 标签名{css属性名：属性值}作用：通过标签名，找到页面中所有的这类标签，设置样式注意：1.标签选择器选择的是一 ......

// 父组件 getdata(bounds, callback){ callback(data) } // 子组件 let data = {} this.$emit("getdata", bounds, val => { data = val }) return data ......

笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ......