自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 react——react是什么 、jsx语法、 react的组件、模板语法 、事件 、表单的数据绑定、组件、组件传参 、生命周期

react——react是什么 、jsx语法、 react的组件、模板语法 、事件 、表单的数据绑定、组件、组件传参 、生命周期

2022-08-18 20:43:21 1025 3

原创 vuex——vuex定义、五个模块、模块的命名空间、vuex的映射

vuex——vuex定义、五个模块、模块的命名空间、vuex的映射

2022-08-11 21:02:29 654

原创 vue-router路由——路由、路由的基本适使用 、路由的几个注意点 、多级路由 、路由的query参数、编程式路由跳转 $router 、路由信息 $route、路由守卫、路由元信息、路由查询参数

vue-router路由——路由、路由的基本适使用 、路由的几个注意点 、多级路由 、路由的query参数、编程式路由跳转 $router 、路由信息 $route、路由守卫、路由元信息、路由查询参数

2022-08-06 09:05:16 858

原创 SPA——spa的作用、spa如何实现、spa与普通页面跳转的区别、代码示例

SPA——spa的作用、spa如何实现、spayu普通页面跳转的区别、代码示例

2022-07-30 11:42:12 570

原创 mockjs——mockjs定义、mockjs安装、mockjs使用、mockjs方法、mockjs语法、代码示例

mockjs——mockjs定义、mockjs安装、mockjs使用、mockjs方法、mockjs语法、代码示例

2022-07-30 11:33:55 4315

原创 axios——axios定义和特点、安装、 在vue全局挂载、方法、执行结果、config的axios配置、restFul

axios——axios定义和特点、安装、 在vue全局挂载、方法、执行结果、config的axios配置、restFul

2022-07-28 16:18:56 741

原创 Vue生命周期——Vue生命周期的概念、Vue生命周期的作用、Vue的8个生命周期、爱笑话综合案例

Vue生命周期——Vue生命周期的概念、Vue生命周期的作用、Vue的8个生命周期、爱笑话综合案例

2022-07-27 17:06:55 602

原创 Vue组件——组件的定义与使用、 父组件和子组件相互传参 、组件传参、组件的设计(轮播图和文字滚动组件)

Vue组件——组件的定义与使用、 父组件和子组件相互传参 、组件传参、组件的设计(轮播图和文字滚动组件)

2022-07-27 16:54:04 543

原创 vue脚手架的安装、创建vue项目、目录结构、.vue

vue脚手架的安装、创建vue项目、目录结构、.vue

2022-07-25 17:53:16 453

原创 cmd命令和npm命令

cmd命令和npm命令

2022-07-25 17:34:18 215

原创 Vue基础——VueJS是什么、Vue的优缺点、vue2和vue3的模板区别、MVVM数据双向绑定、Vue的安装和使用、Vue模板语法-文本渲染、常用的vue的指令

Vue基础——VueJS是什么、Vue的优缺点、vue2和vue3的模板区别、MVVM数据双向绑定、Vue的安装和使用、Vue模板语法-文本渲染、常用的vue的指令

2022-06-27 21:01:06 8206 1

原创 jQuery——jquery的引用、 jQuery对象与dom对象转换、选择器、方法

jQuery——jquery的引用、 jQuery对象与dom对象转换、选择器、方法

2022-05-16 21:58:57 401

原创 javascript基础——cookie组成、创建、获取、删除、cookie局限性、本地存储、session、sessionStorage与localStorage区别、闭包、闭包的特性、闭包的优缺点

javascript基础——cookie组成、创建、获取、删除、cookie局限性、本地存储、session、sessionStorage与localStorage区别、闭包、闭包的特性、闭包的优缺点

2022-05-12 22:42:10 277

原创 javascript基础——正则(正则表达式、正则对象:test( )exec( )、 String对象match( )search( )、创建条目对象、添加option条目对象 )

javascript基础——正则(正则表达式、正则对象:test( )exec( )、 String对象match( )search( )、创建条目对象、添加option条目对象 )

2022-05-10 22:59:39 305

原创 javascript基础——(事件:内联、脚本和DOM2、 鼠标事件、键盘事件、HTML事件、事件冒泡、事件捕获、IE和W3C兼容事件、阻止默认行为、鼠标滚轮、上下文菜单、手机事件)

javascript基础——(事件:内联、脚本和DOM2、 鼠标事件、键盘事件、HTML事件、事件冒泡、事件捕获、IE和W3C兼容事件、阻止默认行为、鼠标滚轮、上下文菜单、手机事件、正则)

2022-05-09 23:51:52 507 4

原创 javascript基础——表格操作(添加行和单元格、删除行和单元格、)、网页滚动的距离与偏移量(scroll、offset、client、getBoundingClientRect)、CSS类操作

javascript基础——表格操作(添加行和单元格、删除行和单元格、)、网页滚动的距离与偏移量(scroll、offset、client、getBoundingClientRect())、CSS类操作

2022-05-05 18:22:42 813

