wuliuqi62-CSDN博客

原创 meta标签的作用

https://segmentfault.com/a/1190000004279791点击去这

2021-11-17 20:33:58 141

原创利用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

wuliuqi62的博客