- 博客(8)
- 收藏
- 关注
原创 JS之浅拷贝、深拷贝
浅拷贝与深拷贝1. 浅拷贝: 赋值拷贝,A只拷贝B的引用地址,改变A的值,B的值也会改变 。示例: <script> var arr1 = [1, 2, 3, 4, 5] var arr2 = arr1 arr2[0] = 5 console.log(arr2) //输出[5, 2, 3, 4, 5] console.log(arr1); //同样输出[5, 2, 3, 4,
2021-05-18 15:46:45
223
原创 JS之事件冒泡、取消冒泡、事件委托
事件冒泡:当子元素事件触发,会沿着包含关系,向上传递,每一级都会接收到事件。<style> #divOne { width: 300px; height: 300px; background-color: red; } #divTwo { width: 150px; height: 150px; background-color: yell
2021-05-17 16:24:53
405
原创 JS之作用域、作用域链、闭包
JS中有两种作用域类型作用域类型:局部作用域、全局作用域。局部作用域:在局部内定义的变量,从外部是不可见的。<script> function test(){ var name = 'mary'; } test() console.log(name) //这里是函数外部,访问不到函数内部的变量 </script>效果图:全局作用域:网页的所有脚本和函数都能访问它。①全局变量 <scr
2021-05-17 11:10:48
115
原创 CSS之三大特性
CSS的三大特性:继承、层叠、优先级继承:某些样式不仅应用到所指的元素上,还应用到元素的后代上。<style> div { color: red; }</style><body> <div> <h1>这是继承的颜色</h1> <h2>这也是继承的颜色</h2> <h3>这还是继承的颜色&
2021-05-16 23:26:40
68
原创 CSS之水平垂直居中
CSS水平垂直居中的方式这里先介绍四种常用的文本方式的水平垂直居中<style> .parent { background-color: green; width: 200px; height: 200px; } .child { line-height: 200px; //行高等于父元素的高度,垂直居中
2021-05-16 17:48:24
66
原创 CSS之定位方式
CSS的五种定位方式定位方式:static、relative、absolute、fixed、stickystatic: 元素不会以任何特殊的方式定位,始终以页面的正常流进行定位。<style> .static { position: static; background-color: green; width: 200px; }</style><body>
2021-05-16 15:32:55
68
原创 JS之内置类型
JS之内置类型内置类型JS中分为七种内置类型,其中内置类型又分为两大类型:基本数据类型和对象。基本数据类型有六种:string、number、boolean、undefined、null、symbol。特殊一点的情况:①NaN属于number类型,并且NaN不等于自身;console.log(typeof NaN); //输出number类型document.write(NaN==NaN) //输出false...
2021-05-15 14:32:56
397
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人