变量vue3 vue css
前端编程开发 --- vue3 计算属性
变量输出到视图的预处理指令 <div id="app"> <p>未处理: {{ message }}</p> <p>预处理: {{ reversedMessage }}</p> </div> <script> const app = { data() { return { message: 'hel ......
前端Vue自定义精美商品分类列表组件 侧边栏商品分类组件 category组件 左边分类category 右边列表List
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
vue--day14--样式绑定
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>样式绑定< ......
环境变量
1、介绍 环境变量分为系统环境变量和用户环境变量。 作用是作为固有的、乃至公共的空间,存储变量被应用程序使用。 2、应用程序调用问题 系统调用应用程序,或者应用程序相互之间的调用,那么首先需要知道被调用应用程序所在目录。 解决方法可以是将被调用应用程序安装在固定目录下,这可行但不合理。 另一种,是用 ......
vue--day13--watch与computed的区别
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
vue-day12-监视属性简写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
vue--day12--深度监视
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
CSS_相关问题及解决_持续更新
# css_margin塌陷问题 ### 问题描述 ```html ``` 当**child1**设置了margin-top时,margin-top会作用在father上 当**child2**设置了margin——bottom时,margin-bottom会作用在father上 ### 解决方法 ......
vue-day12--监听属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
vue--day11--计算属性实现名字案例简写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>计算属性实 ......
开心档之CSS 测验
目录 CSS 测验 编辑 CSS 测验 CSS测验是一种衡量前端开发人员对CSS的熟练程度的测试。通过CSS测验,可以评估一个人对CSS语言的掌握程度和应用能力,帮助公司或招聘方挑选合适的人才。下面将介绍如何进行CSS测验以及一些常见的CSS考题。 一、CSS测验的类型 1.选择题:从多个选项 ......
vue--day11--计算属性实现名字案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>计算属性实 ......
vue-day11--插值语法实现名字案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>插值语法实 ......
vue-day11--methods实现名字案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>metho ......
再识变量与常量,字符串
#define _CRT_SECURE_NO_WARNINGS 1 #include <stdio.h>; #include <string.h>; int main() { char arr[] = "wow"; char arr2[] = { 'a','b','2'}; printf("%s\n ......
Vue之指令
Vue指令的钩子如下 bind:只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个绑定时执行一次的初始化动作。 inserted:被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于document中)。 update:被绑定于元素所在的模板更新时调用,而无论绑定值是否变化。通 ......
css之弹出层居中
css之弹出层居中, container设置为fixed,并且覆盖整个屏幕, 设置半透明 container的底下一层设置为absolute,然后top/left设置为50%居中,这个时候这层的左上角剧中了,然后用 transform再退回50%,把container的底下一层的中心居于屏幕中心 . ......
Linux 切换用户及环境变量的问题
# 背景 前几天用Linux的时候遇到一个问题,使用`su`切换用户时,用户已经切换了,但是环境变量却还是原来用户的,导致命令执行不了。 # 现象 首先,用普通用户登录Linux,运行`echo $PATH`: ``` square@debian:~$ whoami square square@de ......
关于vue在列表展示数据的时候,更改其中一项,列表没有跟着实时变动的问题
背景: 使用低代码自动生成的Vue前端大致页面,然后自定义其中的业务 涉及的页面: 遇到的问题: 点击添加后,直接变更添加行的状态(输入框不可编辑、状态变为已激活) 涉及代码: addRecordAndApply(index) { let thatthis = this; let indexData ......
1. Q_ CSS 属性是否区分大小写_
1. Q: CSS 属性是否区分大小写? ``` ul { MaRGin: 10px; } ``` A: 不区分。 HTML,CSS都对大小写不敏感,但为了更好的可读性和团队协作一般都小写,而在XHTML 中元素名称和属性是必须小写的。 ......
CSS Float(浮动)布局
1. CSS 浮动技术 CSS浮动是一种CSS布局技术,用于将元素从文档的正常流中移动,并使其可以相对于其容器或其他元素对齐。当一个元素设置了浮动属性,它将脱离正常的文档流,并根据指定的方向(左、右)浮动到容器的一侧浮动的元素会根据其容器或其他浮动元素的位置进行对齐。其他元素会环绕在浮动元素的周围。 ......
shell 变量多行原样输出,支持\n 回车换行
假设: git 的 commit 提交说明是多行内容,要给一个变量。 但要保持原来样式,比如原来是是3行,在变量输出时候也是3行。 **经验:要想原样显示,就要在变量上加双引号;单引号和不加 会显示成一行**。 1.原始样式: ```bash git log -1 --format="%B" ``` ......
变量间关系•Regression Analysis回归分析•LSE:最小二乘估计
变量间常见的关系有两类: 确定性关系:变量间的关系是完全确定的,可用函数 y=ƒ(x) 来表示,x(可以是向量)给定后, y的值就唯一确定了。譬如正方形的面积 S 与边长a之间有确定性关系: S=a2, 电路上有欧姆定律 V=IR等. 相关关系:变量间有关系,但是不能用函数来表示. 譬如人的身高 h ......
vue-day10--键盘事件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
前端Vue仿京东淘宝我的优惠券列表组件 用于电商我的优惠券列表页面
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
变量覆盖
# 变量覆盖 ## 原理 对程序里面的全局变量进行覆盖,用自定义的参数值替换程序原有的变量,需要结合程序的其它功能来实现完整攻击。 ## 造成漏洞函数 ### extract() 作用:从关联数组中将变量导入到当前的符号表(全局与执行函数的数组中的键相同的变量值将被覆盖) ```php 例子: "h ......
vue-day9--事件修饰符
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
Vue之beforeRouteEnter的使用
beforeRouteEnter用于路由跳转后进入新的页面进行操作,由于<script setup>里面没有内置beforeRouteEnter的语法,所以需要另外写一个<script>标签。 下面代码是beforeRouteEnter的使用示例,从from可以获得跳转页面前的路由信息。 <scri ......
Day04_变量
1.什么是变量: 2.变量的基本使用: 3.内存管理:垃圾回收机制: 4.变量的三大组成部分和变量名规范: 5.变量名的命名风格: 6.1.变量值的三个重要的特征: 6.2.is与==: 7.小整数池: ......
Vue脚手架及ajax
脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 ......