mouseenter和mouseove的区别

2020-04-29

使用这段代码运行时，代码会一直占用主线程，造成线程阻塞

const http = require('http');
const longComputation = () => {
  let sum = 0;
  for (let i = 0; i < 1e10; i++) {
    sum += i;
  };
  return sum;
};
const server = http.createServer();
server.on('request', (req, res) => {
  if (req.url === '/compute') {
    console.info('计算开始',new Date());
    const sum = longComputation();
    console.info('计算结束',new Date());
    return res.end(`Sum is ${sum}`);
  } else {
    res.end('Ok')
  }
});

server.listen(3000);

展开全文 >>

node版本升级

2020-04-29

node

更新npm ：

npm install -g npm

更新node版本：

先清除npm缓存：npm cache clean -f

然后安装n模块：npm install -g n

升级node.js到最新稳定版：n stable

升级到指定版本： n 8.11.2

如果是mac 升级出现错误在命令前面家sudo

参考链接：https://juejin.im/post/5b9739d1e51d450e9f66ee3b

展开全文 >>

window.location

2020-04-29

location

location.href

location.href对应的是整个URL。

1	https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/origin

location.origin

从协议名到pathname之间的部分,如果有协议包含协议名。

1	var result = window.location.origin; // Returns:'https://developer.mozilla.org'

location.host

返回主机名和端口号

1 2	location.href = "https://developer.mozilla.org:443/en-US/HTMLHyperlinkElementUtils.host" location.host == "developer.mozilla.org:443"

more >>

展开全文 >>

CSS height

2020-04-29

max-height，min-height，height一起使用时，优先级问题

常规操作：

max-height 这个属性会阻止 height 属性的设置值变得比 max-height 更大。
more >>

展开全文 >>

js可迭代对象

2020-04-29

js可迭代对象

可迭代对象的原型中都包含Symbol.iterator 属性

Set(0) {}
size: (...)
__proto__: Set
add: ƒ add()
clear: ƒ clear()
constructor: ƒ Set()
delete: ƒ delete()
entries: ƒ entries()
forEach: ƒ forEach()
has: ƒ has()
keys: ƒ values()
size: (...)
values: ƒ values()
Symbol(Symbol.iterator): ƒ values()
Symbol(Symbol.toStringTag): "Set"
get size: ƒ size()
__proto__: Object
[[Entries]]: Array(0)

常用的可迭代对象，有数组、Set、Map、字符串。

判断可迭代的方法

Symbol.iterator in Object(iter)
判断被判断对象的原型连上是不是有Symbol.iterator属性。

Symbol.iterator in Object([1,2])//true
Symbol.iterator in Object({})//false
Object(12) => Number(12)
Object() 相当于 new Object();是对Object()里内容类型的实例

typeof obj[Symbol.iterator] === 'function'

1 2	var arr = []; typeof arr[Symbol.iterator] === 'function' //true

展开全文 >>

immutable的理解

2020-04-29

immutable的理解：

什么是immutable:

Immutable 实现的原理是 Persistent Data Structure（持久化数据结构），也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为了避免 deepCopy 把所有节点都复制一遍带来的性能损耗，Immutable 使用了 Structural Sharing（结构共享），即如果对象树中一个节点发生变化，只修改这个节点和受它影响的父节点，其它节点则进行共享。
more >>