发表于 | 分类于

ES6 循环依赖的一个例子

a.js

1
2
3
4
5
6
import {bar} from './b.js';
export function foo() {
    bar();  
    console.log('执行完毕');
}
foo();

b.js

1
2
3
4
5
6
import {foo} from './a.js';
export function bar() {  
    if (Math.random() > 0.5) {
        foo();
    }
}
阅读全文 »

发表于 | 分类于

Nodejs 官网的一个循环依赖的例子

a.js 

1
2
3
4
5
6
console.log('a starting');
exports.done = false;
const b = require('./b.js');
console.log('in a, b.done = %j', b.done);
exports.done = true;
console.log('a done');

b.js 

1
2
3
4
5
6
console.log('b starting');
exports.done = false;
const a = require('./a.js');
console.log('in b, a.done = %j', a.done);
exports.done = true;
console.log('b done');

index.js

1
2
3
4
console.log('main starting');
const a = require('./a.js');
const b = require('./b.js');
console.log('in main, a.done = %j, b.done = %j', a.done, b.done);

运行node index.js后输出顺序如下

阅读全文 »

发表于 | 分类于

React Hook 暴露的APIimport { useCallback, useContext, useEffect, useImperativeHandle, useDebugValue, useLayoutEffect, useMemo, useReducer, useRef, useState, useEvent,} from './ReactHooks';

阅读全文 »

发表于 | 分类于

wiki:

中间件Middleware, 是提供系统软件和应用软件之间连接的软件, 以便软件各部分之间的沟通, 特别是应用软件对于系统软件的集中的逻辑
在现代信息技术应用框架如Web服务、面向服务的体系结构中应用广泛、如数据库Apache的Tomcat, IBM的websphere, BEA公司的WebLogic…

阅读全文 »

发表于 | 分类于

React 渲染时的问题

当组件比较大时, js的执行会占用主线程时间, 此时对动画和手势会出现响应变差.
针对这个问题React, 对核心算法 reconciliation 进行了重写 -> Fiber.

阅读全文 »

发表于 | 分类于

居中

  • 单行文本水平垂直&垂直居中: text-align、line-height, 元素必须有高度
1
2
3
4
5
6
7
8
9
10
11
12
<style>
    .single-text {
        height: 50px;
        line-height: 50px;
        background: #000;
        color:#ee00ff;
        text-align: center;
    }
</style>
<div class="single-text">
    这里是一个单行文本
</div>
阅读全文 »