qq_29422319的博客

原创 在vue中,添加scss全局变量的使用

1先下载第三方模块:npm install sass-resources-loader --save-dev2 项目文件中,创建scss文件:variable.scss文件写入相关的全局变量://scss文件 公共样式//导航菜单背景颜色$navbgColor:#545c64;//头部导航一级标题:$headerTitle:'20px';// 头部导航高度$headerHeight:'60px';//二级标题$midTitle:'14px';//边框颜色$boderCo

原创 js 获取节点元素大小 位置

注意：以下样式都是只读的div.clientHeight- 元素的可见高度，指元素的内容区和内边距的高度 (不包括boder)div.clientWidth- 元素的可见宽度，指元素的内容区和内边距的宽度offsetHeight- 整个元素的高度，包括内容区、内边距、边框offfsetWidth- 整个元素的宽度，包括内容区、内边距、边框注意:div.style.width 这种方式,只能获取写在行内样式的css属性,如果是写在css文件或者script标签中的.

原创 js总结-关于节点的增删改查

文章目录js操作元素节点的基本方法3改4 删除5js 操作节点的常用方法js操作元素节点的基本方法html结构: <div class="box"> <ul class="ul"> <li>1</li> <li>2</li> <li>3</li> <li id="four">4&

原创 js自我总结(1--关于节点)(别人不一定受用)

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录关于节点一、元素节点二、属性节点2.1.区分一个概念:2.2 .获取/创建一个属性节点2.2 .获取/设置一个属性3.文本节点关于节点在js中,一般节点分为三种: 元素节点 属性节点 文本节点 一、元素节点关于如何获取一个元素节点,因为太过简单就懒得写了,稍微记下(容易忘的):var box = document.getElementById(‘box’);var name = box.nodeName;

原创 js 字符串常用方法

1 常用属性var str = “asdfgaerr”;console.log(str.length);//字符串基本上只用这一个属性2 常用方法://1.match()//注意s.math()返回的是一个数组,数组里有下标//一般用于检索字符串里是否存在一段字符//如果没有,则返回nullvar s = str.match(‘sd’);//2 search(str);这才是根据字符返回下标位置,无则返回-1,// 默认情况下,若有重复的内容,它只会检索一次console.log(s

原创 JS数据类型简单认识

JS数据类型简单认识1基本数据类型 1、基本数据类型： 1.1 字符串（String） var str = '这是一个字符串，必须包裹在引号内部'; 1.2 数值（Number） var num = 123; 1.3 布尔值（Boolean） var bool = true; // 只有两个值：true 和 false 1.4 未定义（Undefined） 代表缺少值：定义了变量，但是没有赋值； var

原创 琐碎笔记

以下并不一定完全正确:1在给一些文字后面加竖线时,一般使用伪元素或者border2使用min-width的场景一般是,width=100%3letter-spacing:2px 给一行字的字符之间添加2px的距离4relative :是相对于自己原来位置发生移动,而且没有脱离文档流absolute 会脱离文档流,相对于定位的祖先级元素为参照物,(依次往上找那个有定位的祖先)发生定位,如果祖先都没有,默认body,5文档流?就是块级元素,行内元素默认的排列方式....

原创 利用定位实现水平垂直居中的两种方式

HTML:<div class="fa"> <div class="son"></div> </div>css1: .fa { position: relative; width: 600px; height: 400px; margin: 0 auto; margin-top: 100px;

原创 垂直居中的几种简单方式

1 对于单行文字或者内联元素,可以使用: line-height :height2 对于块级元素,可以使用表格特性来实现.html:<div class="fa"> <div class="son"></div></div>css:(利用表格属性设置垂直居中,一定是给父级元素设置).fa { widt...

原创 css 简单属性相关认识

盒子的可见区域,是有三部分构成,以宽来说:内容width+边框宽度+内边距宽度对于文本内容,如果独占一行,可以设置文本line-height=盒子高度,可实现,文字垂直居中.

原创 css 优先级简单认识

行内样式>内联样式>外链样式行内样式(1000)>id选择器(100)>类选择器(10)>元素(标签)选择器(1)

原创 关于h5中meta标签的简单认识(1)

以京东为例:meta主要用于设置网页的元数据,所谓的元数据,就是给机器看的,不是给用户阅读的.charset = "utf-8" 表示网页的字符集翻译,utf-8 可以理解为世界通用字符标准

原创 web 常用的实体符号

原创 2021-03-03

超链接发送邮件的相关语法