![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 60
Xkwok
总之岁月漫长,然而值得等待。
展开
-
2021-09-01
常用的生命周期钩子函数生命周期的作用?Vue 所有的功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。父子组件的生命周期执行顺序:父组件开始执行到beforeMount 然后开始子组件执行,最后是父组件mounted。如果有兄弟组件,父组件开始执行到beforeMount,然后兄弟组件依次执行到beforeMount,然后按照顺序执行mounted,最后执行父组件的mounted。当子组件挂载完成后,父组件才会挂载。当子原创 2021-09-01 22:29:59 · 113 阅读 · 0 评论 -
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 · 100 阅读 · 0 评论 -
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) //向上取整 16Math.floor(9.8) //向下取整 9Math.pow(x,y) //x的y次方Math.sqrt(num) //开平方2.日期对象方法set/getDate() 从Date对.原创 2021-06-20 17:38:26 · 104 阅读 · 0 评论 -
DOM对象总结
查看文档信息URL 地址cookie 缓存charset 编码 一般为 utf-8write写入内容document.write 页面加载过程中写入某某查询页面节点遗留DOMdocument.body 返回文档中的body元素document.documentElement 返回文档中的html元素document.forms 返回文档中所有Form对象的引用document.anchorsdocument.linksdocument.scri..原创 2021-06-19 20:46:45 · 112 阅读 · 0 评论 -
逻辑分支语句
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 · 120 阅读 · 0 评论 -
数值类型转换
6.将数字转化为数字类型1.字符串转化为数字类型- 语法:Number(转化的数据)- 黑色字体是字符串、蓝色字体是数字2.将数据类型转化为数字类型-语法:parseInt(转化的数据)-字符串转换为数字类型并取整3.将数据转化为数字类型-语法:parseFloat() 去浮点数(小数)-字符串转换为数字 并保留小数4.将数据类型转换为数字类型-语法:Math.round()-小数点的后一位 最近的整数7.不常见的转换为数字类...原创 2021-06-07 23:02:45 · 300 阅读 · 0 评论 -
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 · 235 阅读 · 0 评论