- 博客(11)
- 收藏
- 关注
RSS订阅
原创 手写：javascript中的关键字new
简单介绍一下newnew再熟悉不过了，new后面跟着构造函数，可以创建对象，这个对象的原型指向构造函数的原型对象，说起来可能有点绕，直接看代码吧function Person(name, age){ this.name = name; this.age = age;}let person1 = new Person("张三", 22);console.log(person1.__proto__ === Person.prototype); // trueconsole.log
2020-09-24 14:29:31
209
原创 前端小白的数据结构学习总结——图
目录什么是图一些概念无向图和有向图图的表示方式邻接矩阵邻接表实现一个Graph类图的遍历广度优先搜索深度优先搜索两种算法的相同点和不同点深度优先搜索代码实现广度优先搜索代码实现什么是图图是一种非线性的数据结构，是对网的一种抽象的理解，比如说中国铁路网：图片中可以看到，每个城市之间的由铁路连成了网，这个网中城市则为“点”，铁路则为“线”，那么我们这个“网”再抽象一点，就成了这样的一个图：通常我们用G=(V, E)来表示图一些概念vertex：上图中的圆表示一个城市，在图的概念中我们称其为“v
2020-09-16 15:26:37
236
1
原创 前端模块化IIFE，commonjs，AMD，UMD，ES6 Module规范超详细讲解
为什么前端需要模块化在没有模块化的时候，多个脚本引入页面，会造成诸多问题，比如：多人协同开发的时候，系统中可能会引入很多js脚本，这些js会定义诸多全局变量，这时候很容易出现变量名覆盖的问题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial
2020-09-01 23:55:33
1105
原创 手写Promise的思路与源码，看这篇就够了
手写Promise思路与源码思路API的特性与源码构造函数thencatch验证一下Promise.resolvedPromise.rejected未完待续思路mdn上搜索Promise，了解类和api的定义：定义了哪些属性，分别代表什么含义api需要传什么参数，返回什么值，可能抛出什么异常看官方给出的用例，猜想内部可能的实现编写源码，用官方用例验证查看返回值是否一致API的特性与源码构造函数promise有状态pending、rejected和resolved，所以应该有个变量来保
2020-08-23 17:12:14
567
1
原创 细说React生命周期
目录新旧版本生命周期图对比16.3之前的版本16.3之后的版本生命周期的几个阶段挂载constructorconpomentWillMount(v17将移除)getDerivedStateFromProps(v16.3加入)rendercomponentDidMount更新props更新 componentWillReceiveProps(v17将移除)shouldComponentUpdatecomponentWillUpdate（v17将移除）getSnapshotBeforeUpdate(v16.3引
2020-10-30 10:24:47
193
1
原创 手写：javascript中的关键字instanceof
instanceof是干嘛的？首先，引用mdn的描述instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。在javascript中，查看基本数据类型的类型可以用关键字typeof，但是如果是要验证一个引用数据类型的话，就需要用到关键字instanceof，instance就是实例的意思，那么这个关键字就是用于判断，某某对象是不是某某类的实例，比如function Person(name, age){ this.name = name;
2020-09-25 10:16:02
538
原创 什么是浮动和清除浮动
浮动是什么首先我们来引入MDN对浮动的描述float CSS属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除，尽管仍然保持部分的流动性（与绝对定位相反）。原文中提到了该元素从网页的正常流动中移除，这里其实就是指的脱离文档流，元素应沿其容器的左侧或右侧放置其实就是指脱离文档流之后，元素一直像最左边或者右边靠拢，直至碰到父元素或者另一个浮动元素。浮动能解决什么问题浮动能实现文字包裹效果，经常见到报纸或者杂志的排版，一张图片被一段文本包裹，
2020-08-23 17:10:08
374
原创 初识盒模型
什么是盒模型盒模型我理解为就是对页面中一个box的定义，这个定义氛围几个部分，从盒子外到内分为外边距margin边框border内边距padding主体内容content应用MDN官方的描述CSS 基础框盒模型是 CSS 规范的一个模块，它定义了一种长方形的盒子——包括它们各自的内边距（padding）与外边距（margin ），并根据视觉格式化模型来生成元素，对其进行布置、编排、布局（lay out）。常被直译为盒子模型、盒模型或框模型这几层由外到内一层一层的包裹，chrome上经
2020-08-23 17:06:07
132
原创 BFC的理解与运用
什么是BFC全称块级格式化上下文（Block Formatting Context），Block我理解为一个块盒子block box，格式化我理解为一个规则，上下文我理解为一个区域或者作用域，那么整体理解就是页面中一个按一定规则渲染的块级区域（消化之后的个人理解）应用MDN的定义块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。主要用于解决什么问题浮动元素导致父元素高
2020-08-23 17:02:15
202
原创 Iterator，迭代器协议，可迭代协议
迭代器协议是什么迭代器协议定义了产生一系列值（无论是有限个还是无限个）的标准方式。当值为有限个时，所有的值都被迭代完毕后，则会返回一个默认返回值。只要满足迭代器协议议的对象都可以成为迭代器，迭代器协议，是指对象要定义名为next的无参方法，并且next会返回一个对象，对象包含done（boolean）和value属性，比如：var iterator = { count : 0, next : function(){ return { done
2020-08-23 16:56:42
478
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人