变量vue3 vue css
vue实战项目1
title: vue实战项目1 date: 2023-07-23 20:17:32 tags: - vue categories: - 工程 - 前端 top: ### vue实战项目1 vue实战项目学习第一天，尚硅谷实战课程尚品汇项目。 项目开始，主要做的是配置环境和开始开发。今天配置了项目的脚 ......
vue--day43--浏览器本地存储
1.localeStroage.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale ......
【技术实战】Vue技术实战【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
变量与基本数据类型
### 1.变量 - 1. 什么是变量? 答：变量就是可以变化的量，量指的是事物的状态（比如年龄，等级，性别，金钱） - 2. 为什么要有变量? 答：为了让计算机像人一样区记录事物的状态，并且事物的状态是会发生改变的 - 3. 怎么使用变量? 答：变量的组成有三部分：变量名 赋值运算符 ......
vue--day42--todolist
1. 安装 npm i nanoid mdn 数组的方法 typora 安装 2. App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <!--传递函数 儿子给父亲传东西,父亲 ......
CSS3媒体查询
什么是媒体查询？ 媒体查询（Media Query）是CSS3新语法。 - 使用 @media 查询，可以针对不同的媒体类型定义不同的样式 - @media 可以针对不同的屏幕尺寸设置不同的样式 - 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 - 目前针对很多苹果手机、A ......
每日汇报 第五周第一天 CSS颜色
今日学习： CSS颜色的学习，代码如下： html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, ......
CSS3 技术中的数字 3 代表什么含义
在讨论 `CSS3`时，数字“3”表示这是CSS（`Cascading Style Sheets`，层叠样式表）的第三个版本。CSS是一种用于描述HTML（或XML和SVG）文档如何被呈现或显示的样式表语言。CSS3并非一个单一的规范，而是一系列的模块，每个模块都有各自独立的功能和特性。 以下是CS ......
Shell编程教程 - 字符串变量表达式
1. 字符串变量表达式基本比较示例脚本 - `string_comparison.sh`字符串长度检查示例脚本 - `string_length.sh`逻辑运算符连接表达式示例脚本 - `logical_operators.sh`2. 执行示例脚本3. 结论大树哥个人信息 本教程将向你介绍Shell ......
图解 Vue 响应式原理
- Vue 初始化 - 模板渲染 - 组件渲染 为了便于理解，本文将从以下两个方面进行探索： - 从 Vue 初始化，到首次渲染生成 DOM 的流程。 - 从 Vue 数据修改，到页面更新 DOM 的流程。 # Vue 初始化 先从最简单的一段 Vue 代码开始： """ {{ message }} ......
css 笔记
一、inline-block 与 overflow:hidden 的冲突 inline-block元素设置overflow:hidden后，其本身会上移 解决方法：在该元素或其父元素上设置 vertical-align: bottom; 原因解释：inline-block元素被设置oveflow非v ......
CSS常用基础
# 选择id . 选择类名 position: absolute; 这是CSS中用于设置元素定位方式的属性之一。absolute 表示该元素会脱离文档流，并相对于它的最近的非static（默认值）定位的父元素进行定位。如果没有符合条件的父元素，那么该元素会相对于整个文档进行定位。使用absolute ......
常用css颜色收集
1. 几种柔和配色 蓝色 #A1E7FE 黄色 #FEEBB1 粉红色 #FAD8EC 绿色 #D5E394 橘黄色 #FBBA9C 2. 中国传统色 3. 传统42色 ......
vue--dat41--scoped作用域
1. scoped 样式 作用： 让样式在局部生效 防止冲突 写法 <style scoped> </style> npm view webpack versions. 查看 webpack 的版本 npm view less-loader versions 查看 less-loader 版本 np ......
vue--day40--plugins插件
1.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //引入插件 import plugins from './plugin ......
vue--day39--mixin混合
组件就是在复用代码，如果组件里面有许多配置是相同的可以借助混合去复用 1. minxin.js //组件就是在复用代码，如果组件里面有许多配置是相同的可以借助混合去复用 export const hunhe={ methods:{ showName(){ alert(this.name); } }, ......
vue 学习第1天
vue的特点: 1.采用组件化模式，提高代码复用率，且让代码更好维护，一个模块可以封装组件 2.声明式编码，提高开发效率，心有林夕，标签+for循环，而不是一步步去写 3.虚拟dom,相当于后端的缓存 脚手架的文件的格式 1: vue-cli 脚手架初始化项目 2: node + webpack + ......
__all__变量限制、明确导入范围
说明 __all__是一个用于控制模块导入行为的特殊变量。它是一个定义在模块顶部的列表，其中包含了模块中可以被导入的公共接口（函数、类、变量等）。 当使用from 模块名 import *导入模块时，只有__all__列表中的成员会被导入，其他成员将不可见。 使用__all__的好处是可以限制导入的 ......
字符视频转换器（带声音版，需要确认电脑是否安装ffmpeg，并配置了环境变量）
# -*- coding: utf-8 -*- import os import subprocess import threading import time import tkinter from tkinter import TOP, LEFT, RIGHT, messagebox, file ......
【技术积累】Vue中的核心知识【三】
this关键字 在Vue中，this关键字是指向当前组件实例的引用。它可以在组件的各个方法和生命周期钩子函数中使用。 在组件的方法中，this指向当前组件实例，可以通过this访问组件的属性和方法。例如，可以通过this.message访问组件的data中的message属性。 在生命周期钩子函数中 ......
vue中router与route区别
vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1. $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo ......
vue中query和params的区别是什么
区别： 1、query用path编写传参地址，而params用name编写传参地址； 2、query刷新页面时参数不会消失，而params刷新页面时参数会消失； 3、query传的参数会显示在url地址栏中，而params传参不会显示在地址栏中。 vue中query和params的区别是什么 que ......
css预处理器
一。为什么要使用css预处理器呢 1.传统的css没有像js，一样拥有编程语言的能力，能够拥有常量、变量、以及语法，这样随着网站的发展势必会造成css代码会显得非常臃肿以及难以维护，于是css预处理器作为css的扩展就出现在了我们面前。 二。sass 是一种动态样式语言，sass语言属于缩排语法，比 ......
css案例-样式初始化
* { margin: 0; padding: 0; } em, i { font-style: normal; } li { list-style: none; } img { border: 0; vertical-align: middle; } button { cursor: pointe ......
每日汇报 第四周第七天 简单的css和JAVAI/O流
今日所学： 简单的css设计；掌握BufferedInputStream类与BufferedOutputStream类的构造方法及其参数含义；明确BufferedReader类与BufferedWriter类是以行为单位进行输入/输出的；掌握BufferedReader类与BufferedWrite ......
2023年最新50道Vue全套vue2+vue3面试题带答案汇总
# 此文章不断更新，欢迎大家在评论区补充 ## 1.什么是MVVM?  M - Model 数据：它是与应用程序的 ......
CSS标签
### 伪类选择器 ```html ``` ### 伪元素选择器 ```html ``` ### 选择器的优先级 ```html 关关雎鸠在河之洲， 窈窕淑女君子好逑.--> ``` ### CSS相关属性 ```html ``` ### 字体属性 ```css p{ /*第一个生效了用第一个，第一 ......
css基础-垂直对齐vertical-align
什么是垂直对齐vertical-align指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。不能用它垂直对齐块无素必须是行内或者行内块元素 对齐方式有哪些 /* Keyword values */ vertical-align: baseline; vertical ......
CSS2.1规范笔记——10 视觉格式化模型细节
视觉格式化模型细节 包含块的定义 元素（生成的）盒的位置有时候是根据一个特定的矩形计算的，叫做元素的包含块（containing block）。元素包含块的定义如下： 元素 包含块 其为根元素。 其包含块是一个被称为初始包含块的矩形。对连续媒体，尺寸取自视口的尺寸，并且被固定在画布开始的位置；对于分 ......
CSS2.1规范笔记——9.5 浮动
浮动 一个浮动盒会向左或向右移动，直到其外边界挨到包含块边界或者另一个浮动盒的外边界。如果存在行框，浮动盒的上外（边界）会与当前行框的上（边界）对齐。如果没有足够的水平空间来浮动，它会向下移动，直到空间合适或者再没出现过其他浮动。 因为浮动盒不在常规流内，在浮动盒之前或者之后创建的非定位块盒会垂直排 ......