变量vue3 vue css
Module not found: Error: Can't resolve 'axios' in 'D:\BaiduSyncdisk\vue-cli-project\dc_vue3\src\utils'
Module not found: Error: Can't resolve 'axios' in 'D:\BaiduSyncdisk\vue-cli-project\dc_vue3\src\utils' 因：没有安装axios插件 在运行项目的地方npm install --save axios ......
vue路由切换时终止异步请求【转载】
项目场景：bug描述：在一个vue页面中，有异步数据请求的方法正在执行，此时切换到其他vue页面后，该异步请求不会停止。之前写项目时，没有注意到vue路由切换后，还没执行完毕的异步请求并没有随着页面的切换而结束。用户在当前访问页面中，异步请求的数据还没抓取完跳转到其他页面时，这个异步请求并不会终止， ......
优雅封装vue中的 iframe组件（可修改iframe内部样式）
公共组件 <template> <div class="wrapper-c"> <iframe id="fram_box" @load="loadFrame" :src="url"> </iframe> </div> </template> <script> export default { nam ......
05-ES6：变量的解构赋值
title: 05-ES6：变量的解构赋值 publish: true 解构赋值的概念 解构赋值：ES6 允许我们，按照一一对应的方式，从数组或者对象中提取值，再将提取出来的值赋值给变量。 解构：分解数据结构；赋值：给变量赋值。 解构赋值在实际开发中可以大量减少我们的代码量，并且让程序结构更清晰。 ......
04-ES6：变量 let、const 和块级作用域
title: 04-ES6：变量 let、const 和块级作用域 publish: true ES6 的变量声明 ES5 中，使用 var 定义变量（ var 是 variable 的简写）。 ES6 中，新增了 let 和 const 来定义变量： let：定义变量，替代 var。 const： ......
Vue3+TS+Node打造个人博客（后端架构）
在使用 Express 搭建后端服务时，主要关注的几个点是： 路由中间件和控制器 SQL处理 响应返回体数据结构 错误码 Web安全 环境变量/配置 路由和控制器 路由基本上是按模块或功能去划分的。 首先是按模块去划分一级路由，各个模块的子功能相当于是用二级路由处理。 简单举个例子，/article ......
vue全家桶进阶之路45：Vue3 Element Plus el_button组件
在 Vue 3 中，Element Plus 的 ElButton 组件提供了多种按钮类型和属性，可以用于实现不同的交互效果。下面是 ElButton 常用的作用和属性： 作用： 用于在页面上添加交互按钮，比如提交按钮、取消按钮等。 常用属性： type：按钮类型，可以取值为 primary、suc ......
vue全家桶进阶之路44：Vue3 Element Plus el_row和el_col组件
在 Vue 3 中，Element Plus 也提供了 ElRow 和 ElCol 组件，用于实现栅格布局。 ElRow 组件的常用属性： gutter：栅格间距，默认为 0。 type：布局模式，可选值为 flex、justify 和 align。默认值为 flex。 tag：组件标签，默认为 d ......
查看Unity3D中默认的变量名与按键的映射
选择 Edit/Project Settings/Input Manager 点击 Axes 即可查看对应变量名与按键的映射关系 ......
RuoYi-Vue3若依 await import 报错
npm run dev 启动时报错： await import('source-map-support').then((r) => r.default.install()) 网上查询应该是 node.js 的版本问题 原因是我使用的node是12.18.4版本，升级成16.16.0即可。 先将原 n ......
vue全家桶进阶之路43：Vue3 Element Plus el-form表单组件
在 Element Plus 中，el-form 是一个表单组件，用于创建表单以便用户填写和提交数据。它提供了许多内置的验证规则和验证方法，使表单验证更加容易。 使用 el-form 组件，您可以将表单控件组织在一起，并对表单进行验证，以确保提交的数据符合预期的格式和要求。该组件具有以下特性： 支持 ......
02-CSS布局
title: 02-CSS布局 publish: true 前言 常见的布局属性 （1）display 确定元素的显示类型： block：块级元素。 inline：行内元素。 inline-block：对外的表现是行内元素（不会独占一行），对内的表现是块级元素（可以设置宽高）。 （2）positio ......
CSS开发积累
title: 认识Web和Web标准 publish: false 让flex盒子中的子元素们，居中 flex布局常用的三行代码： display: flex; justify-content: center; // 子元素在横轴的对齐方式 （左右居中） align-items: center; / ......
CSS文章推荐
title: 认识Web和Web标准 publish: false 2020-03-16 Bootstrap 中文文档：https://code.z01.com/v4/content/tables.html 2020-03-13 CSS实现鼠标悬停弹出微信二维码 ......
CSS的一些小知识
title: 认识Web和Web标准 publish: false 隐藏盒子的几种方式 隐藏盒子，有以下几种方式： （1）方式一： overflow：hidden; //隐藏盒子超出的部分 （2）方式二： display: none; 隐藏盒子，而且不占位置(用的最多) 比如，点击X，关闭京东首页上 ......
01-CSS中的非布局样式
title: 01-CSS中的非布局样式 publish: true 前言 CSS中，有很多非布局样式，这些样式（属性）和与布局无关，包括： 字体、字重、颜色、大小、行高 背景、边框 滚动、换行 装饰性属性（粗体、斜体、下划线）等。 这篇文章，我们来对上面的部分样式做一个回顾。 边框 如何用边框画一 ......
Makefile知识点-3------makefile定义“空格”变量的定义方法
下面再介绍两个定义变量时我们需要知道的，请先看一个例子，如果我们要定义一个变量，其值是一个空格，那么我们可以这样来： nullstring :=space := $(nullstring) # end of the line nullstring 是一个Empty变量，其中什么也没有，而我们的spa ......
11-CSS3属性详解（一）
title: 11-CSS3属性详解（一） publish: true 前言 我们在上一篇文章中学习了CSS3的选择器，本文来学一下CSS3的一些属性。 本文主要内容： 文本 盒模型中的 box-sizing 属性 处理兼容性问题：私有前缀 边框 背景属性 渐变 文本 text-shadow：设置文 ......
12-CSS3属性详解：动画详解
title: 12-CSS3属性详解：动画详解 publish: true 前言 本文主要内容： 过渡：transition 2D 转换 transform 3D 转换 transform 动画：animation 过渡：transition transition的中文含义是过渡。过渡是CSS3中具 ......
17-CSS3的常见边框汇总
title: 17-CSS3的常见边框汇总 publish: true CSS3 常见边框汇总 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3 边框</title> <style> body, ul ......
14-CSS3属性详解：Web字体
title: 14-CSS3属性详解：Web字体 publish: true 前言 开发人员可以为自已的网页指定特殊的字体（将指定字体提前下载到站点中），无需考虑用户电脑上是否安装了此特殊字体。从此，把特殊字体处理成图片的方式便成为了过去。 支持程度比较好，甚至 IE 低版本的浏览器也能支持。 字体 ......
13-CSS3属性：Flex布局图文详解
title: 13-CSS3属性：Flex布局图文详解 publish: true 前言 CSS3中的 flex 属性，在布局方面做了非常大的改进，使得我们对多个元素之间的布局排列变得十分灵活，适应性非常强。其强大的伸缩性和自适应性，在网页开中可以发挥极大的作用。 flex 初体验 我们先来看看下面 ......
vue全家桶进阶之路42：Vue3 SCSS、SASS、CSS
SCSS和SASS都是CSS预处理器，它们的主要目的是简化CSS的编写，增加可维护性，并提供更丰富的功能。下面是它们与普通的CSS的区别： 语法：SCSS和SASS都具有比普通CSS更丰富的语法。其中，SASS使用缩进来表示嵌套，而SCSS则使用类似于CSS的花括号语法。因此，SCSS更易于CSS开 ......
08-CSS属性：定位属性
title: 08-CSS属性：定位属性 publish: true CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; ......
09-CSS案例讲解：博雅互动
title: 09-CSS案例讲解：博雅互动 publish: true 前言 CSS已经学了一些基础内容了，我们来讲解一个小案例吧。以博雅互动的官网首页举例。 版心 首页的版心如下： 这里我们要普及一个概念，叫“版心”。版心是页面中主要内容所在的区域。 比如说，网站左上角的logo，设计图给出的左 ......
10-CSS3选择器详解
title: 10-CSS3选择器详解 publish: true CSS3介绍 CSS3在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。 CSS3的现状 浏览器支持程度不够好，有些需要添加私有前缀 移动端支持优于PC端 不断改进中 应用相对 ......
04-CSS选择器：伪类
title: 04-CSS选择器：伪类 publish: true 伪类（伪类选择器） 伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。 比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后 ......
06-CSS盒模型详解
title: 06-CSS盒模型详解 publish: true 盒子模型 前言 盒子模型，英文即box model。无论是div、span、还是a都是盒子。 但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。 盒子中的区域 一个 ......
01-CSS属性：字体属性和文本属性
title: 01-CSS属性：字体属性和文本属性 publish: true 本文重要内容 CSS的单位 字体属性 文本属性 定位属性：position、float、overflow等 CSS的单位 html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。 CSS中的 ......