原创 javascript基础——var和let区别、DOM对象、document对象的常用方法、var和let区别、节点、查找结点、 查看/修改/删除属性节点、创建和增加节点、删除和替换节点

javascript基础——var和let区别、DOM对象、document对象的常用方法、var和let区别、节点、查找结点、 查看/修改/删除属性节点、创建和增加节点、删除和替换节点

2022-04-24 22:22:03 1312

原创 javascript基础——window对象(screen、history、location、navigator、window对象常用方法、window对象常用事件)

javascript基础——window对象(screen、history、location、navigator、window对象常用方法、window对象常用事件)

2022-04-21 14:24:08 1768

原创 javascript基础——数组、新建数组、访问数组、遍历数组的方法、数组对象的方法、冒泡排序算法、自定义对象

javascript基础——数组、新建数组、访问数组、遍历数组的方法、数组对象的方法、冒泡排序算法、自定义对象

2022-04-14 21:36:37 789

原创 javascript基础——日期对象、字符串对象、计时器、定时器、、this对象 Object.is() 与比较操作符 “===”、“==” 的区别

javascript基础——日期对象、字符串对象、计时器、定时器、、this对象 Object.is() 与比较操作符 “===”、“==” 的区别

2022-04-13 19:18:18 133

原创 javascript基础——数学对象、预编译、DOM对象对象的常用方法

javascript基础——数学对象、预编译、DOM对象对象的常用方法

2022-04-07 22:48:35 707

原创 JavaScript基础——函数(预定义函数、自定义函数、匿名函数 )

JavaScript基础——函数(预定义函数、自定义函数、匿名函数 )

2022-04-06 21:52:23 1158

原创 JavaScript基础——for循环、跳转语句break、跳转语句continue

