2019年12月_少油少盐不要辣

原创显示模块模式

const namesCollection = (function () { let objects = []; function addObjects(object) { objects.push(object); } function removeObjects(object) { const index =...

2019-12-25 19:04:00 275

原创什么是作用域，什么是闭包，什么是作用域链

1.变量作用域指一个变量在程序的哪些地方可以被访问到。2.闭包一个函数返回了另一个函数，并且该函数使用了返回它的函数中的变量。

2019-12-23 19:41:41 706

原创 lodash源码分析之baseSlice()函数

源码function baseSlice(array, start, end) { var index = -1, length = array.length; if (start < 0) { // 传入的参数转换 start = -start > length ? 0 : (length + start); } end ...

2019-12-23 19:41:21 183

原创单例模式

class Singleton { constructor(listDetail) { this.listDetail = listDetail; } //静态方法 static getInstance(listDetail) { if(!this.instance) { this.instance = new Singleton(listDetail)...

2019-12-23 14:31:53 152

原创数据结构之列表

function List () { // 初始化 this.dataStore = []; this.listSize = 0; this.pos = 0; // 当前的位置，默认为0 this.length = length; // 返回列表的长度 this.clear = ...

2019-12-23 14:24:30 100

原创惰性求值，面向对象

// 惰性求值 const _lazy = (function () { const MAX_ARRAY_LENGTH = 100; const LAZY_FILTER_FLAG = 1; const LAZY_MAP_FLAG = 2; LazyWrapper.prototype.filter = filter; LazyWrapper.proto...

2019-12-23 14:24:16 211

原创 react生命周期钩子componentDidMount()

componentDidMount()componentDidMount() 会在组件挂载后（插入 DOM 树中）立即调用。依赖于 DOM 节点的初始化应该放在这里。如需通过网络请求获取数据，此处是实例化请求的好地方。这个方法是比较适合添加订阅的地方。如果添加了订阅，请不要忘记在 componentWillUnmount() 里取消订阅若组件不会再次插入到DOM树中，则该生命周期函数只会调...

2019-12-23 14:23:45 2640

原创发布/订阅模式 vs 观察者模式

var publisherSubscriber = {};// we send in a container object which will handle the subscriptions and publishings(function(container) { // the id represents a unique subscription id to a topic...

2019-12-22 22:57:58 135

原创 BFC（Block Formatting Context）

1.什么是BFCBFC（Block Formatting Context），块级格式化上下文，它规定了内部的块级元素的布局方式，默认情况下只有根元素（即body）一个块级上下文。2.BFC布局规则内部的块级元素会在垂直方向，一个接一个地放置；块级元素垂直方向的距离由margin决定。属于同一个BFC的两个相邻的块级元素会发生margin合并，不属于同一个BFC的两个相邻的块级元素不会发生...

2019-12-15 10:33:16 189

原创 react项目报出警告Warning: Cannot update during an existing state transition (such as within `render`).

在一次写react项目中，报出如下警告，如图：意思大概为：在一次改变state或者props值后，触发render()方法执行，重新渲染DOM的过程中，react不允许再有其他的state或者props值的改变。render()方法必须是纯函数！！！，不能改变其作用域之外的某变量。我当时写的代码如下： handleClick = () => { this.pro...

2019-12-07 13:55:56 25212

1.首先，正则表达式是什么正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、matchAll、replace、search 和 split 方法。2.字符串的replace()方法replace() 方法返回一个由替换值（replacement）替换一...

2019-12-03 23:24:42 19554

原创函数柯里化

1.什么是函数柯里化是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。（个人见解：将一个低阶函数转换成高阶函数）举个栗子：// 普通的add函数function add(x, y) { return x + y}// Currying后function curryingAdd(x) { ...

2019-12-01 19:41:29 227

少油少盐不要辣