属性 变量vue css
第一篇 vue - 基础 - vue 项目的构建方式
安装 node.js node.js 是一个 Javascript 的运行环境 一、node.js 是什么 ? Node.js 不是JS应用、而是JS运行平台 Node.js 采用C++语言编写而成,是一个 Javascript 的运行环境 1、node.js 不是一门语言,不是库,不是框架,只是一 ......
第三篇 vue - 基础 - 创建一个 Vue 应用、应用实例讲解
创建一个 Vue 应用 当前介绍如何在本地搭建 Vue 单页应用。创建的项目将使用基于 Vite 的构建设置,并允许我们使用 Vue 的单文件组件 (SFC) 确保已经安装了最新版本的 Node.js,然后在命令行中运行以下命令 npm init vite vue@latest 这一指令将会安装并执 ......
webpack.config.js和vue.config.js的区别
webpack.config.js是webpack的配置文件,所有使用webpack作为打包工具的项目都可以使用,vue的项目可以使用,react的项目也可以使用。 vue.config.js是vue项目的配置文件,专用于vue项目。通过vue.config.js中常用功能的配置,简化了配置工作,当 ......
第十篇 css - 盒子 - 【 盒子模型 + 盒子属性 + 盒子背景样式 + 盒子边框样式 + 盒子居中 】
盒子模型概述 1、概念 浏览器会根据 CSS 基础框盒模型(CSS basic box model),将元素表示成矩形的盒子,CSS 决定这些盒子的大小、位置以及属性 2、盒子组成 每个盒子由 四 个区域组成 1、内容区域 content area 2、内边距区域 padding area 3、边框 ......
【C++学习笔记】关于全局变量和静态变量
全局变量指类和结构体外的变量,作用域是全项目,不可以在不同的文件中重复定义,即使不同时include。 静态变量指类和结构体外的静态变量,作用域是当前文档,可以在不同的文件中重复定义,但不可以同时include重复定义静态变量的文件,否则include会拷贝重复的代码。 如果跨文件调用全局变量? e ......
第九篇 css - css3 新特性总结 - 【选择器 + 新样式 + 颜色渐变 + 动画 + 布局】
选择器 属性选择器 1、[attr]:选择包含 attr 属性的标签 2、[attr=value]:选择 attr 属性值为 value 的标签 3、[attr^=value]:选择 attr 属性值以 value 开头的标签 4、[attr*=value]:选择 attr 属性值包含 value ......
第八篇 css - 布局 - 【 浮动布局 + 定位布局 + flex 伸缩盒布局 + grid 网格布局 】
普通流 文档流 流式布局 分为 1、普通流 2、定位流 3、浮动流 不同流内的 块级元素 和 行内元素 的 布局方式 不同 布局方式用 FC 格式化上下文 来命名 1、块级格式化上下文 【 BFC 】 2、内联格式化上下文 3、层叠格式化上下文 4、灵活格式化上下文 块级格式化上下文 BFC 什么是 ......
第七篇 css - 样式 - 【 列表样式 + 表格样式 + 其他样式 】
列表样式 1、list-style-type 2、list-style-position 3、list-style-image 列表样式解析 1、html 有三种类型的列表 1、无序列表 2、有序列表 3、自定义列表 2、设置列表标记有 序号 圆点 圆圈 图片 ... 3、list-style 简写 ......
第六篇 css - 样式 - 【 字体样式 + 文本样式 】
字体样式 1、color 2、font-size 3、font-family 4、font-style 5、font-weight 字体样式解析 1、font-family 该属性用于设置字体 1、网页中常用的字体有宋体、微软雅黑、黑体等 如果字体名中包含 空格、#、$ 等符号,则该字体必须加英文状 ......
第一篇 css - 基础 - 【 概述 + 应用 + 语法 + css 知识体系 】
css 概述 1、什么是 css css 即 层叠样式表 【 英文全称:Cascading Style Sheets 】 css 是一种用来表现 HTML 或 XML 等文件样式的计算机语言 CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化 2、网页组成 CSS 是 ......
第四篇 css - 基础 - 颜色
颜色基本概述 1、颜色 颜色是指不能透过其他颜色的混合调配而得出的“基本色”,以不同比例将原色混合可以产生出其它的新颜色。 由于人类肉眼有 三种 不同颜色的感光体,因此所见的色彩空间通常可以由 三种 基本色所表达,这三种颜色被称为“三原色” 一般来说叠加型的三原色是 红色、绿色、蓝色 又称三基色,用 ......
第五篇 css - 单位值
css 单位 css 单位主要分为 1、相对单位 2、绝对单位 相对单位 相对单位,是相对于当前元素的字号 font-size 或者视口 viewport 尺寸。 1、em: 1em 与当前元素的字体大小相同(更具体地说,一个大写字母 M 的宽度) CSS 样式被应用之前,浏览器给网页设置的 默认基 ......
第三篇 css - 优先级 - 【 级联 和 继承 】
概述 CSS样式优先级分为 两 大类 1、级联 2、继承 级联 CSS 级联 规则决定了 样式冲突 时 胜出 的样式,这 三条 规则按照优先级 从高到低 分别为 1、样式表来源 2、选择器优先级 3、代码顺序 样式表来源 优先级最高 如果来源一致,那么取决于 选择器 优先级(行内样式归纳到选择器这一 ......
第二篇 css - 选择器 - 【 基础选择器 + 组合选择器 + 伪类选择器 + 伪元素选择器 】
css 选择器分类 一、基础选择器 1、ID 选择器 2、类选择器 3、通配符选择器 4、标签选择器 5、属性选择器 二、组合选择器 1、后代选择器 2、元素选择器 3、相邻兄弟选择器 4、通用兄弟选择器 5、交集选择器 6、并集选择器 三、伪类选择器 1、标记状态的伪类 2、筛选功能的伪类 四、伪 ......
vue 横向滚动菜单点击居中
最近在写项目的时候遇到一个功能 vue 横向滚动菜单实现点击 元素滚动可视区域居中,网上找了一些轮子都不是很好用,决定自己写一个,话不多说,开撸 先上效果如下,点击后面item可自动滚动到可视区域 在template中的代码 <div class="navbar-list"> <div class= ......
第四篇 html5 - 新特性【 Dom操作类 + 自定义标签属性 】
html5 新增 Dom 操作类 1、classList 当前元素的所有样式列表 2、add() 添加类 3、remove() 删除类 4、toggle() 有就移出,没有就添加 5、contains() 是否包含某个类,包含返回 true,没有包含返回 false 6、item(n) 查看此项的第 ......
Vue的$nextTick完成后获取渲染后的dom数据
问题是这样滴: 需要在div的内容更新后获取div的高度,如果在更新值后马上获取,则高度还是之前的,需要在$nextTick中获取,但是呢这个高度需要返回给上层函数用做比较,所以就想$nextTick返回后在处理,搜索后发现$nextTick是处理异步的一个回调函数,它返回的是一个promise对象 ......
vue全家桶进阶之路20:ECMAScript脚本语言规范
ECMAScript(简称 ES)是一种由 Ecma 国际组织定义的脚本语言标准,它定义了 JavaScript 语言的基本规范和特性。JavaScript 是一种基于 ECMAScript 标准的编程语言,因此 ECMAScript 对于 JavaScript 开发来说非常重要。 ECMAScri ......
el-dialog在vue3中的应用
一般根据文档给到的demo,其中:visible.sync控制显示隐藏,我实测不行的呢?改用v-model=“dialogVisible”来实现 <template> <el-dialog title="提示" :visible.sync="dialogVisible"> <!-- 对话框内容 -- ......
ubuntu查看和修改PATH环境变量
总结:path变量其实存储在/etc/environment文件中,如果要重置PATH只需要source /etc/environment 1、查看PATH echo $PATH 2、修改PATH 修改ubuntu中PATH的方法: 直接修改$PATH值; 通过修改.bashrc文件进行设置; 通过 ......
Request.url请求路径的一些属性
https://blog.csdn.net/anzhangjuan8329/article/details/102043262 Request.url请求路径的一些属性1,Request.UrlReferrer.AbsolutePath=获取URL的绝对路径例:"/Manager/Module/Of ......
标识符、基本数据类型、变量、
1.标识符 变量名、常量名、类名、对象名、方法名,凡事自己子程序中定义使用的文字,就是标识符 命名规范 以任何英文字母,下划线_开头的开始,美元符号$ 跟随着任何字母、数字、下划线_和美元符号$ 最多可有255个字符 不可使用java关键字 2. java基本数据类型 2.1八大基本数据类型 | 类 ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
VUE SSR
1 简介 概念:ssr(server side render)服务端渲染 优点: 1.有利于搜索引擎的SEO操作,由于搜索引擎爬取的是完全渲染出来的页面。 2.对于网络慢或运行慢的设备,可提供良好的用户体验。 3.可以减少对服务器的请求。 缺点: 1.开发受限制,比如mounted生命周期钩子不能用 ......
vue全家桶进阶之路19:webpack资源打包工具
Vue.js 是一个前端开发框架,它可以帮助我们快速构建单页应用和复杂的交互界面。而 Webpack 则是一个前端资源打包工具,它可以将多个 JavaScript、CSS、HTML、图片等资源打包成一个或多个文件,并提供模块化加载、压缩、混淆等功能,以便于前端开发和部署。 在使用 Vue.js 开发 ......
伪元素和CSS类
伪元素可以结合CSS类: p.article:first-letter {color:#ff0000;} <p class="article">文章段落</p>https://www.lekaowang.com/cjhjs/zx/ksdg/ 上面的例子会使所有 class 为 article 的段落 ......
CSS - :before 伪元素
":before" 伪元素可以在元素的内容前面插入新内容。 下面的例子在每个 <h1>元素前面插入一幅图片: 实例 h1:before { content:url(smiley.gif); } https://www.lekaowang.com/jjcy/dgw/aesh/ 翻译 搜索 复制 ......
vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新?
解决方案: 给 state 增加 computed import { useLayerStore } from "@/stores/"; const layer = useLayerStore(); const layerList = computed(() => layer.layerList); ......
webstorm运行Vue项目环境配置(如何从0配置运行一个写好的vue项目)
1.在Node官网上下载zip安装包。 网址:https://nodejs.org/dist/v16.14.0/ (需要哪个版本就把/v后的版本号改成哪个版本) 2.下载完成后解压至需要的文件夹下。 3.在此文件夹下新建两个文件夹: node_cache:npm缓存路径 node_global:np ......
超全、超简单Vue微信公众号授权登录指南
<template> <div id="app"> <h1>微信授权登陆</h1> <div> <div> <span>手机号</span> <input type="number" :value="account" placeholder="请输入手机号"> </div> ......