《深入浅出Node.js》学习笔记：内存控制
V8虚拟机Node使用V8做JavaScript脚本引擎
V8的内存限制64位系统下最大能使用内存为1.4GB，32位系统下最大能使用内存为0.7GB12// 这个语句可以耗尽V8的内存，导致报错：JavaScript heap out of memoryvar name =[];for(var i
...
《深入浅出Node.js》学习笔记：异步I/O
Posted on
|
Post modified:
|
In
NodeJS系列
为什么要使用异步I/O用户体验上：Node是面向网络的，异步I/O耗时少，使得响应速度快
资源分配上：Node使用单线程、异步I/O，避免了其他编程模型中存在的问题单线程同步编程模型
优点：易于编程
缺点：会因阻塞I/O导致硬件资源得不到更优的使用。（计算机资源中，I/O与CPU计算之间是可以并行
...
JS基础：模块化
Posted on
|
Post modified:
|
In
JavaScript
JS为什么需要模块化JS最初通过script加载文件，这时将一个文件看做一个模块，将需要暴露的变量和方法设置到window对象上
使用script加载文件存在的以下问题：
命令冲突：污染全局作用域
依赖管理：开发人员必须主观解决模块和代码库的依赖关系
文件加载：文件只能按照script标签的书写顺
...
《深入浅出Node.js》学习笔记：模块机制
Posted on
|
Post modified:
|
In
NodeJS系列
Node借鉴CommonJS的Modules规范实现了一套非常易用的模块系统
Node的模块Node的模块实现遵守了CommonJS规范
模块引入Node引入模块需要经历三个步骤：路径分析、文件定位、编译执行
模块缓存Node对引入过的模块都会进行缓存，以减少二次引入的开销Node缓存的是引
...
《深入浅出Node.js》学习笔记：Node基础
Posted on
|
Post modified:
|
In
NodeJS系列
Node的特点non-blocking I/O、event-driven、单线程、跨平台
异步I/O
定义：I/O是input/output的简写
优点：是无阻塞（non-blocking)
对比：同步I/O是阻塞的，执行相同数量的同步I/O操作的耗时比异步I/O多
应用：读取文件，发送网络请求
...
使用鼠标事件实现拖拽
Posted on
|
Post modified:
|
In
HTML
相关的知识点
clientX，offsetX，pageX，screenX的区别：参考
鼠标事件：mousedown、mousemove、mouseup
使用translate改变元素位置比使用top/left的性能高：参考1、参考2
原理
点击拖拽元素时：记录鼠标的位置（X, Y）
拖拽元素时：
...
JS基础：事件绑定
Posted on
|
Post modified:
|
In
JavaScript
封装用于绑定事件的函数查看：代码演示123456789101112131415161718// 封装一个addListener操作const dom = { addListener (target, eventType, handler) { if (target.add
...
拖拽：Drag and Drop
Posted on
|
Post modified:
|
In
HTML
一个🌰
定义draggable元素只需要设置元素的draggable属性为true，该元素就变成了可拖拽的元素1<div draggable="true">drag</div>
定义drag事件12345678dom.addListener(dragEl
...
React原理：Reconciliation
Posted on
|
Post modified:
|
In
React系列
Reconciliation
Reconciliation: The algorithm React uses to diff one tree with another to determine which parts need to be changed
定义：调和（reconciliatio
...