自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 1.初识JavaScript

JS) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web 页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,例如Node.js和。JavaScript 是一种基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

2023-06-24 20:06:38 65

原创 11.媒体查询

媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。

2023-06-17 20:29:01 106

原创 5.CSS --盒模型

边框盒子也称为怪异盒子,其特点为:当我们为一个盒子指定width属性的时候,实际上width包含了border和padding的宽度,如果border不变,padding变大,这时候内容会变小。内容盒子也称为普通盒子,其特点为:当我们为一个盒子指定width属性的时候,实际上width仅为内容的宽度,当padding和border变大的时候,内容宽度不变,盒子所占的总体宽度要变大。在默认布局的垂直方向上, 默认情况下外边距是不会叠加的, 会出现合并现象, 谁的外边距比较大就听谁的,水平方向会叠加.

2023-05-22 00:12:44 186

原创 10.CSS --动画

CSS -- 动画

2023-05-18 10:51:06 55

原创 9.CSS过渡-Transitions

time 规定完成过渡效果需要花费的时间(以秒或毫秒计)。默认值是 0,意味着不会有效果。

2023-05-17 19:17:14 47

原创 8.CSS -- flex布局

flex布局

2023-05-17 17:39:52 71

原创 7.CSS布局 -- 定位布局

相对定位就是相对于自己以前在标准流中的位置来移动。3. 父元素的高度不能低于sticky元素的高度。固定定位可以让某个盒子不随着滚动条的滚动而滚动。4. sticky元素仅在其父元素内生效。4个值之一,否则只会处于相对定位。静态定位是所有元素的默认定位方式。绝对定位就是相对于body来定位。只需要设置绝对定位元素的。然后再设置绝对定位元素的。

2023-05-16 16:07:40 66

原创 6.CSS布局 -- 浮动布局

CSS布局

2023-05-16 13:27:36 680

原创 3.CSS的三大特性

CSS的三大特性

2023-05-13 15:55:35 42

原创 1.CSS

推荐学习网站(w3school)–点击跳转什么是CSSCSS (Cascading Style Sheets) 层叠样式表,是一个用于修饰文档(可以是标记语言HTML,也可以是XML或者SVN)的语言,可以将文档以更优雅的形式呈现给用户。HTML和CSS之间的关系?HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。HTML就

2023-05-11 19:56:46 31

原创 JavaScript_变量提升、函数提升

JavaScript_变量提升、函数提升变量提升、函数提升提升过程变量提升函数提升优先级案例讲解变量提升、函数提升发生原因:在js代码执行前引擎会先进行预编译,预编译期间会将变量声明与函数声明提升至其对应作用域的最顶端。注意:var,function,function*的声明会在提升时进行初始化赋值为 undefined,访问这些变量的时候,不会报 ReferenceError 异常,而使用 let,const,class 声明的变量,被提升后不会被初始化,这些变量所处的状态被称为“tempor

2021-11-23 15:55:31 185

原创 div水平垂直居中的方法

div水平垂直居中的方法第一种第二种第三种第四种第五种第一种1.只设置margin: x auto; x = (大div高度-小div高度)/2<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewp

2021-11-15 20:53:45 155

原创 Vant_根据已有地址获取code

Vant_根据已有地址获取codearealist获取默认地址省市区的codearealist在AddressEdit我们已经引入 :area-list="areaList"这是arealist:city_list:市列表province_list:省列表county_list:区列表获取默认地址省市区的code // 获取默认的省市区 this.defaultProvince = this.AddressInfo.province;//山东省 this

2021-11-11 11:07:06 2099 6

原创 Vant_AddressEdit的使用_点击编辑初始化组件内容

Vant_AddressEdit 地址编辑的使用Vant实现点击编辑按钮 弹出地址编辑VantVant官网–点击跳转作用:地址编辑组件,用于新建、更新、删除地址信息。在main.js引入:// 引入地址编辑import { AddressEdit } from 'vant';// 省市区import { Area } from 'vant';// 省市区Vue.use(Area);// 地址编辑Vue.use(AddressEdit);基础用法:<van-addres

2021-11-11 10:47:32 4997 7

原创 JavaScript_操作符

