随笔分类 -  javascript

关于js的一些使用技巧，概念
细说React生命周期
摘要：新旧版本生命周期图对比 16.3之前的版本 16.3之后的版本 react自16.x之后，添加了getDerivedStateFromProps, getSnapshotBeforeUpdate,如图 生命周期的几个阶段 生命周期有几个时期，分别为挂载，更新，卸载，我们看上方16.3之后版本的图可以 阅读全文
posted @ 2020-10-30 10:24 j植树 阅读(856) 评论(0) 推荐(0)
手写：javascript中的关键字instanceof
摘要：instanceof是干嘛的？ 首先，引用mdn的描述 instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。 在javascript中，查看基本数据类型的类型可以用关键字typeof，但是如果是要验证一个引用数据类型的话，就需要用到关键字inst 阅读全文
posted @ 2020-09-25 10:15 j植树 阅读(420) 评论(0) 推荐(0)
手写：javascript中的关键字new
摘要：简单介绍一下new new再熟悉不过了，new后面跟着构造函数，可以创建对象，这个对象的原型指向构造函数的原型对象，说起来可能有点绕，直接看代码吧 function Person(name, age){ this.name = name; this.age = age; } let person1 阅读全文
posted @ 2020-09-24 14:27 j植树 阅读(263) 评论(0) 推荐(0)
前端模块化IIFE，commonjs，AMD，UMD，ES6 Module规范超详细讲解
摘要：为什么前端需要模块化 在没有模块化的时候，多个脚本引入页面，会造成诸多问题，比如： 多人协同开发的时候，系统中可能会引入很多js脚本，这些js会定义诸多全局变量，这时候很容易出现变量名覆盖的问题 <!DOCTYPE html> <html lang="en"> <head> <meta charse 阅读全文
posted @ 2020-09-02 00:06 j植树 阅读(1970) 评论(2) 推荐(1)
带你认识iterator
摘要：迭代器协议是什么 迭代器协议定义了产生一系列值（无论是有限个还是无限个）的标准方式。当值为有限个时，所有的值都被迭代完毕后，则会返回一个默认返回值。 只要满足迭代器协议议的对象都可以成为迭代器，迭代器协议，是指对象要定义名为next的无参方法，并且next会返回一个对象，对象包含done（boole 阅读全文
posted @ 2020-09-01 11:13 j植树 阅读(146) 评论(0) 推荐(1)
手写Promise看着一篇就足够了
摘要：概要 本文主要介绍了Promise上定义的api的特性，以及手写如何实现这些特性。目的是把学习过程中的产出以博客的方式输出，巩固知识，也便于之后复习 博客思路 mdn上搜索Promise，了解类和api的定义： 定义了哪些属性，分别代表什么含义 api需要传什么参数，返回什么值，可能抛出什么异常 看 阅读全文
posted @ 2020-09-01 11:03 j植树 阅读(1388) 评论(0) 推荐(0)