自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 常用git命令

常用git命令 新建仓库 git init #初始化 git status #获取状态 git add [file1] [file2] ... #.或*代表全部添加 git commit -m "message" #此处注意乱码 git remote add origin 链接 #添加源 git push -u origin master #push同事设置默认跟踪分支 从现有仓库克隆 git clone git链接 git clone git://github链接 本地 git add * # 跟踪

2021-10-18 18:09:45 83

原创 2021-09-01

常用的生命周期钩子函数 生命周期的作用? Vue 所有的功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。 父子组件的生命周期 执行顺序: 父组件开始执行到beforeMount 然后开始子组件执行,最后是父组件mounted。 如果有兄弟组件,父组件开始执行到beforeMount,然后兄弟组件依次执行到beforeMount,然后按照顺序执行mounted,最后执行父组件的mounted。 当子组件挂载完成后,父组件才会挂载。 当子

2021-09-01 22:29:59 110

原创 ES5和ES6

1 ES5新增的内容 forEach 概念:就是将数组循环遍历,数组中有多少项,这个函数就执行多少回 格式:真数组.forEach(function(item,index,arr){}) item是元素 index是下标 arr数组 var arr = [1, 2, 3, 4]; arr.forEach(function (item, index, arr) { console.log(item);//1 2 3 4 }) 特殊例子:要是dom集合nodelist就可以直接forE...

2021-07-19 00:30:50 99

原创 day 6-Math对象 日期对象Date setInterval()函数

1.Math对象的常用函数 Math.random() //返回0~1之间的随机数 Math.max(num1,num2) //返回较大的数 Math.min(num1,num2) //返回较小的数 Math.abs(num) //绝对值 Math.ceil(15.3) //向上取整 16 Math.floor(9.8) //向下取整 9 Math.pow(x,y) //x的y次方 Math.sqrt(num) //开平方 2.日期对象方法 set/getDate() 从Date对.

2021-06-20 17:38:26 102

原创 DOM对象总结

查看文档信息 URL 地址 cookie 缓存 charset 编码 一般为 utf-8 write写入内容 document.write 页面加载过程中写入某某 查询页面节点 遗留DOM document.body 返回文档中的body元素 document.documentElement 返回文档中的html元素 document.forms 返回文档中所有Form对象的引用 document.anchors document.links document.scri..

2021-06-19 20:46:45 109

原创 逻辑分支语句

1.if语法 if单分支: 语法: if(条件-true){ 条件为true执行代码 } 2.if双分支语句 语法: if(条件){ 条件为true执行的代码 }else{ 条件为false执行的代码 } 3.多分支: 语法: if(条件1){ 满足条件1的时候执行这里的代码 } else if(条件2){ 满足条件2的时候就执行这里的代码 } else if(条件3){ 满足条件3的时候就执行这里的代码 } else { 都不满足的时候执行的代码 } .

2021-06-09 23:43:52 115

原创 数值类型转换

6.将数字转化为数字类型 1.字符串转化为数字类型 - 语法:Number(转化的数据) - 黑色字体是字符串、蓝色字体是数字 2.将数据类型转化为数字类型 -语法:parseInt(转化的数据) -字符串转换为数字类型并取整 3.将数据转化为数字类型 -语法:parseFloat() 去浮点数(小数) -字符串转换为数字 并保留小数 4.将数据类型转换为数字类型 -语法:Math.round() -小数点的后一位 最近的整数 7.不常见的转换为数字类...

2021-06-07 23:02:45 298

原创 HTML置换元素与非置换元素

有初始的宽高大小 input(type)、textarea、select、img(src) - 有属性 并且属性值改变 样式/作用也发生改变 - 置换元素:input、img - 非置换元素

2021-05-31 23:16:38 241

原创 哪些标签自带边框

input、hr、textarea、select.

2021-05-31 23:11:33 873 1

原创 如何解决高度塌陷

高度塌陷/高度坍塌 造成的原因:父级元素没有高度,子级元素含有浮动属性 - 父级元素没有高度 => 自适应 - 子级元素含有浮动属性 => 新闻列表 解决方法:四种 第一种:给父级元素设置高度 - 优点:从根本解决问题 - 缺点:无法做到自适应 第二种:给父级添加overflow:hidden 原理:设置了文本溢出属性触发了BFC(块级格式化上下文) - 规则:浮动元素也参与高度计算 - 优点:简单 - 缺点:如果子级元素有超出父级容器的部分会被隐藏 破坏...

2021-05-31 22:54:19 81

原创 用CSS3动画实现正方体和旋转效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&gt...

2021-05-30 20:32:39 196

原创 flex布局原理

#(1)# 1.布局原理 1.当父元素flex布局之后,子元素float、clear、vertical-align失效; 2.flex布局:通过给父级盒子添加flex属性,控制子盒子位置和排列方式; flex布局父项常见(父元素添加)display:flex; 1.flex-direction:设置主轴方向 flex-direction: row 从左到右 flex-direction: row-reverse 从右到左 2.侧轴:flex-direction: column 从上到下flex-di

2021-05-30 08:14:26 233

空空如也

空空如也

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

TA关注的人

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