分时创建DDOM节点函数

 var arr = [];
        for (var i = 1; i <= 32524; i++) {
            arr.push(i) 
        }
        var timeChunk = function (arr, fn, count) {
            var obj, t;
            var len = arr.length;
            var start = function () {
                for (var i = 0; i < Math.min(count || 1, len); i++) {
                    var obj = arr.shift();
                    fn(obj)
                }
            };
            return function () {
                t = setInterval(function () {
                    if (len === 0) {
                        return clearInterval(t);
                    }
                    start() //开始
                }, 200)
            }
        }

        var renderFriendList = timeChunk(arr, function (obj) {
            var div = document.createElement('div');
            div.innerHTML = obj;
            document.body.appendChild(div)
        },3)

        renderFriendList();

常用git配置命令

1、npm使用淘宝镜像源

（能加快npm下载速度）

npm config set registry https://registry.npm.taobao.org

2、node-sass使用淘宝镜像

（能解决node-sass安装失败问题）

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

3、npm恢复官方镜像源

（发布npm包时必须切换回官方镜像源）

npm config set registry https://registry.npmjs.org

4、git 配置全局用户名、邮箱

（用于git工具记录代码修改的作者信息）

git config --global user.name neohan
git config --global user.email neohan666@qq.com

5、git 配置ssh

ssh-keygen -t rsa

6、git 配置全局字符集编码

（防止中文commit信息乱码）

git config --global i18n.commitencoding utf-8
git config --global i18n.logoutputencoding utf-8
export LESSCHARSET=utf-8

7、git 配置全局不自动转换换行符

（解决windows和max系统的默认换行符不一致问题）

git config --global core.autocrlf false

8、git 设置能检测文件名大小写

（在需要配置的项目根目录下运行该命令）

git config core.ignorecase false

npm和yarn的镜像源的查看与修改

NPM

查询当前镜像

	npm get registry 

设置为淘宝镜像

	npm config set registry http://registry.npm.taobao.org/

设置回默认的官方镜像

	npm config set registry https://registry.npmjs.org/

同理 YARN

查询当前镜像

yarn config get registry

设置为淘宝镜像

yarn config set registry http://registry.npm.taobao.org/

设置回默认的官方镜像

yarn config set registry https://registry.yarnpkg.com

设置成功都有类似下面的输出

yarn config v1.16.0
success Set "registry" to "http://registry.npm.taobao.org/".
Done in 0.05s.

用有道词典做的复制黏贴翻译，如果有错，在所难免，这里仅作为一个阅读参考

