+ lanpangzhi
+哆啦A梦
+用户页面中作者相关的描述性文字，如不需要设为 false
+在 ECMAScript 2015 (ES6) 引入 TypedArray 之前，JavaScript 语言没有读取或操作二进制数据流的机制。 Buffer 类被引入作为 Node.js API 的一部分，使其可以在 TCP 流或文件系统操作等场景中处理二进制数据流。
Buffer 类在 Node.js 中是一个全局变量，因此无需使用 require(‘buffer’)。
Buffer对象类似于数组，它的元素为16进制的两位数，即0到255的数值。
1 | // 创建一个长度为 10、且用 0 填充的 Buffer。 |
在 Node.js v6 之前的版本中Buffer 实例是通过 new Buffer 构造函数创建的，因为 new Buffer() 的行为会根据所传入的第一个参数的值的数据类型而明显地改变，所以如果应用程序没有正确地校验传给 new Buffer() 的参数、或未能正确地初始化新分配的 Buffer 的内容，就有可能在无意中为他们的代码引入安全性与可靠性问题。
为了使 Buffer 实例的创建更可靠、更不容易出错，各种 new Buffer() 构造函数已被 废弃，并由 Buffer.from()、Buffer.alloc()、和 Buffer.allocUnsafe() 方法替代。
Node.js 建议开发者们应当把所有正在使用的 new Buffer() 构造函数迁移到这些新的 API 上。
Buffer对象与普通的 JavaScript 字符串的互相转换，需要指定编码格式。目前Node.js 目前支持以下的字符编码。
1 | // 字符串转Buffer |
Buffer.from(string[, encoding])
encoding 不传参数会默认utf8编码进行转码和存储。
实例方法
buf.toString([encoding[, start[, end]]])
encoding 解码使用的字符编码。默认: ‘utf8’。
start 开始解码的字节偏移量。默认: 0。
end 结束解码的字节偏移量（不包含）。 默认: buf.length。
注：如果Buffer对象由多种编码写入，就需要在局部指定定不同的编码，才能转换回正常的编码。
Buffer.isBuffer(obj)
如果 obj 是一个 Buffer 则返回 true ，否则返回 false 。
1 | const buf1 = Buffer.alloc(10); |
Buffer.concat(list[, totalLength])
list <Array> 要合并的 Buffer 或 Uint8Array 实例的数组
totalLength <integer> 合并时 list 中 Buffer 实例的总长度
返回一个合并了 list 中所有 Buffer 实例的新建的 Buffer 。
如果 list 中没有元素、或 totalLength 为 0 ，则返回一个新建的长度为 0 的 Buffer 。
如果没有提供 totalLength ，则从 list 中的 Buffer 实例计算得到。 为了计算 totalLength 会导致需要执行额外的循环，所以提供明确的长度会运行更快。
如果提供了 totalLength，totalLength 必须是一个正整数。如果从 list 中计算得到的 Buffer 长度超过了 totalLength，则合并的结果将会被截断为 totalLength 的长度。
1 | const buf1 = Buffer.from('蓝'); |
Buffer.byteLength(string[, encoding])
encoding 不传参数会默认utf8编码
1 | console.log(Buffer.byteLength('蓝胖')) |
+ ++ + + + + ++ + + + http://blog.langpz.com/Buffer对象.html + ++ + +
fail2ban是一款入侵防御软件，可以监视你的系统日志，然后匹配日志的错误信息（正则式匹配）执行相应的屏蔽动作。可以防止别人恶意扫描和暴力破解SSH密码。
Python2 >= 2.7 or Python >= 3.2
1 | // 更新系统 |
vi /etc/fail2ban/jail.conf
1 | [DEFAULT] |
vi /etc/fail2ban/jail.d/jail-debian.local
1 | [sshd] |
以上配置都保存后执行重启命令
1 | systemctl restart fail2ban |
+
+systemctl start fail2bansystemctl stop fail2bansystemctl restart fail2banfail2ban-client set sshd unbanip 1.1.2.2（要解禁的IP）fail2ban-client status sshdservice fail2ban status+ ++ + + + + ++ + + + http://blog.langpz.com/Debian9安装设置Fail2ban.html + ++ + +
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
首先说说var声明变量的弊端。
1.可以重复声明
2.无法限制修改
3.没有块级作用域
4.变量会被提升
let不可以重复声明。
1 | let a = 2; |
如果重复声明会直接报错。
let有块级作用域。
1 | { |
会报错 a is not defined。
let不存在变量提升。
1 | console.log(a) |
会打印出 a undefined b is not defined。
const常量是不可以被修改的。
1 | const a = 'lanpangzhi'; |
修改会直接报错，但是如果是对象数据类型可以在对象下添加新得属性。
1 | const a = {}; |
这样写不会报错，常量a存的是一个地址，这个地址指向一个对象。不可变的只是这个地址，即不能把a指向另一个地址，但对象本身是可变的，所以依然可以为其添加新属性。
const不可以重复声明。
1 | const a = 2; |
如果重复声明会直接报错。
const有块级作用域。
1 | { |
会报错 a is not defined。
const不存在变量提升。
1 | console.log(a) |
会打印出 a undefined b is not defined。
让i从0输出到5，按顺序输出，es5版本需要闭包来实现。
1 | for (var i = 0; i <= 5; i++){ |
es6版本
1 | for (let i = 0; i <= 5; i++){ |
let和const解决了var的弊端，瞬间开发变简单了很多。
+ ++ + + + + ++ + + + http://blog.langpz.com/ES6系列-let和const变量.html + ++ + +
之前文章写了怎么用body-parser中间件处理post请求，今天就大概实现下body-parser中urlencoded 这个方法。
首先通过命令提示输入 mkdir lib && cd lib。
再输入touch body-parser.js。
把下面的代码在body-parser.js 敲一遍。
1 | // lib/body-parser.js |
下面是主程序代码。
1 | // app.js |
现在就完成和body-parser中间件类似的功能了，req.body上面有请求过来的post数据。
++ + + + ++ + + + + +
之前文章里面介绍了如何用原生Node处理数据请求。
现在通过Express框架处理post和get请求。
这个比较简单(不需要使用中间件)直接req.query就能获取到。
1 | // 服务端代码 |
1 | // 客户端代码 |
用命令提示行运行服务器，打开刚才写好的网页输入内容提交表单。
就可以获取到一个json对象如 { user: ‘123’, pass: ‘abc’ } 方便操作。
处理post请求需要用到body-parser这个中间件。
这个中间件可以解析JSON、Raw、文本、URL-encoded格式的请求体。
先安装中间件
1 | npm install body-parser |
在项目中引用body-parser中间件。
1 | // 服务端代码 |
1 | // 客户端代码 |
用命令提示行运行服务器，打开刚才写好的网页输入内容提交表单。
就可以获取到一个json对象如 { user: ‘lanpangzhi’, pass: ‘123456’ } 方便操作。
这样我们就通过Express获取到get和post提交过来的数据了。
urlencoded() 方法配置参数 (options)
body-parser里面还有另外几个方法，可以自行去github看下。
+ ++ + + + + ++ + + + http://blog.langpz.com/Express处理数据请求.html + ++ + +
在后台项目中会经常碰见文件上传这个需求，例如用户上传一张头像等。。。今天就用Multer这个中间件来解决文件上传。
第一步先安装Multer到你的项目里。
1 | npm install --save multer |
这里就不用ajax去上传了。
1 | // index.html |
| 值 | 说明 |
|---|---|
| application/x-www-form-urlencoded | 在发送前编码所有字符（默认） |
| multipart/form-data | 不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。 |
| text/plain | 空格转换为 “+” 加号，但不对特殊字符编码。 |
1 | // app.js |
在cmd执行 node app.js 打开index.html 选择文件上传，服务端就可以成功接收文件了。
multer 还有一些别的方法和参数，可自行去github查看。
+ ++ + + + + ++ + + + http://blog.langpz.com/Express文件上传.html + ++ + +
HTTP协议是无状态的，所以要通过一些机制来记录用户的信息。cookie是存在浏览器端的，session是存在服务器端。
cookie存在浏览器端，每次请求都会带上。
缺点：不安全(用户可以随便串改)，大小（4k）。
session只存在服务器端。
优点：容量不限，比较安全（用户接触不到）。
session实现是基于cookie的。
风险：session_id 被泄露漏 session劫持。
提醒用户不在在控制台输入(console)输入代码。
session_id 足够复杂，定期更换。
先安装cookie-parser。
1 | npm install cookie-parser -S |
1 | // app.js |
在cmd执行 node app.js 浏览器输入http://localhost:8000/ 第一次控制台输出{}，再刷新就输出{user: ‘lanpangzhi’ }。
现在就能获取和设置cookie了，但是有个问题，浏览器执行document.cookie = “user=aaa”,浏览器再刷新控制台就会输出{user: ‘aaa’ }。
这样使用cookie不安全，敏感信息容易被篡改，所以要使用带签名的cookie。
带签名的cookie
1 | // app.js |
再执行，就会发现浏览器cookie的值变成了s%3Alanpangzhi.i6hEUuhD%2Fd0miBMsGyRdktiDFmi%2BYfiJhQTcqKpQqIc ，再修改cookie的值，控制台就会输出{ user: false }，这样cookie就不会被简单的篡改了。
req.cookies 获取cookie。
res.cookie(name, value [, options]);
name: cookie的名称(string)。
value: cookie的值，(string or object)。
options：options参数是一个可以具有以下属性的对象。
| 值 | 类型 | 说明 |
|---|---|---|
| domain | String | cookie的域名。 默认为网站的域名。 |
| encode | Function | 用于cookie值编码的同步函数。 默认为encodeURIComponent。 |
| expires | Date | cookie的有效期（如果未指定或设置为0），则创建会话cookie。 |
| httpOnly | Boolean | 将cookie标记为仅可由Web服务器访问。默认false |
| maxAge | Number | 设置cookie的到期时间、相对于当前时间的到期时间（以毫秒为单位）。 |
| path | String | cookie的路径。 默认为“/” |
| secure | Boolean | 将cookie标记为仅与HTTPS一起使用。默认false |
| signed | Boolean | 对cookie进行签名。默认false |
先安装cookie-session。
1 | npm install cookie-session -S |
1 | // app.js |
在cmd执行 node app.js 浏览器输入http://localhost:8000/ 刷新浏览器就可以看到访问几次，把所有浏览器都关闭session就失效了，再进入页面就从第一次开始了。
更多方法还有详细参数可以去github自行参考。
http://expressjs.com/en/4x/api.html
https://github.com/expressjs/cookie-parser
https://github.com/expressjs/cookie-session
+ + + + ++ + + + + +
之前在Express入坑里面简单讲了下路由的用法，现在就讲下如果再项目中怎么配置路由。
一个网站下面可能有很多地址例如:
www.langpz.com/aaa
user/
www.langpz.com/user/aaa
www.langpz.com/user/bbb
www.langpz.com/user/ccc
vip/
www.langpz.com/vip/aaa
www.langpz.com/vip/bbb
www.langpz.com/vip/ccc
等等。。。
咱们可以拆分成vip和user两个目录目录下再放子路由。
先安装express 然后在项目根目录建一个app.js和routers文件夹，routers文件夹里面再建一个index.js文件和vip、user两个目录，两个目录下面分别建立index.js文件。
1 | // app.js |
1 | // routers/index.js |
1 | // routers/vip/index.js |
1 | // routers/user/index.js |
然后执行 node app.js 再浏览器输入http://localhost:8000/user/aaa、http://localhost:8000/vip/aaa，就可以来回切换路由了，如果新增了一个路由模块就在routers文件夹下，再新建文件夹划分路由，这样路由文件比较清晰，后期维护起来也方便。
++ ++ + + + + ++ + + + http://blog.langpz.com/Express路由.html + ++ + +
经常会碰见拉取远端的分支到本地，步骤和命令经常记不住所以只好做个笔记。
首先你得先查看你是否和远端的仓库建立连接。
1 | git remote -v |
如果没有的话那就自行添加一下
1 | git remote add origin xxxx(你远程分支的git仓库地址) |
如果每天要提交代码 ，可以绕过上面这一步，直接切换分支
1 | git checkout -b Q3 origin/Q3 |
这个时候操作失败提示如下：
可以执行 git branch -r 来检查本地是否有Q3远程分支。
拉取远程分支到本地并切换分支。
1 | git fetch origin Q3 |
拉取远程分支到本地
1 | git pull origin Q3 |
https://curder.gitbooks.io/blog/git/remote_repository_pull.html
++ ++ + + + + ++ + + + http://blog.langpz.com/Git拉取远程分支到本地.html + ++ + +
在工作中会碰见这个功能不要了，回退到上一个版本、或者merge错分支，下面简单记录下如何解决这些问题。
1 | git log |
git log 查看之前提交的commit版本号，然后执行回退。
1 | git reflog |
git reflog 查看之前执行命令版本号，然后执行回退。
还有一种场景， 比如有三个commit，保留1和3，2舍去这个时候就要用到 cherry-pick
1 | git reflog |
git reflog 找到commit 1和3的版本号 回退到第一个版本，然后再执行cherry-pick把3的修改合并到1里，如果有冲突就解决冲突。
1 | git reset --hard 版本号 |
先回退版本，然后强制推送到远端仓库。
++ ++ + + + + ++ + + + http://blog.langpz.com/Git版本回退.html + ++ + +
大多数 Git 服务器都会选择使用 SSH 公钥来进行授权。系统中的每个用户都必须提供一个公钥用于授权，没有的话就要生成一个。生成公钥的过程在所有操作系统上都差不多。 首先先确认一下是否已经有一个公钥了。SSH 公钥默认储存在账户的主目录下的 ~/.ssh 目录。
1 | cd ~/.ssh |
或者 C:\Users\Administrator.ssh 访问这个目录。
看有没有用 something 和 something.pub 来命名的一对文件，这个 something 通常就是 id_dsa 或 id_rsa。有 .pub 后缀的文件就是公钥，另一个文件则是密钥。如果有公钥直接打开 id_rsa.pub 文件添加到GitHub和coding的SSH公钥里面，建议coding有效期选永久。
执行下面的命令。
1 | ssh-keygen |
它先要求你确认保存公钥的位置（.ssh/id_rsa），然后它会让你重复一个密码两次，如果不想在使用公钥的时候输入密码，可以留空。
直接回车就行。
然后去C:\Users\Administrator.ssh目录 找到id_rsa.pub 文件就是生成好的公钥，添加到GitHub和coding。
公钥的大概样子，全部复制。
1 | ssh-rsa AAAAB3NzaC1yc2EAAAABIwAAAQEAklOUpkDHrfHY17SbrmTIpNLTGK9Tjom/BWDSU |
测试GitHub。
1 | ssh git@github.com |
现在就添加成功了。
测试Coding
1 | ssh -T git@git.coding.net |
+ ++ + + + + ++ + + + http://blog.langpz.com/Git生成SSH公钥.html + ++ + +
+
+
+
+
+
+
+
+
+
+我们如果是通过git clone https://xxx 下载的项目每次Push的时候需要输入用户名和密码，其实Git可以通过配置实现免密码提交。
+在Git Bash 里面输入命令。
1 | git config --global credential.helper store |
然后再提交输入用户名和密码提交完成后，用户名和密码就被保存了，下次再提交就不用再输入了。
++ ++ + + + + ++ + + + http://blog.langpz.com/Git配置https免用户名和密码提交.html + ++ + +
起因Swiftype现在收费了，也没有免费版本。Local Search搜索体验不好，微搜索Next官网上描述太少！所以选择Algolia。
注：Algolia搜索在版本 5.1.0 中引入，要使用此功能请确保所使用的 NexT 版本在此之后
Algolia 登陆页面https://www.algolia.com/users/sign_in，可以使用 GitHub 或者 Google 账户直接登录，也可以注册一个新账户。我直接用谷歌账户登陆了，注册后的 14 天内拥有所有功能（包括收费类别的）。之后若未续费会自动降级为免费账户，免费账户 总共有 10,000 条记录，每月有 100,000 的可以操作数。
Index 创建完成后，此时这个 Index 里未包含任何数据。 接下来需要安装 Hexo Algolia 扩展， 这个扩展的功能是搜集站点的内容并通过 API 发送给 Algolia。前往站点根目录，执行命令安装：
1 | npm install hexo-algolia --save # 目前最新版本是1.2.4，下面的操作都是基于这个版本的文档 |
前往站点根目录打开_config.yml添加以下代码
1 | # Algolia Search API Key |
选中后保存。
1 | export(windows 为 set) (Powershell 用 $env:) HEXO_ALGOLIA_INDEXING_KEY=你的Search-Only API key |
更改Next主题配置文件，找到 Algolia Search 配置部分：
1 |
|
将 enable 改为 true 即可，根据需要你可以调整 labels 中的文本。这个是我修改的文本。
原因：Algolia Search API Key indexName 错了
解决方案：看下之前新建index的名字
原因：没有修改Algolia搜索ACL（访问控制列表）
解决方案： 按1.4操作勾选上就可以
原因：遮罩的z-index值太高，我的next主题是5.1.3版本可能其他版本没有这个BUG
解决方案： 找到\themes\next\source\css_common\components\third-party 下面的algolia-search.styl 文件 第8行追加
1 | +mobile() |
http://theme-next.iissnan.com/third-party-services.html#algolia-search
https://github.com/oncletom/hexo-algolia
+ ++ + + + + ++ + + + http://blog.langpz.com/Hexo-Next集成Algolia搜索.html + ++ + +
最近coding的Pages 服务一直不稳定，这两天访问还出现404，重新部署也无法解决。国内访问GitHub Pages 不是很快，而且百度SEO也爬不到。码云自定义域名收费，只好迁移到腾讯云COS上了。
https://console.cloud.tencent.com/cos5/bucket 首先要创建存储桶。区域看各自情况任选，访问权限必须要选择公有读私有写。
+
+基础设置开启静态网站
索引文档一定要填index.html，错误文档就看自定义的是什么文件了。
域名管理开启自定义加速域名（CDN加速）
填写上自己的域名就可以了。
在域名解析这里添加上刚才配置的自定义加速域名的CNAME地址。
1 | npm install hexo-deployer-cos-enhanced-dev --save |
把之前deploy的配置替换掉
1 | deploy: |
secretId secretKey 包括cdnConfig下面这两个字段都可以不用填写， 直接从环境变量取
type： 是固定死的，只能是 cos。
cdnUrl： 是你的对象存储绑定的CDN域名，没有启用 CDN的话，推荐使用 https://github.com/sdlzhd/hexo-deployer-cos
bucket 和 region： 在腾讯云的对象存储中，新建或找到你的 bucket，然后找到 默认域名 信息，会看到一个类似这样的域名: blog-1251123456.cos.ap-shanghai.myqcloud.com，第一个点前面的 blog-1251123456 就是 bucket 名称，第二个点和第三个点之间的 ap-shanghai，就是你的 COS 所在地域，填写到 region 中。
secretId 和 secretKey：在 COS控制台中，找到左侧的密钥管理，点进去，按照提示添加子账号，并设置秘钥。同时要给子账号赋予 COS相关的权限，还有CDN刷新的权限。不会配置的可以参考 官方示例
1 | hexo d |
直接就发布到腾讯云COS上了，访问速度相当快，对SEO也好。
我的博客使用Travis CI，而且备份也是在GitHub公开仓库， secretId secretKey 这两个字段我只能写到Travis CI环境变量里面。
1 | script |
只需要在.travis.yml 文件 script 下面加 hexo d 全局变量增加SecretId和SecretKey 这两个变量。
+ + + + ++ + + + + +
搭完博客，发现只有公司电脑上有源文件，如果回家就没发继续更新博客了。也不能拿着U盘到处拷贝。所以就把博客源文件放到github上解决同步问题。
在博客根目录执行
1 | git init |
这就成功了，github上已经有博客的源文件了。
推荐把hexo设置为默认分支。
因为之前是直接把第三方主题克隆到博客目录，有什么改动是无法推送到作者Git仓库的，这个时候需要把第三方主题的项目Fork到自己仓库，自己账号下生成一个同名的仓库，并对应一个url，我们应该git clone自己账号下仓库的url。
执行如下操作。
1 | git submodule add git@github.com:lanpangzhi/hexo-theme-next.git themes/next |
把自己仓库下面第三方主题添加到Git子模块， 注 : themes/next 这里的目录是因为我用的next主题才会写themes/next 如果你用的不是next请把next替换成你的第三方主题文件夹名字。
博客的根目录会多一个.gitmodules文件,这是一个配置文件，保存了项目 URL 和你拉取到的本地子目录。
这就添加成功了，然后执行如下操作。
1 | git add . # 所有变化提交到暂存区 |
电脑上一定要先node和git，执行如下操作。
1 | npm install hexo-cli -g # 先安装hexo的脚手架 |
剩下的就自行操作了。博客已经完成了同步。
注：每次写完文章部署网站后，记得再执行如下操作。
1 | git add . # 所有变化提交到暂存区 |
在博客根目录执行如下操作。
1 | git submodule init # 初始化本地配置文件 |
如果第三方主题有修改的，修改完成后在第三方主题目录执行。
1 | git add . # 所有变化提交到暂存区 |
这样就会把修改的主题推送到自己的仓库。
这样就实现多端同步了。
http://devtian.me/2015/03/17/blog-sync-solution
https://git-scm.com/book/zh/v1/Git-%E5%B7%A5%E5%85%B7-%E5%AD%90%E6%A8%A1%E5%9D%97
+ ++ + + + + ++ + + + http://blog.langpz.com/Hexo博客多端同步问题.html + ++ + +
事件委托是JavaScript中常用的一种事件处理方式，也称为事件代理。它可以让我们在处理多个相似元素事件时，减少重复代码，提高性能和代码可维护性。
事件委托的原理是将事件绑定在元素的祖先元素上，然后通过事件冒泡的机制，把事件传播到目标元素。
1 | <ul id="a"> |
给每个li添加一个click事件，如果数量过多每个LI都会添加事件这样会添加N个事件。
1 | <ul id="aa"> |
通过把事件委托到祖先元素上冒泡机制触发，然后再判断用户是不是点击的是li再执行某些操作。但是这样写会有一个问题，li里面又包了一个span标签再点击li里面的span就不会再执行某些操作。
1 | <ul id="aaa"> |
最终版利用Element.matches()来匹配。
onEvent函数 最后封装好的方法
减少了DOM操作次数，提高了性能。事件委托利用事件冒泡机制，将事件绑定在父元素上，可以在子元素触发事件时进行响应，避免了对每个子元素都绑定事件的开销，减少了DOM操作次数，提高了性能。
动态监听绑定事件，减少代码量。在动态添加子元素时，如果采用传统的事件绑定方式，需要对每个新添加的子元素都进行事件绑定操作，代码量会非常大。而事件委托只需要在父元素上绑定一次事件即可。
事件委托无法处理一些不能冒泡的事件，例如focus、blur等，需要对这些事件进行单独处理。
调试比较复杂，不容易确定监听者。因为所有子元素的事件都被绑定在一个父元素上。
+ ++ + + + + ++ + + + http://blog.langpz.com/JavaScript的事件委托原理.html + ++ + +
Nodemailer是一个用于 Node.js 应用程序的模块，可以轻松发送电子邮件。支持Windows系统，使用要求Node.js v6.0.0或更新版本。
1 | yarn add nodemailer |
这里使用qq邮箱发送邮件，开启SMTP教程
1 | const nodemailer = require('nodemailer'); |
更多使用方法参考文档
+ + + + ++ + + + + +
JavaScript没有模块系统、标准库比较少、没有标准接口、缺乏包管理系统。
所以JavaScript社区提出了commonjs规范来解决这些问题。
一个Node应用由模块组成，每个js文件就是一个独立模块。
npm基于commonjs实现包的管理使我们开发Node.js更方便。
在commonjs规范中，定义了 require() 方法，这个方法接受一个模块的标识。
1 | var math = require('math'); |
模块有自己的作用域。在模块里面定义的变量、函数、类，都是私有的，对其他文件不可见。
上下文中提供了一个 exports 对象可以导出当前模块的方法或者变量，并且它是唯一导出的出口。在模块中，还存在一个 module 对象，它代表当前模块，exports 是 module 的属性。
1 | // math.js |
再新建一个文件就可以用 require()引用这个模块了
1 | // app.js |
模块标识就是传递给 require() 方法的参数，它必须是符合小驼峰命名的规范，或者以 .. 开头的相对路径，或者绝对路径。它可以没有文件后缀名.js。
加载模块后会被缓存,多次加载还是同一个对象。
查看模块缓存 require.cache
查看模块绝对路径 require.resolve(./math.js)
删除模块的缓存 require.cache[require.resolve(./math.js)]
1 | // a.js |
当 main.js 加载 a.js 时，a.js 又加载 b.js。 此时，b.js 会尝试去加载 a.js。 为了防止无限的循环，会返回一个 a.js 的 exports 对象的 未完成的副本 给 b.js 模块。 然后 b.js 完成加载，并将 exports 对象提供给 a.js 模块。
当 main.js 加载这两个模块时，它们都已经完成加载。 因此，该程序的输出会是：
1 | node main.js |
module.children 被该模块引用的模块对象。
module.id 模块的标识符。 通常是完全解析后的文件名。
module.parent 最先引用该模块的模块。
module.paths 模块的搜索路径。
… 更多去官网查询
在Node中，模块分为两类：一类是Node提供的模块，称为核心模块。另外一类是用户编写的模块，称为文件模块。
核心模块定义在 Node.js 源代码的 lib/ 目录下。
require() 总是会优先加载核心模块。 例如，require(‘http’) 始终返回内置的 HTTP 模块，即使有同名文件。
exports是module.exports对象的引用
1 | function require(/* ... */) { |
+ ++ + + + + ++ + + + http://blog.langpz.com/Node模块机制.html + ++ + +
TypeScript（简称 TS）是一种由微软开发的开源编程语言，它是 JavaScript 的超集。这意味着 TypeScript 扩展了 JavaScript，为其添加了额外的功能，最主要的是类型系统。TypeScript 的目标是提供更强大、更安全、更可维护的代码，同时与 JavaScript 保持高度的兼容性。
JavaScript 是一门非常灵活的动态类型语言，但这也意味着在编写大型应用程序时可能会出现一些潜在的问题：
类型错误： 在运行时才能发现的类型错误可能会导致应用程序崩溃或产生不可预测的行为。
代码维护困难： 在大型项目中，难以理解的变量命名和函数签名可能会导致代码难以维护。
缺少工具支持： 缺乏类型信息可能导致开发工具无法提供有用的代码补全、重构和错误检查。
TypeScript 解决了这些问题，通过引入静态类型检查来增加代码的可靠性和可维护性。它使开发人员能够在开发阶段捕获类型错误，提供了更多的代码提示和智能感知，并提高了代码的可读性。
静态类型检查： TypeScript 允许开发人员在编写代码时指定变量、参数和返回值的类型。这样，在编译时就可以检测到类型错误，而不是在运行时出现错误。
强大的工具支持： TypeScript 受益于强大的开发工具，如编辑器（如VSCode、WebStorm）和构建工具（如Webpack）。这些工具提供了智能感知、代码补全、重构和错误检查等功能。
增强的可读性： TypeScript 代码通常更具可读性，因为类型信息使得代码的意图更加明确。这有助于团队合作和代码维护。
渐进式采用： 你可以将 TypeScript 逐步引入项目中，而不需要从头开始重写代码。它兼容现有的 JavaScript 代码，并允许你逐渐添加类型注解。
社区支持： TypeScript 有一个庞大的社区，提供了丰富的文档、库和工具，以帮助你更好地使用它。
全局安装typescript对TS进行编译
1 | npm install typescript -g |
1 | tsc # 可以将ts文件编译成js文件 |
初始化项目并安装依赖
1 | npm init |
初始化TS配置文件
1 | npx tsc --init |
修改tsconfig.json文件module: “module”: “ESNext”
rollup配置文件
1 | // rollup.config.js |
创建 /public/index.html 和 src/main.ts文件
1 | // /public/index.html |
1 | let a:string = '123' |
package.json配置
1 | "scripts": { |
我们可以通过npm run dev启动服务来使用typescript。
++ ++ + + + + ++ + + + http://blog.langpz.com/TypeScript简介.html + ++ + +
我们在写js的时候需要调试打开浏览器按F12（开发者工具）就可以打断点去看程序写得对不对。但是在node.js里面就没有办法了，因为是在命令行执行的没法打断点一个个console的话效率太低，所以这个时候就需要VSCode来辅助我们开发node.js。
https://code.visualstudio.com/下载对应系统的安装包
打开VSCode新建一个文件夹hello，在里面再新建一个app.js
app.js的代码
1 | for (let index = 0; index < 5; index++) { |
再点调试，快捷键（Ctrl+Shift+D）,添加配置选择Node.js。
注： “program”: “${workspaceFolder}/app.js” /app.js 可以是任何名字，但是一定要是你入口文件。
开始打断点。
操作和浏览器调试类似。
+ ++ + + + + ++ + + + http://blog.langpz.com/VSCode-配置Node调试环境.html + ++ + +
MongoDB是一种面向文档的数据库管理系统，由C++撰写而成，以此来解决应用程序开发社区中的大量现实问题。
和关系型数据库比较，面向文档的数据库不再有“行”（row）的概念，取而代之的是更为灵活的“文档”（document）模型。通过再文档中嵌入文档和数组，面向文档的方法能够仅使用一条记录来表现复杂的层次关系。
另外，不再有预定义模式，文档的键（key）和值（value）不再是固定的类型和大小。由于没有固定的模式，根据需要添加或删除字段变得更容易。可以进行快速迭代，所以开发进程得到加快。
文档是MongoDB中数据的基本单元，非常类似于关系型数据库管理系统中的行。
集合(collection)可以看作是一个拥有动态模式(dynamic schema)的表。
MongoDB的一个实例可以拥有多个相互独立的数据库(database)，每一个数据库都拥有自己的集合。
每一个文档都有一个特殊的键“_id”，这个键在文档所属的集合中是唯一的。
命令提示符（cmd）执行，具体路径需要看安装的版本，我的是3.6版本。
1 | cd C:\Program Files\MongoDB\Server\3.6\bin |
控制台会输出一些东西，没有报错MongoDB就启动了。
这样启动比较麻烦，每次都要启动，所以可以把它注册成windows 的服务
1 | // 使用管理员权限运行 |
1 | services.msc // 查看服务 |
删除服务
1 | mongod --remove --serviceName MongoDB // MongoDB是服务名 |
MongoDB 还可以通过配置文件启动
可以去官网查看https://docs.mongodb.com/manual/reference/configuration-options/
在打开一个命令提示符（cmd）之前运行的MongoDB那个不要关闭，因为没有注册成windows的服务，关闭就找不到数据库了。
1 | cd C:\Program Files\MongoDB\Server\3.6\bin |
这样就链接上数据库了，当然还会输出一大堆东西。
我们先创建一个数据库，再刚才连接MongoDB的cmd执行
1 | use test02 |
创建一个test02的数据库并切换过去。
db变量指向当前数据库。
向集合里插入文档，之前也讲了MongoDB没有预定义模式，所以不用新建表和表结构了。
insert方法 把一条文档保存到集合里。
1 | db.user_table.insert({"name", "lanpangzhi", "age": 18}) |
查看集合里面的文档。
find和findOne方法可以用于查询集合里的文档。只想查看一个文件，可以用findOne
1 | db.user_table.find() |
find和findOne还可以接受一个查询文档作为限定条件。
1 | db.user_table.find({"name": "lanpangzhi"}) |
更新集合里面的文档
update方法接受（至少）两个参数：第一个是限定条件（用于匹配待更新的文档），第二个是新的文档。
1 | db.user_table.update({name: lanpangzhi},{"name": "lanpangzhi", "age": 18, "sex": 1}); |
删除集合里面的文档
remove方法可将数据库的集合永久删除，如果不加参数默认把集合里面所有的文档删除。它可以接受一个限定条件的文档作为参数。
1 | db.user_table.remove({"name": "aaa"}) |
+ ++ + + + + ++ + + + http://blog.langpz.com/Windows下安装MongoDB.html + ++ + +
MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，目前属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件。
打开安装程序，勾选同意协议，点击下一步(Next)
下载地址
可以用它去管理MySQL。新建库，新建表，修改数据删除数据。
库： 文件夹-用来管理，无法存放数据，一个库可以存放很多张表。
表： 文件-存放数据用的。
列: 一列(数据元素) 包含了相同的数据, 例如用户的数据。
行：一行是一组相关的数据，例如一条用户名和密码的数据。
主键：主键是唯一的。一个数据表中只能包含一个主键。你可以使用主键来查询数据。
外键：外键用于关联两个表。
| 数据类型 | 说明 |
|---|---|
| INT | 整数 |
| FLOAT | 浮点数 |
| DATE | 日期值 |
| DATETIME | 混合日期和时间值 |
| TIME | 时间值或持续时间 |
| VARCHAR | 变长字符串 |
| CHAR | 定长字符串 |
+ ++ + + + + ++ + + + http://blog.langpz.com/Windows下安装MySQL.html + ++ + +
axios配置如下只需要增加 auth 参数即可，auth: {username: 'lanpz',password: '123456789'}。
1 | axios.post('xxx', {x: 1}, auth: {username: 'lanpz',password: '123456789'} , { |
在axios请求拦截器里面自定义下请求头即可。
1 | service.interceptors.request.use(async request => { |
+ + + + ++ + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+