- 博客(12)
- 收藏
- 关注
RSS订阅原创 React Hook讲解
React Hook讲解Hook的介绍为什么要用Hook？Hook的API基础Hook额外的HookHook的介绍Hook 是 React 16.8 的新增特性。可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。Hook 是一些可以让你在函数组件里“钩入” React state 及生命周期等特性的 函数。为什么要用Hook？降低在Class组件之间抽离复用状态逻辑的难度降低Class组件后期的维护成本降低学习曲线，避免使用较为难理解的Clas
2021-05-12 18:59:14
235
原创 react 发布订阅模式的应用
react中的发布订阅模式关于发布订阅模式，可以先参考此篇文章：《javascript 发布订阅模式》。先创建一个统筹全局事件的类// 调度中心class EventCenter{ constructor(){ this.eventCenter = {}; // 创建一个事件中心，数据模型：{ event : [fn, fn] } } /** * 订阅事件 * eventName {string} 订阅事件名称 * backFn {Function} 收到通
2021-04-22 17:38:04
557
原创 javascript 发布订阅模式
javascript 发布订阅模式什么是发布订阅模式javascript 中的发布订阅模式什么是发布订阅模式发布订阅模式是一种【一】对【多】的依赖关系。通过【多】订阅某个主题对象，而当主题对象变更时，则会发布消息通知到主题对应的【多】。举个栗子：你 >> 你在华为商店，订阅了华为Mate100的抢购通知 >> 抢购时间到了，华为商店会给订阅了抢购的用户发送一条短信通知 >> 你收到了抢购短信其中的【一】：华为商店其中的【多】：订阅了抢购通知的用户，你便是
2021-04-22 09:49:04
267
原创 javascript 关于bind、apply、call函数改变this指向
js 关于bind、apply、call函数改变this指向关于更改this指向bind函数apply函数关于更改this指向PS：关于更改this指向的3个函数：bind、call、apply，均来源于Function.prototype。所以其他不在Function这条 原型链 上的对象是无法调用该3个函数。关于原型链请参考这篇文章：《js 原型和原型链》bind函数/*** thisArg {any} 必选，作为函数内部的this的值* arg1, arg2, ... {any} 可选
2021-04-15 18:06:08
180
1
原创 javascript this的指向
js this的指向和改变指向全局上下文普通函数上下文构造函数上下文对象上下文事件上下文全局上下文在全局执行环境中，this都指向浏览器的windowconsole.log(this === window); // true this.name = 'window';console.log(window.name); // window普通函数上下文普通函数被直接调用时，this都指向浏览器的window，不限嵌套层数function outFn(){ console.log(
2021-04-15 09:35:49
67
原创 javascript 原型和原型链
js 原型和原型链什么是原型？什么是原型链？什么是原型？简单来说，可以通过new关键字来实例一个对象的，就可以称呼为原型。// 例如const arr = new Array(); // Array是原型const obj = new Object(); // Object是原型const arr1 = []; // 对象直接量写法，其实是指向Arrayconst obj = {}; // 对象直接量写法，其实是指向Objectconst fn = function(){};cons
2021-04-08 18:02:06
189
1
原创 javascript 闭包的理解、运用和销毁
js 闭包的理解和运用什么是闭包？什么是闭包？1、闭包让你可以在一个内层函数中访问到其外层函数的作用域。引用于：MDN2、闭包是一种保护私有变量的机制，在函数执行时形成私有的作用域，保护里面的私有变量不受外界干扰。引用于：菜鸟教程...
2021-03-30 17:09:12
4943
原创 javascript 常用的dom操作及源生事件
js dom操作及源生事件获取dom元素 document.getElementById(); // 根据id属性获取元素 document.getElementById('input'); // 获取id属性为input的元素 document.getElementsByName(); // 根据name属性获取元素 document.getELementsByName('form'); // 获取name属性为form的元素 document.getElementsByTagName(
2021-03-25 11:03:02
460
3
原创 javascript 二维数组排列组合--回溯算法
前言前2天接到了个图表统计的功能，而这个图表展示有个需求，需要根据所选的维度，计算出维度组合数量并展示出来。二话不说，先上代码const getDimComb = (doubleList = []) => { if (doubleList.length == 0) return []; const result = []; const _back = (doubleList,...
2020-01-16 14:14:35
1014
1
原创 javascript 遍历函数的进阶用法、组合用法
前言上一个文章 《js 数组、对象常见的遍历用法大全》 是为大家介绍了js的常用遍历用法；本章的话是为大家讲解一下，遍历中的进阶使用和组合使用。结合了本人实战项目经验中所遇到的，为大家详细讲解一下关于通过遍历来数据处理，可能内容比较枯燥。望大家谅解。reduce进阶用法上一章我们提到过了reduce的基本用法，我们再复习一下：const arr = [10, 20, 60];const...
2020-01-12 01:46:40
453
原创 javascript 数组、对象常见的遍历用法大全
前言对于前端js使用中，遍历函数是经常用到的，下面就列举一下前端的常见遍历方法一、没有返回值的方法forfor遍历应该是最普通也是最常见的遍历，如下：for (let i = 0; i < 5; i++) { console.log(i);//0 1 2 3 4 5，i为遍历次数}for…infor...in 语句用于遍历数组或者对象的属性const perso...
2020-01-03 11:02:43
696
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人