- 博客(18)
- 收藏
- 关注
原创 利用float和absolute绝对定位脱离文档流的区别
脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。float脱离文档流:使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。绝对定位absolute脱离文档流:使用absolute脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。这个博主写的形象易懂,可以参考:https://www.zhihu.com/question/24529373/answer/29135021...
2021-09-26 11:29:59
504
原创 JS中类型转换的规则
一、基本规则1.null == undefined为trueconsole.log(null == undefined); //true2.NaN ==NaN 为fasleconsole.log(NaN == NaN); //false3.布尔值在比较相等性之前先将其转换为数值——false转换为0,true转换为1console.log(1==true); //trueconsole.log(0==false); //true4.剩下的都是转换为数字console.log(!![]
2021-09-16 09:23:04
362
1
原创 js中var 与 let ,const的区别
一、var声明的变量在全局范围内有效,let和const只在声明其所在的块级作用域内有效。 if(1) { let a = 1 var b = 1 console.log(a) //1 } console.log(a); //a is not defined if(1) { let a = 1 var b = 1 console.log(a) //1 } console.log(b)
2021-09-06 23:51:18
150
1
原创 几种实现数据扁平化的方法
一、用ES6提供的flat() 方法实现 <script> let arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10 ] //flat() 方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 arr = arr.flat(Infinity) console.log(ar
2021-09-05 10:39:25
2450
2
原创 简单实现Vue2.0与Vue3.0中的双向绑定
一、Vue2.0<body> 姓名:<span id="spanName"></span> <br> <input type="text" id="inputName"> <script> let obj = { name: '' } // 对obj进行深克隆 let newObj = JSON.parse(JSON.stringify(obj)) // Objec
2021-09-04 15:02:26
140
原创 深浅克隆的实现方法
一、浅克隆1.1 概述:如果克隆的数据是一个对象的话,浅克隆只克隆了堆中对象的地址,所以克隆出的新对象的修改会导致原对象的修改。1.2 ES6实现浅克隆 <script> let obj = { a: 100, b: [10, 20, 30], c: { x: 10 }, d: /^\d+$/ } let newObj = {...obj} console.log(newObj);改变浅克隆出的对象newObj
2021-09-03 17:05:45
272
原创 两边固定,中间自适应的两种布局
一、三个元素处于同一级别 <style> .container { height: 100%; padding: 0 200px; } .left, .right { width: 200px; min-height: 200px; background-color: rgb(127, 224, 192); } .center { width: 100%
2021-09-02 17:26:44
178
原创 小盒子在一个大盒子中实现垂直和水平居中(六种方法)
一、使用子绝父相的定位实现1.1 必须知道大盒子和小盒子的宽高 <div class="outside"> <div class="inside"></div> </div> <style> .outside { position: relative; width: 300px; height: 300px; background-color: rgb(119, 197
2021-09-02 15:21:51
5715
原创 导航栏吸顶效果
https://blog.csdn.net/qq_42376054/article/details/98987435如果底层文字与导航栏重合,可设置导航栏的z-index属性
2021-08-27 10:38:28
91
原创 promise相关问题
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、promise是什么?二、promise相对于纯回调函数的好处三、promise执行过程四、改变promise状态和指定回调函数谁先谁后五、promise.then()返回的新的promise的结果状态怎样确定?六、promise如何串联多个操作任务七、promsie的异常传透八、怎样中断promise链九、async函数十、await表达式一、promise是什么?异步编程语法上:构造函数功能上:封装一个异步操作
2021-08-13 18:30:27
121
原创 原型与原型链(包会)
1.函数的prototype属性只要创建一个函数,就会按照特定的规则为这个函数创建一个prototype属性(指向原型对象)。在原型对象上定义的属性和方法可以被对象实例共享。function Person() {}console.log(typeof Person.prototype); //objectconsole.log(Person.prototype) 默认情况下,所有原型对象自动获得一个名为constructor的属性,指回与之关联的构造函数。function Perso
2021-08-04 16:07:56
92
原创 JavaScript中String对象的常用函数
1.length属性每个String对象都有一个length属性,表示字符串中字符的数量let StringValue = 'hello world'console.log(StringValue.length) //112.与字符串中元素位置相关的函数charAt() 返回给定索引位置的字符,由传给方法的整数参数指定。let message = 'abcde'console.log(message.charAt(2)) //'c'indexOf()与lastIndexOf(
2021-08-03 11:01:08
339
原创 Module build failed
Module build failed: TypeError: this.getOptions is not a functionwebpack打包项目,npm安装less-loader后出现如下错误原因: less-loader安装的版本过高解决方案:1.npm uninstall less-loader2.npm install less-loader@5.0.0
2021-05-26 20:20:03
413
原创 JavaScript中return的三个注意事项
1.return终止函数,return之后的代码不再执行<script> //1.return终止函数,return之后的代码不再执行 function getSum (num1,num2) { return num1 + num2; alert('hello'); } console.log(getSum(1,5)); </script>2. return
2021-04-05 20:38:16
246
原创 package.json与package-lock.json的不同及npm安装包bug的解决方法
https://blog.csdn.net/u012767761/article/details/102771490
2021-03-23 15:53:47
563
原创 Git与Gitee的使用(小白)
Git与Gitee的使用创建本地仓库,将本地文件上传至GiteeG1、在Gitee上创建仓库2、在想要创建仓库的文件目录处右键选择Git Bash Here3、创建本地仓库初始化一个空的git本地仓库$ git init将内容从工作目录添加到暂存区添加某一文件$ git add "文件名.后缀名"添加此目录下的所有文件$ git add .提交暂存区的文件$ git commit -m "提交时的版本注释"4、将本地文件提交至Gitee指定gitee仓库位置$
2020-11-21 21:15:31
292
1
原创 前端HTML5简单布局
前端HTML5简单布局这是第一次写CSDN博客,希望可以对一起学习前端的同学有些帮也记录一下自己的学习过程,监督自己。Table布局<!DOCTYPE html><htmllang="en"><head> <metacharset="UTF-8"> <title>table布局</titl...
2019-12-26 16:47:09
175
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人