变量vue3 vue css

CSS文字换行之word-wrap和word-break的区别

CSS文字换行之word-wrap和word-break的区别 word-wrap:break-word; word-break:break-all; 这两种都可以,区别在于英文场景中,当一个英文单词的长度超过了父级容器长度时,word-wrap:break-word没什么用,word-break: ......
word word-break word-wrap 文字 break

pytest + yaml 框架 -45.用例分层设置变量默认值

# 前言 最近有小伙伴提到API层的接口参数很多,全部设置为变量,后面用例引用会写很多值,会很费精力。 希望能在定义变量的时候,给默认值,这样在用例里面可以选择性的给部分参数设置变量值。 # API层定义接口 先在API层定义接口,请求参数使用`default()` 给变量默认值 api/post. ......
变量 框架 pytest yaml 45

图书商城项目练习①管理后台Vue2/ElementUI

本系列文章是为学习Vue的项目练习笔记,尽量详细记录一下一个完整项目的开发过程。面向初学者,本人也是初学者,搬砖技术还不成熟。项目在技术上前端为主,包含一些后端代码,从基础的数据库(Sqlite)、到后端服务Node.js(Express),再到Web端的Vue,包含服务端、管理后台、商城网站、小程... ......
ElementUI 后台 商城 项目 图书

VUE框架组件中通信方式(5)

//vuex:集中式管理状态容器,可以实现任意组件之间通信!!! //核心概念:state、mutations、actions、getters、modules //pinia:集中式管理状态容器,可以实现任意组件之间通信!!! //核心概念:state、actions、getters //pinia ......
组件 框架 方式 VUE

vue列表页返回数组错误Invalid prop: type check failed for prop "data". Expected Array, got Object

一个vue列表页接收后端数组时是这样写的: this.list = response.data 返回如下错误: Invalid prop: type check failed for prop "data". Expected Array, got Object 意思是希望返回一个数组但实际得到一个 ......
数组 prop quot Expected 错误

Vue Router 源码分析

最终成果,实现了一个可运行的核心路由工程:柏成/vue-router3.x。地址如下:https://gitee.com/lbcjs/vue-router3.x ......
源码 Router Vue

前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版

#### 前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13266 #### 效果图如下: ![](https://p3-juejin.b ......
picker 省市区 前端 模版 省市

自用gulp打包脚本,压缩html,压缩js,压缩css,压缩图片,功能齐全

const gulp = require('gulp'); const fs = require('fs'); const htmlmin = require('gulp-htmlmin'); const uglify = require('gulp-uglify'); const uglifyEs ......
功能齐全 脚本 功能 图片 gulp

vue-props-props是只读的

# props是只读的 vue规定:组件中封装的自定义属性是`只读的`,程序员`不能直接修改`props的值。否则会报错 ```JS Count 组件 count的值是:{{ count }} +1 ``` 要想修改props的值,可以`把props的值转存到data中`,因为data中的数据都是可 ......
props vue-props-props vue

vue-props-为count组件声明props自定义属性

# 组件的`props` props时组件的`自定义属性`,在`封装通用组件`的时候,合理地使用props可以极大的`提高组件的复用性`! ```JS Count 组件 count的值是:{{init}} +1 ``` ......
props 组件 vue-props 属性 count

vue2+element-ui国际化实战不刷新页面

# 背景 有的时候我们做的项目需要支持中英文切换,那么我们就需要使用到`vue-i18n`插件 # 步骤 ## 安装以及挂载 1. 安装`vue-i18n`依赖 ```shell npm i vue-i18n@8 ``` 2. 在`src`同级的目录下创建`language`文件下,在`langua ......
element-ui 实战 element 页面 国际

在vue文件中使用 deep深度选择器

# 使用场景 有的时候我们需要在父组件中去修改第三方组件或者子组件的样式就会使用到`deep深度选择器`。比如:App组件中定义了.title的样式,也想让Test子组件中的.title也应用对应的样式 ![](https://img2023.cnblogs.com/blog/724275/2023 ......
深度 文件 deep vue

声明成员变量的时候什么时候用public 什么时候用private?

在Java中,成员变量(类的属性)可以使用不同的访问修饰符进行声明,包括public和private。 下面是使用public和private的一般指导原则: 1. public成员变量: - 当您希望该成员变量在类的外部可以直接访问时,可以将其声明为public。 - public成员变量可以被类 ......
时候 变量 成员 private public

CSS:定位

##position 属性 position属性用来指定一个元素在网页上的位置,一共有5种定位方式,即position属性主要有五个值。 * static * relative * fixed * absolute * sticky 下面主要介绍前四个常用的值。 ###static 属性值 `sta ......
CSS

CSS英文单词换行

# 问题描述 有的时候我们需要在页面上展示英文单词,但是有时单词的字母被独立出来形成不了一个整体。比如:使用element-ui中的el-table ![](https://img2023.cnblogs.com/blog/724275/202306/724275-20230628192901526 ......
单词 CSS

