weixin_45641202-CSDN博客

原创什么是BFC

什么是BFC什么是BFC如何创建BFCBFC的作用什么是BFCBFC: 块级格式化上下文，它是指一个独立的块级渲染区域，只有Block-level BOX参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关如何创建BFC方法一：float的值不是none方法二：position的值不是static或者relative方法三：display的值是inline-block,flex或者inline-flex方法四：overflow: hiddenBFC的作用BF

2022-03-09 14:15:25 84

原创 set，weaket,map,weakemap的基本使用

一：set创建//在new Set()括号中传递一个数组后，返回的一个去重的数组const array = [12,1,23,1,45,87];const set = new Set(array)console.log(set)//set中的方法以及属性//1. set.add()添加set.add(10)set.add(20)set.add(40)//2.set.size获取长度console.log(set.size) //3.set.delete删除set.dele

2022-03-03 14:40:53 214

原创 Symbol数据类型

Symbol基本使用// 1.ES6之前, 对象的属性名(key)// var obj = {// name: "why",// friend: { name: "kobe" },// age: 18// }// obj['newName'] = "james"// console.log(obj)// 2.ES6中Symbol的基本使用const s1 = Symbol()const s2 = Symbol()console.log(s1 === s2)/

2022-03-02 15:27:42 114

原创 promise，以及promise一些类方法的使用

深入了解promisepromise的基本使用promise.all方法promise.allSettled方法promise.race方法promise.any方法一：promise的基本使用在这里插入代码片

2022-03-02 15:06:43 358

原创用原型实现继承的几种方式弊端以及最终方式

用原型实现继承1.原型链方式实现继承2.构造函数方式实现继承3.组合式继承3.寄生式组合继承一：原型链方式实现继承Person.prototype.eating = function() { console.log(this.name + " eating~")}// 子类: 特有属性和方法function Student() { this.sno = 111}var p = new Person()//注解：这里注意必须先用子类原型指向父类的构造函数,然后在在子

2022-03-01 09:33:12 275

原创 js中call,apply,bind函数的基本实现

js中call, apply, bind函数的基本实现call函数的实现apply函数的实现bind函数的实现一: call函数的实现Function.prototype.Mycall = function(thisArg, ...args) { // 在这里可以去执行调用的那个函数(foo) // 问题: 得可以获取到是哪一个函数执行了hycall // 1.获取需要被执行的函数 var fn = this // 2.对thisArg转成对象类型(防止它传入的是非对象类

2022-02-28 09:39:51 106

原创箭头函数中的this绑定

箭头函数中的this绑定箭头函数中不绑定this，其this为上层作用域的this例如var person1 = { name: 'person1', foo1: function () { console.log(this.name) }, foo2: () => console.log(this.name), foo3: function () { return function () { console.log(this.name)

2022-02-28 09:25:27 296

原创 js中this绑定与this指向

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2022-02-14 12:51:40 232

weixin_45641202的博客