schifred
- 浏览: 203943 次
-
最新评论
文章列表
[置顶] async异步流程控制模块源码
- 博客分类：
- node
Collections 集合处理
async.forEachOf | eachOf(object, iterator, callback)
实现功能：遍历object对象执行iterator，报错或遍历执行完成时调用callback(error)；callback(error)函数的触发时机需要手动在iterator中设置。
源码解读：_keyIterator函数 ...
浅析egg-cluster多进程管理模块（二）
- 博客分类：
- egg框架
浅析egg-cluster多进程管理模块（二）
egg-cluster多进程管理模块
大致工作流程
执行detectPort函数，侦测0端口是否空闲，若空闲，执行master.forkAgentWorker方法
// egg-cluster@1.9.0 lib/master.js
// egg-cluster@1.9.0 lib/master.js
class Master extends EventEmitter {
constructor(options) {
// ...
detectPort((err, port) = ...
浅析egg-cluster多进程管理模块(一)
- 博客分类：
- egg框架
浅析egg-cluster多进程管理模块（一）
nodejs/cluster集群模块
cluster模块采用Master-Worker模式，以主进程操控子进程的方式启动多个http或https服务器。主要需解决两个问题：
多个工作进程的http或https服务监听同一个端口；
http或https服务器与cluster内部tcp服务间的通信。
大致实现思路是： - 在工作进程http或https服务的listen方法执行时，启动主进程内部的tcp服务，置空工作进程http或https服务的listen方法；
主进程tcp服务"connection& ...
ReactComponentTreeHook本地开发时，用于获取节点的构建信息；通过ReactDebugTool注入组件实例化、挂载等过程中。
'use strict';
var _prodInvariant = require('./reactProdInvariant');
var ReactCurrentOwner = require('./ReactCurrentOwner');
var invariant = require('fbjs/lib/invariant');
var warning = require('fbjs/lib/warning' ...
ReactChildReconciler模块用于挂载、卸载、或更新ReactDomComponent子组件。
'use strict';
var ReactReconciler = require('./ReactReconciler');
// 用于获取ReactCompositeComponent组件实例或ReactDomComponent组件实例
var instantiateReactComponent = require('./instantiateReactComponent');
// react组件的key值转译
var KeyEscapeUti ...
redux-saga
- 博客分类：
- react相关
redux-saga 0.14.6
文档地址
概论
redux-saga包用于监听redux派发action事件，以生成器函数的书写方式触发一系列程式执行。
当特定action被派发dispatch时，redux-saga机制借助proc、io模块执行task任务流。该task任务流允许借助io.take方法挂起task任务流，当特定action被派发时予以执行后续流程；io.put方法派发action；io.race同步触发多个延迟函数，以先执行完成的延迟函数构建返回对象；io.call/apply/cps执行同步或异步函数（返回值为延迟对象promise）；io.fork创建子ta ...
dva模块基于redux、redux-saga、react-router实现，用于配置路由，state处理逻辑等。
"version": "1.2.1"
index.js
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = require('./lib');
exports.connect = require('react-redux').connect;
lib/index.js
...
regenerator-runtime
- 博客分类：
- babel
regenerator-runtime模块来自facebook的regenerator模块。
生成器函数、async、await函数经babel编译后，regenerator-runtime模块用于提供功能实现。
// version="0.10.3"
!(function(global) {
"use strict";
var Op = Object.prototype;
var hasOwn = Op.hasOwnProperty;
var undefined; // More compressible ...
linq-es5(v=1.11.8)
- 博客分类：
- js插件源码整理
linq-es5迭代数组的方法库。
linq.js
"use strict";
// 继承静态方法和原型方法，仍需调用父类构造函数获得父类的私有属性
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
...
ReactDOMContainerInfo模块构建外层非react绘制dom节点的信息，为内层ReactDomComponent组件实例提供namespaceURI及_ancestorInfo。
'use strict';
var validateDOMNesting = require('./validateDOMNesting');
var DOC_NODE_TYPE = 9;
// 外层非react绘制dom节点的信息，用于向内层ReactDomComponent组件实例提供namespaceURI及_ancestorInfo
// 前者构成react绘 ...
DOMLazyTree模块用于向文档中插入、替换节点，以更新子节点或html或text。
setInnerHTML模块设置节点的innerHTML。
setTextContent模块为文本节点添加nodeValue，其他节点添加textContent或经转义后的innerHTML。
createMicrosoftUnsafeLocalFunction模块用于使ie浏览器禁用func函数的html安全筛选(通常是拼接节点时)，非ie浏览器直接返回回调。
DOMLazyTree.js
'use strict';
// 节点命名空间的集合
var DOMNamespaces ...
ARIADOMPropertyConfig、HTMLDOMPropertyConfig、SVGDOMPropertyConfig模块通过ReactDefaultInjection模块加载，约定属性的设置方式，可接受的属性值。
ARIADOMPropertyConfig.js
'use strict';
var ARIADOMPropertyConfig = {
// dom节点可设置的属性，作为DOMProperty.Properties的键
Properties: {
// Global States and Properties
'aria- ...
Modal.js
- 博客分类：
- ant-design组件库
Modal模块为基于rc-dialog实现的模态框组件，在此基础上生成确认提示框等。
异步逻辑按钮组件需要显示require("antd/lib/Modal/ActionButton")。
Modal.js模态框
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = undefined;
var _extends2 = require('babel-runt ...
rc-dialog
- 博客分类：
- react-component组件库
rc-dialog用于绘制对话框，对话框的可见逻辑由父组件设定。
不包含基于react-native实现的modal组件。
DialogWrap.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _Dialog = require('./Dialog');
va ...
rc-align
- 博客分类：
- react-component组件库
rc-align模块基于dom-align模块实现，用于以参照节点调整事件源节点的位置。
Align.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactDom = require('react-dom');
var _reactDom2 = _intero ...