为什么在 C++ 中,类的静态成员变量需要在源文件中进行定义?

# 为什么在 C++ 中,类的静态成员变量需要在源文件中进行定义? 类的静态成员变量需要在源文件中进行定义,以便在链接阶段能够正确地分配内存并为其分配地址。 当你在类的头文件中声明一个静态成员变量时,这只是告诉编译器该变量存在,并将在某处定义。这是因为头文件通常被包含在多个源文件中,如果在头文件中进 ......
源文件 变量 静态 成员

图书商城Vue+Element+Node项目练习(...)

本系列文章是为学习Vue的项目练习笔记,尽量详细记录一下一个完整项目的开发过程。面向初学者,本人也是初学者,搬砖技术还不成熟。项目在技术上前端为主,包含一些后端代码,从基础的数据库(Sqlite)、到后端服务Node.js(Express),再到Web端的Vue,包含服务端、管理后台、商城网站、小程... ......
Element 商城 项目 图书 Node

vue 扫码枪获取条形码逻辑

###直接贴代码 ``` ``` ......
条形 条形码 逻辑 vue

记录--不定高度展开收起动画 css/js 实现

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 不定高度展开收起动画 最近在做需求的时候,遇见了元素高度展开收起的动画需求,一开始是想到了使用 transition: all .3s; 来做动画效果,在固定高度的情况下,transition 动画很好使,满足了需求,但是如果要考虑之后可 ......
高度 动画 css js

CSS:Flex布局

* 想让一个元素变成Flex容器,只需要添加属性:`dispaly:flex`。 * Felx容器有交叉轴 ......
布局 Flex CSS

css屏蔽图片长按选中下载

在移动端开发中,我们通常不希望页面的图片被长安选中可下载,会禁用图片选中事件,这时,css不能使用通配符全局设置 pointer-events:none; 否则会把所有点击事件禁用。 解决方案 img { box-sizing: border-box; -moz-user-select: none; ......
图片 css

css border不能同时设置圆角和 border-image

如标题,css border不能同时设置圆角和 border-image,当我想要实现既有圆角,并给圆角加 border-image的时候,发现无法同时生效,只有 border-image会生效。 <!DOCTYPE html> <html lang="en"> <head> <meta chars ......
border 圆角 border-image 同时 image

vue-element-admin依赖包安装报错解决

按照官网安装vue-element-admin步骤: 1. git clone 2. npm install: 安装依赖包时报错 报错后进行原因排查,排查过程中,遇到过的报错情况: c:\program files\git\mingw64\bin\git.exe ls-remote -h -t ss ......
vue-element-admin element admin vue

vue 弹框分左右两部分

<div class="dialog_diy" > <el-dialog :visible.sync="otherShow" :close-on-click-modal='true' width="40%" height="80%"> <div slot="title" class="header- ......
部分 vue

vue-element table表格排序推拽功能

// 1.安装sortablejs npm install sortablejs --save // 2.功能页面中引入 import Sortable from ‘sortablejs’ 具体使用(注意:element table务必指定row-key,且row-key必须是唯一的,如 id,不然 ......
vue-element 表格 element 功能 table

CSS精灵技术

一、CSS精灵 需求: 当用户访问一个网站时,需要向服务器发送请求,网页上的每张图像都要经过一次请求才能展现给用户。然而,一个网页中往往会用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接受和发送请求,这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数,提高页面的 ......
精灵 技术 CSS

Vue为什么不推荐直接操作dom

Vue不推荐开发者直接操作dom(当然这并不表示不能这么做),有以下几个原因: 破坏了代码模块化结构导致代码腐化: 组件原本可以控制哪些dom操作可以对外暴露(即对应methods中的方法),但直接操作dom跳过了这个控制,这会导致不可预料的后果。 例如组件A中有一个输入框,且组件A没有暴露可以删除 ......
Vue dom

C++ primer 第二章 变量和基本类型

# 2.1 基本内置类型 ## 算数类型 C++的**基本数据类型**包括**算术类型**和**空类型**。 算数类型包括**字符**、整形数、**布尔值**和**浮点数**。 常见的类型和所占位数为: | 类型 | 最小尺寸 | | | | | bool | 未定义 | | char | 8位 | ......
变量 类型 第二章 primer

node.js的删除安装及vue-admin-template的下载

删除18 node版本过高(18了),这里需要16,因此将原来的node删除. 删除的方法是在设置中搜索node并找到,然后傻瓜式删除. 安装16 直接一路next确认就行 检查版本 vue-admin-template下载 这是一个版本为4.4.0的基础框架(官网:https://panjiach ......
vue-admin-template template admin node vue

2023.6.28 - vue项目打包内存堆栈溢出JS stacktrace

![](https://img2023.cnblogs.com/blog/2622524/202306/2622524-20230628143220836-842941430.png) vue项目打包时报错,JS stacktrace : Reached heap limit Allocation ......
堆栈 stacktrace 内存 项目 2023