{
  "compilerOptions": {
    /* Visit https://aka.ms/tsconfig.json to read more about this file */

    /*基本选项*/
    /* Basic Options */
    // "incremental": true,                   /* 启用增量编译 // Enable incremental compilation  */
    "target": "es5",                          /* 指定ECMAScript目标版本:'ES3'(默认)、'ES5'、'ES2015'、'ES2016'、'ES2017'、'ES2018'、'ES2019'、'ES2020'或'ESNEXT'。 // Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
    "module": "commonjs",                     /* 指定模块代码生成:'none'， 'commonjs'， 'amd'， 'system'， 'umd'， 'es2015'， 'es2020'，或'ESNext'。// Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
    // "lib": [],                             /* 指定要包含在编译中的库文件 // Specify library files to be included in the compilation.。 */
    // "allowJs": true,                       /* 允许编译javascript文件。 // Allow javascript files to be compiled.*/
    // "checkJs": true,                       /* 报告.js文件中的错误。 //Report errors in .js files. */
    // "jsx": "preserve",                     /* 指定JSX代码生成:‘preserve’、‘response -native’或‘react’。 // Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
    // "declaration": true,                   /* 生成相应的.d.ts文件。 // Generates corresponding '.d.ts' file. */
    // "declarationMap": true,                /* 为每个对应的sourcemap生成一个'.d.ts文件。 //Generates a sourcemap for each corresponding '.d.ts' file.*/
    // "sourceMap": true,                     /* 生成相应的.map的文件。 Generates corresponding '.map' file. */
    // "outFile": "./",                       /* 连接并发出输出到单个文件。 Concatenate and emit output to single file. */
    "outDir": "./js",                         /* 将输出结构重定向到目录。 Redirect output structure to the directory. */
    // "rootDir": "./",                       /* 指定输入文件的根目录。用于使用——outDir控制输出目录结构。 Specify the root directory of input files. Use to control the output directory structure with --outDir. */
    // "composite": true,                     /* 使项目编译 Enable project compilation */
    // "tsBuildInfoFile": "./",               /* 指定用于存储增量编译信息的文件 Specify file to store incremental compilation information */
    // "removeComments": true,                /* 不要向输出发出注释。 Do not emit comments to output. */
    // "noEmit": true,                        /* 不发出输出。 Do not emit outputs. */
    // "importHelpers": true,                 /* 导入从“tslib”中发出助手。 Import emit helpers from 'tslib'. */
    // "downlevelIteration": true,            /* 当目标是“ES5”或“ES3”时，在“for-of”、“spread”和“destructuring”中提供对迭代的全面支持。Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
    // "isolatedModules": true,               /* 将每个文件置换为单独的模块(类似于' . transpilemodule ')。Transpile each file as a separate module (similar to 'ts.transpileModule'). */


    /* 严格的类型检查选项 */
    /* Strict Type-Checking Options */
    "strict": true,                           /* 启用所有严格类型检查选项。Enable all strict type-checking options. */
    // "noImplicitAny": true,                 /* 对隐含的“any”类型的表达式和声明引发错误。Raise error on expressions and declarations with an implied 'any' type. */
    // "strictNullChecks": true,              /* 启用严格的空检查。Enable strict null checks. */
    // "strictFunctionTypes": true,           /* 启用函数类型的严格检查。Enable strict checking of function types. */
    // "strictBindCallApply": true,           /* 在函数上启用严格的“bind”、“call”和“apply”方法。*Enable strict 'bind', 'call', and 'apply' methods on functions. */
    // "strictPropertyInitialization": true,  /* 启用严格检查类中的属性初始化。Enable strict checking of property initialization in classes. */
    // "noImplicitThis": true,                /* 在隐含的“any”类型的“this”表达式上引发错误。Raise error on 'this' expressions with an implied 'any' type. */
    // "alwaysStrict": true,                  /* 以严格模式解析并为每个源文件发出“use strict”。 Parse in strict mode and emit "use strict" for each source file. */

    /*附加检查*/
    /* Additional Checks */
    // "noUnusedLocals": true,                /* 报告未使用的本地变量的错误。Report errors on unused locals. */
    // "noUnusedParameters": true,            /* 报告未使用参数的错误。Report errors on unused parameters. */
    // "noImplicitReturns": true,             /* 当函数中并非所有代码路径都返回值时，报告错误。Report error when not all code paths in function return a value. */
    // "noFallthroughCasesInSwitch": true,    /* 报告switch语句中的故障案例的错误。Report errors for fallthrough cases in switch statement. */

    /*模块解析选项*/
    /* Module Resolution Options */
    // "moduleResolution": "node",            /* 指定模块解析策略:'node' (node .js)或'classic' (TypeScript pre-1.6)。 Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
    // "baseUrl": "./",                       /* 用于解析非绝对模块名称的基本目录。Base directory to resolve non-absolute module names. */
    // "paths": {},                           /* 将导入重新映射到相对于“baseUrl”的查找位置的一系列条目。A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
    // "rootDirs": [],                        /* 根文件夹的列表，其组合内容表示运行时项目的结构。List of root folders whose combined content represents the structure of the project at runtime. */
    // "typeRoots": [],                       /* 包括类型定义的文件夹列表。List of folders to include type definitions from. */
    // "types": [],                           /* 类型声明文件中编译。Type declaration files to be included in compilation. */
    // "allowSyntheticDefaultImports": true,  /* 这并不影响代码发出，只是类型转换。Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
    "esModuleInterop": true,                  /* 通过为所有导入创建名称空间对象，启用CommonJS和ES模块之间的发射互操作性。意味着“allowSyntheticDefaultImports”。Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
    // "preserveSymlinks": true,              /* 不解析符号链接的真实路径。Do not resolve the real path of symlinks. */
    // "allowUmdGlobalAccess": true,          /* 允许访问全局UMD格式从模块。Allow accessing UMD globals from modules. */

    /*源映射选项*/
    /* Source Map Options */
    // "sourceRoot": "",                      /* 指定调试器应该定位TypeScript文件的位置，而不是源文件的位置。Specify the location where debugger should locate TypeScript files instead of source locations. */
    // "mapRoot": "",                         /* 指定调试器应该定位映射文件的位置，而不是生成的位置。Specify the location where debugger should locate map files instead of generated locations. */
    // "inlineSourceMap": true,               /* 发出带有源映射的单个文件，而不是拥有单独的文件。Emit a single file with source maps instead of having a separate file. */
    // "inlineSources": true,                 /* 需要设置“—inlineSourceMap”或“—sourceMap”。Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */

    /*实验选项*/
    /* Experimental Options */
    // "experimentalDecorators": true,        /* 启用对ES7装饰器的实验性支持。 Enables experimental support for ES7 decorators. */
    // "emitDecoratorMetadata": true,         /* 启用对为装饰器发出类型元数据的实验支持。Enables experimental support for emitting type metadata for decorators. */

    /*高级选项*/
    /* Advanced Options */
    "skipLibCheck": true,                     /* 跳过声明文件的类型检查。Skip type checking of declaration files. */
    "forceConsistentCasingInFileNames": true  /* 不允许inconsistently-cased对同一个文件的引用。Disallow inconsistently-cased references to the same file. */
  }
}