JavaScript_操作符算数运算符正常的数据运算当变量的值不是`number`时一元运算符JavaScript中的8种常用的一元运算符1. + (正号)用法1.数据相加用法2.取正数用法3.字符串的连接用法4.把数字字符串或布尔类型等隐式转换成number类型2. - (负号)用法1.对数字进行取负用法2.将字符串隐式转换成数字3. ! (取反)经常用于 条件判断时的取反操作,类型判断等,还可以用`!`将变量转换为`Boolean`类型4. ++ (递增)5. -- (递减)6. delete (删除)

2021-11-11 10:06:28 661

原创 JavaScript_数据类型

JavaScript数据类型基本数据类型值类型(基本类型)字符串(String)数字(Number)表示方法整数:浮点数:非数值:非数值检测:数值范围:数值范围检测:布尔(Boolean)对空(Null)未定义(Undefined)undefined 与null关系Symbol引用数据类型对象(Object)数组(Array)函数(Function)函数调用函数返回基本数据类型和引用数据类型在内存中如何存储基本数据类型引用数据类型深拷贝与浅拷贝实现深拷贝的方法基本数据类型值类型(基本类型)字符串(St

2021-11-11 09:25:22 67

原创 JavaScript_变量

JavaScript_变量JS变量定义变量的命名规则变量的使用JS是弱类型的语言var1.变量可以重复声明2.变量声明会被提升(函数的声明也会)3.var声明的变量的作用域JS变量JavaScipt变量是存储数据值的容器。容器中存储的数据值可以随时改变。ECMAScript的变量是弱类型(松散类型),可以用来保存任何类型的数据。定义定义变量时使用关键字:varvar message;//变量的声明message = 'hello';//初始化变量var message = 'hello';

2021-11-11 09:23:39 51

原创 Less基础应用

less介绍安装基本语法变量混合嵌套运算转义函数命名空间和访问符映射作用域注释导入介绍Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。Less 和 CSS 非常像,很容易学习。 Less 仅对 CSS 语言增加了少许方便的扩展。Less官网(点击跳转)安装在 Node.js 环境中使用 Less## 下载$ npm install -g less## 使用$ lessc style.less style.css在浏览器环境中

2021-10-20 10:37:23 78

原创 4.CSS -- 字体及文本样式

url(): 指定图标位置。

2021-10-19 09:12:33 269

原创 2.CSS选择器

CSS选择器 CSS选择器标签选择器id选择器类选择器后代选择器子元素选择器交集选择器并集选择器兄弟选择器伪类选择器序选择器(结构伪类选择器)动态伪类选择器a标签的伪类选择器否定伪类伪元素选择器属性选择器通配符选择器组合选择器CSS选择器标签选择器作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性格式:标签名称{​ 属性:值;}注意点:标签选择器选中的是当前界面中所有的标签, 而不能单独选中某一个标签标签选择器无论标签藏得多深都能选中只要是HTML中的

2021-10-18 10:03:21 72

原创 HTTP协议

HTTP协议HTTP协议HTTP报文分类:请求报文请求行GETPOST请求头空行响应报文响应行响应头空行响应体HTTP协议HTTP:一种能够获取如 HTML 这样的网络资源的 protocol(通讯协议)。是在 Web 上进行数据交换的基础,是一种 client-server 协议。(请求通常是由像浏览器这样的接受方发起的。)表单:提交数据交互:HTTP协议客户端大前端 请求------><------响应 服务端 后端HTTP报文分类:请求报文:客户端向服务端发送请求的信

2021-10-15 16:52:11 239

原创 1.HTML元素、HTML标签

HTMLHTMLHTML文档例子:Hello HTMLHTML元素注释单标签元素,仅有一个标签双标签元素,由开始标签和结束标签组成HTML元素语法嵌套的HTML元素属性其他块级元素行内元素HTML标签HTML标题HTML段落HTML链接假链接锚点HTML图像HTML换行divspan其他CSSHTML推荐学习网站 -点击跳转HTML是用来描述网页的一种语言。HTML指的是超文本标记语言(Hyper Text Markup Language)HTML不是一种编程语言,而是一种标记语言(markup

2021-10-15 15:30:20 352

原创 使用CSS绘制一个三角形

使用CSS绘制一个三角形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt

2021-10-15 15:25:35 76

原创 初识JavaScript

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-09-01 18:57:16 53

原创 2.HTML_列表、表格、form表单

介绍了html_列表、表格、form表单

2021-08-31 18:48:50 368

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除