1、for循环for(参数初始化;条件判断;更新循环变量){ 循环体被执行;} 执行顺序:1、参数初始化;2、条件判断;3、循环体被执行;4、更新循环变量 例题:求1-100里面不是3的倍数的所有数的和 var a = 1, sum = 0; for (; a <= 100; a++) { if (a % 3 != 0) { sum = sum + a; ...

2022-04-06 21:19:26 1557

原创 JavaScript基础——switch结构( switch和多重if结构区别)、 while循环、 do-while循环

JavaScript基础——switch结构(switch和多重if结构区别)、 while循环、 do-while循环

2022-03-31 20:53:31 575

原创 JavaScript基础——检测数据类型(typeof)、数据类型转换、window对象的方法 、分支结构 (if单分支、if-else 双分支、多重if结构)

JavaScript基础——检测数据类型(typeof)、数据类型转换、window对象的方法 、分支结构 (if单分支、if-else 双分支、多重if结构)

2022-03-30 20:30:03 1215

原创 JavaScript基础——算术运算符(加+、减-、乘*、除/、取余%)、比较运算符(大于>,小于<,小于等于<=,大于等于>=,等于==,不等于)、逻辑运算符(逻辑与&&、逻辑或||、逻辑非)

JavaScript基础——算术运算符(加+、减-、乘*、除/、取余%)、比较运算符(大于>,小于<,小于等于<=,大于等于>=,等于==,不等于!=)、逻辑运算符(逻辑与&&、逻辑或||、逻辑非!)

2022-03-29 21:59:10 2158

原创 JavaScript基础——JavaScript定义、嵌入方式、注释方式、输出方式、数据类型、变量(命名规则、声明变量、初始化变量)、运算符号、提示输入对话框、null和undefined的区别

JavaScript基础——JavaScript定义、嵌入方式、注释方式、输出方式、数据类型、变量(命名规则、声明变量、初始化变量)、运算符号、提示输入对话框、null和undefin的区别

2022-03-28 21:16:13 1107

原创 弹性盒子属性值——(align-self、order、flex-grow、 flex-shrink、flex-basis、flex)

1、align-self:定义单个项目在交叉轴的对齐方式auto 默认值。元素继承了它的父容器的 align-items 属性。如果没有父容器则为 "stretch"。stretch元素被拉伸以适应容器。 center 元素位于容器的中心。 flex-start 元素位于容器的开头。 flex-end 元素位于容器的结尾。 baseline 元素位于容器的基线上。2、order:定义项目的排列顺序order:1用整数值来定义排列顺序,值越小的越靠前...

2022-03-25 09:17:06 458

原创 弹性盒子display:flex——justify-content主轴方向对齐方式、align-items交叉轴对齐方式、 flex-direction修改主轴方向、flex-wrap换行

弹性盒子display:flex——justify-content主轴方向对齐方式、align-items交叉轴对齐方式、 flex-direction修改主轴方向、flex-wrap换行、换行之后 align-content

2022-03-23 19:20:17 3249

原创 移动端——列(column)、媒体查询(@media)、meta元数据标签、 em与rem、盒子模型(标准和怪异盒子模型)

移动端——列(column)、媒体查询(@media)、meta元数据标签、 em与rem、盒子模型(标准和怪异盒子模型)

2022-03-21 22:01:15 135

原创 变换(transform)——移动(translate)、旋转(rotate)、缩放(scale)、扭曲(skew)、基点变换(transform-origin)、动画(animation)

变换(transform)——移动(translate)、旋转(rotate)、缩放(scale)、扭曲(skew)、基点变换(transform-origin)、动画(animation)

2022-03-17 21:56:32 5992

原创 css3新增重要样式及属性——文字相关样式(文本阴影、字体引用)、边框样式(盒子阴影、圆角边框)、多重背景图片 、渐变(线性渐变、径向渐变)、过渡、渐进增强和优雅降级的区别、重绘和回流的区别

css3新增重要样式及属性——文字相关样式(文本阴影、字体引用)、边框样式(盒子阴影、圆角边框)、多重背景图片 、渐变(线性渐变、径向渐变)、过渡、渐进增强和优雅降级的区别、重绘和回流的区别

2022-03-16 20:35:15 263

原创 css3新增选择器---display:none和visible:hidden的区别

一、选择器总结(1)元素选择器(文档的元素,如a,ul,p,div等)li{border:1px solid #000;}(2) 通配符(选择所有元素,也可以选择某个元素下的所有元素)*{margin:0;padding:0;}(3) 类选择器 使用类选择器之前需要在html元素上定义类名 <li class="active important items">2</li> .important {font-weight: bo...

2022-03-16 10:08:09 924

原创 html5新增标签——新增语义化标签、新增表单控件 、多媒体

1、html5HTML5是一个新的网络标准,现在仍处于发展阶段。目标是取代现有的HTML 4.01和XHTML 1.0 标准。它希望能够减少互联网富应用(RIA)对Flash、Silverlight、JavaFX等的依赖,并且提供更多能有效增强网络应用的API。2、 新增语义化标签块元素:1、<header></header> 2、<nav></nav> 3、<sect...

2022-03-14 21:18:24 1248

原创 css 5——常见”display”属性、浮动(float)、如何清除浮动带来的影响、定位(position)、列表样式、其他样式补充

1、标签的几种常见”display”属性block “块”元素 inline “行内”元素 inline-block 行内块元素 none 隐藏 块元素、行内元素和行内块元素可以互相转化2、浮动(float) float : left 左浮动 float :right 右浮动 float : none 默认 不浮动加了浮动的元素会自动块化3、如何清除浮动带来的影响1.给父元素加height2.给父元素加overf...

2022-03-12 17:53:18 1194

原创 CSS 4——背景标签、CSS精灵概念原理和优缺点

1、背景定义标签的背景颜色 background-color 定义背景图片,可定义多背景 background-image 定义背景图片的显示方式 background-repeat repeat,图片重复 repeat-x,图片横向重复 repeat-y,图片纵向重复 no-repeat,图片不重复) 定义背景图片的位置 background-position background-position: right

2022-03-07 21:18:26 1737

原创 CSS 3——CSS盒子模型、width和height、overflow属性、display属性

1、CSS盒子模型也叫做框模型,具备内容(content)、填充(padding)、边框(border)、边界(margin)这些属性。在CSS中,每一个元素都被视为一个框,而每个框都有三个属性。盒模型= content(element) + border+ padding+ margin  border:元素的边框(可能不可见),用于将框的边缘与其他框分开;  margin:外边距,表示框的边缘与相邻框之间的距离,及相邻盒子的距离(可理解为,盒子摆放的时候的不能全部堆在一起,要留一定空隙保持

2022-03-05 10:45:51 241

原创 CSS 2——文本装饰效果、首行缩进、字词间距、省略标记的设置、文本的水平位置、垂直对齐方式、伪类

1、文本装饰效果:text-decorationunderline 文字加下划线 line-through 文字加删除线 overline 文字加上划线 2、英文字母大小写转换:text-transformcapitalize 单词首字母大写 uppercase 全部大写 lowercase 全部小写 3、段落内容首行缩进(悬挂缩进):text-indent4、字词间距letter-spacing 字母和字母间距word-s.

2022-03-03 20:50:00 333

原创 CSS 1——CSS引入方式、CSS选择器、颜色表达方式、字体相关样式设置、src和href的区别、link和@import的区别

1、CSS层叠样式表 (Cascading Style Sheets)2、CSS引入方式行内样式 <div style="color:red;">内容</div> 内嵌式 <style> div{ colo:red: } </style> 外链式 <link rel="stylesheet" href="css文件"> 导入式 @import ...

2022-03-02 21:49:28 178

原创 html 5——如何点击文字也能选中复选框、单选框、文件上传、文本域、下拉选择框、按钮、元素分类

1、如何点击文字也能选中复选框(1).<label><input type="checkbox">跳舞</label>(2).<input type="checkbox" id="abc"><label for="abc">爱好</label>2、复选框如何默认选中<checked="checked">或checked3、单选框<input type="radio" name="">注

2022-03-01 20:51:52 4440

空空如也

空空如也

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

TA关注的人

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