新功能(md): 新文章
This commit is contained in:
haishan
parent
ef6120fff0
commit
41459c4819
57
docs/bed/go/intro.md
Normal file
57
docs/bed/go/intro.md
Normal file
@ -0,0 +1,57 @@
|
||||
---
|
||||
nav:
|
||||
title: 后端
|
||||
path: /bed
|
||||
group:
|
||||
title: Go
|
||||
order: 1
|
||||
---
|
||||
|
||||
# 快速上手
|
||||
|
||||
## 配置
|
||||
### 1、目录结构
|
||||
|
||||
- ① pkg 打包后的路径
|
||||
- ② src 开发路径
|
||||
- ③ bin 应用程序
|
||||
### 2、两大配置路径
|
||||
|
||||
- gopath: $PATH
|
||||
- goroot: $PATH
|
||||
### 3、查看当前环境配置
|
||||
|
||||
- go env
|
||||
### 4、设置环境变量
|
||||
|
||||
- vim ~/.profile 输入以下：
|
||||
- export GOROOT=/usr/local/go
|
||||
- export PATH=$PATH:GOROOT/bin
|
||||
## 知识点
|
||||
### 常量定义
|
||||
|
||||
- 显式：const identifier type = value
|
||||
- 隐式：const identifier = value（无类型常量）
|
||||
- 特殊常量 iota
|
||||
- 介绍
|
||||
- 每次碰到 const 会被重置为 0，如果没碰到每新增一个常量声明，就会自增 +1
|
||||
- 使用技巧
|
||||
- 跳值使用法：使用 _ , 每一个 _ 能使 iota 的值跳过 1 , 要跳多少就给多少个 _
|
||||
- 插队使用法：在变量声明中再插入一个赋值的变量不会对 iota 自增产生影响
|
||||
- 隐式使用法：如果不声明值，则默认使用最后一个表达式的赋值格式
|
||||
### 并发和并行
|
||||
|
||||
- 并发
|
||||
- 单核上，通过任务的来回切换达到类似同时进行
|
||||
- 并行
|
||||
- 两个任务同时执行
|
||||
### go 包源切换
|
||||
|
||||
```json
|
||||
- vim ~/.bash_profile
|
||||
- 输入：
|
||||
- # 启用 Go Modules 功能
|
||||
- export GO111MODULE=on
|
||||
- # 配置 GOPROXY 环境变量
|
||||
- export GOPROXY=[https://goproxy.io](https://goproxy.io)
|
||||
```
|
||||
243
docs/db/mongodb/intro.md
Normal file
243
docs/db/mongodb/intro.md
Normal file
@ -0,0 +1,243 @@
|
||||
---
|
||||
nav:
|
||||
title: 数据库
|
||||
path: /db
|
||||
group:
|
||||
title: 💊 mongoDB
|
||||
order: 1
|
||||
---
|
||||
|
||||
# 💊 mongoDB
|
||||
|
||||
## mac 安装
|
||||
### 1.1 到官网下载指定版本的安装包
|
||||
[https://www.mongodb.com/try/download/community?jmp=nav](https://www.mongodb.com/try/download/community?jmp=nav)
|
||||
|
||||
|
||||
### 1.2 将安装包放到指定文件夹
|
||||
```javascript
|
||||
open /usr/local
|
||||
```
|
||||
###
|
||||
### 1.3 配置数据库data目录
|
||||
```javascript
|
||||
sudo mkdir -p /data/db
|
||||
```
|
||||
##
|
||||
### 1.4 配置环境变量
|
||||
```javascript
|
||||
# 1. 打开 bash 文件
|
||||
open ~/.bash_profile
|
||||
|
||||
# 2. 在 bash 中写入
|
||||
PATH=$PATH:/usr/local/mongoDB/bin
|
||||
|
||||
# 3. 保存 bash，并触发生效
|
||||
source ~/.bash_profile
|
||||
```
|
||||
##
|
||||
### 1.5 启动 mongodb
|
||||
|
||||
|
||||
```javascript
|
||||
mongod --dbpath /usr/local/mongodb/db
|
||||
|
||||
mongod --dbpath /usr/local/mongodb/db -f /etc/mongod.conf
|
||||
```
|
||||
## centOS安装
|
||||
### 2.1 添加源
|
||||
|
||||
- sudo vi /etc/yum.repos.d/mongodb-org-4.0.repo
|
||||
### 2.2 添加配置信息
|
||||
|
||||
- [mongodb-org-4.0]
|
||||
- name=MongoDB Repository
|
||||
- baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/4.0/x86_64/
|
||||
- gpgcheck=1
|
||||
- enabled=1
|
||||
- gpgkey=https://www.mongodb.org/static/pgp/server-4.0.asc
|
||||
### 2.3 安装
|
||||
|
||||
- sudo yum install -y mongodb-org
|
||||
### 2.4 检验
|
||||
|
||||
- rpm -qa |grep mongodb
|
||||
- rpm -ql mongodb-org-server
|
||||
### 2.4 启动服务
|
||||
|
||||
- 建议加上 --auth 权限验证
|
||||
- service mongod start
|
||||
- systemctl start mongod.service
|
||||
|
||||
|
||||
|
||||
> 通过本地文件启动：mongod -f /usr/local/mongodb/mongodb.conf
|
||||
|
||||
### 2.5 查看端口
|
||||
|
||||
- netstat -natp | grep 27017
|
||||
### 2.6 查看是否成功
|
||||
|
||||
- ps -aux | grep mongod # 查看数据库的进程是否存在
|
||||
### 2.7 开机自启
|
||||
|
||||
- chkconfig mongod on
|
||||
- systemctl enable mongod.service
|
||||
### 2.8 关闭
|
||||
```javascript
|
||||
pkill mongod
|
||||
```
|
||||
## 目录介绍
|
||||
### 配置文件：
|
||||
|
||||
|
||||
/etc/mongod.conf
|
||||
```json
|
||||
port=27017 #端口
|
||||
dbpath=/usr/local/mongodb/db #数据库文件存放目录
|
||||
logpath=/usr/local/mongodb/logs/mongodb.log #日志文件存放路径
|
||||
logappend=true #使用追加的方式写日志
|
||||
fork=true #以守护进程的方式，创建服务器进程
|
||||
maxConns=100 #最大同时连接数
|
||||
journal=true #每次写入会记录一条操作日志
|
||||
bind_ip=0.0.0.0 #可外部访问
|
||||
auth=true #用户认证
|
||||
```
|
||||
###
|
||||
### 数据库保存目录：
|
||||
|
||||
- /usr/local/mongodb/db
|
||||
### 日志目录：
|
||||
|
||||
- /usr/local/mongodb/logs/mongodb.log
|
||||
> 如果需要修改数据目录和日志目录，只需修改 /etc/mongod.conf 中的 storage.dbPath 和 systemLog.path 即可。
|
||||
|
||||
##
|
||||
## 卸载
|
||||
### 4.1 关闭服务
|
||||
```json
|
||||
service mongod stop
|
||||
|
||||
or
|
||||
|
||||
systemctl stop mongod.service
|
||||
|
||||
```
|
||||
### 4.2 删除相关的包
|
||||
```json
|
||||
yum erase $(rpm -qa | grep mongodb-org)
|
||||
```
|
||||
### 4.3 删除目录和文件
|
||||
```json
|
||||
rm -r /var/log/mongodbrm -r /var/lib/mongo
|
||||
```
|
||||
### 4.4 彻底卸载
|
||||
```json
|
||||
sudo yum erase $(rpm -qa | grep mongodb-org) # 卸载
|
||||
MongoDB sudo rm -r /var/log/mongodb # 删除日志文件
|
||||
sudo rm -r /var/lib/mongo # 删除数据文件
|
||||
```
|
||||
|
||||
|
||||
## 常见命令
|
||||
### 登录
|
||||
```javascript
|
||||
• mongo '数据库名' -u '用户名' -p '密码'
|
||||
```
|
||||
### 重启
|
||||
```javascript
|
||||
sudo service mongod restart
|
||||
```
|
||||
### 查看日志
|
||||
```javascript
|
||||
/var/log/mongo/mongod.log
|
||||
```
|
||||
### 命令行打开
|
||||
```javascript
|
||||
• sudo mongod --port 27017 --dbpath /data/db --bind_ip 0.0.0.0 --auth -f /etc/mongod.conf
|
||||
```
|
||||
###
|
||||
### 用户权限
|
||||
|
||||
|
||||
#### 权限列表
|
||||
|
||||
|
||||
- .1. 数据库用户角色：read、readWrite;
|
||||
- .2. 数据库管理角色：dbAdmin、dbOwner、userAdmin；
|
||||
- .3. 集群管理角色：clusterAdmin、clusterManager、clusterMonitor、hostManager；
|
||||
- .4. 备份恢复角色：backup、restore；
|
||||
- .5. 所有数据库角色：readAnyDatabase、readWriteAnyDatabase、userAdminAnyDatabase、dbAdminAnyDatabase
|
||||
- .6. 超级用户角色：root
|
||||
- // 这里还有几个角色间接或直接提供了系统超级用户的访问（dbOwner 、userAdmin、userAdminAnyDatabase）
|
||||
- .7. 内部角色：__system
|
||||
|
||||
|
||||
|
||||
#### 新增用户
|
||||
```javascript
|
||||
// 切换根数据库
|
||||
use admin
|
||||
// 创建用户
|
||||
db.createUser({user:"h5creator",pwd:"123456mjw",roles:[{role:"dbAdmin",db:"test"}]})
|
||||
// 登录用户
|
||||
db.auth(${name}, ${pwd})
|
||||
```
|
||||
###
|
||||
#### 修改用户权限
|
||||
```javascript
|
||||
db.grantRolesToUser("h5creator",[{role:"readWrite", db:"test"}])
|
||||
```
|
||||
|
||||
|
||||
#### 更新字段
|
||||
```javascript
|
||||
db.collection.update(
|
||||
<query>,
|
||||
<update>,
|
||||
{
|
||||
upsert: <boolean>, // 如果不存在update的记录，是否插入objNew,true为插入，默认是false，不插入。
|
||||
multi: <boolean>, // 默认是false,只更新找到的第一条记录，如果这个参数为true,就把按条件查出来多条记录全部更新
|
||||
writeConcern: <document> // 抛出异常的级别
|
||||
}
|
||||
)
|
||||
|
||||
// 删除一个 key 字段
|
||||
db.collection.update({},{"$unset":{"key":""}},{multi:true})
|
||||
|
||||
// 新增一个 type 字段
|
||||
db.getCollection('article').update({}, {$set: {type:NumberInt('1')}}, {multi: true})
|
||||
```
|
||||
|
||||
|
||||
### 开发对外端口
|
||||
#### 方案一
|
||||
```javascript
|
||||
• systemctl status firewalld # 查看防火墙状态
|
||||
• firewall-cmd --zone=public --add-port=27017/tcp --permanent # mongodb默认端口号
|
||||
• firewall-cmd --reload # 重新加载防火墙
|
||||
• firewall-cmd --zone=public --query-port=27017/tcp # 查看端口号是否开放成功，输出yes开放成功，no则失败
|
||||
```
|
||||
#### 方案二
|
||||
```javascript
|
||||
• iptables -A INPUT -p tcp -m state --state NEW -m tcp --dport 27017 -j ACCEPT
|
||||
```
|
||||
## 偶遇问题
|
||||
### 1) Failed to unlink socket file /tmp/mongodb-27017.sock Operation not permitted
|
||||
|
||||
- 解决方案：删除该文件
|
||||
### 2) Unable to lock file: /var/lib/mongo/mongod.lock
|
||||
|
||||
- 解决方案：清空该文件内容
|
||||
### 3) 无法持续运行在后台
|
||||
|
||||
- 解决方案：mongod --fork --dbpath=/usr/local/mongodb/data --logpath=/usr/local/mongodb/logs/mongodb2.log --logappend
|
||||
4. 无法启动 mongodb
|
||||
> 1. 进入 mongod 上一次启动的时候指定的 data 目录 --dbpath=/data/mongodb
|
||||
>
|
||||
删除掉该文件:
|
||||
> rm /data/db/mongo.lock
|
||||
> 2. 修复
|
||||
>
|
||||
./mongod --repair
|
||||
|
||||
44
docs/db/redis/install.md
Normal file
44
docs/db/redis/install.md
Normal file
@ -0,0 +1,44 @@
|
||||
---
|
||||
nav:
|
||||
title: 数据库
|
||||
path: /db
|
||||
group:
|
||||
title: 💊 redis
|
||||
order: 2
|
||||
---
|
||||
|
||||
# 安装与配置
|
||||
|
||||
- redis-cli -h 101.132.156.228 -a r-uf60a44b13666134:'123456Jzx'
|
||||
## 在云服务器 ECS Linux 中安装 rinetd。
|
||||
|
||||
- wget [http://www.boutell.com/rinetd/http/rinetd.tar.gz&&tar](http://www.boutell.com/rinetd/http/rinetd.tar.gz&&tar) -xvf rinetd.tar.gz&&cd rinetd
|
||||
- sed -i 's/65536/65535/g' rinetd.c (修改端口范围)
|
||||
- mkdir /usr/man&&make&&make install
|
||||
- > 注意：rinetd 安装包下载地址不确保下载可用性，您可以自行搜索安装包进行下载使用。
|
||||
## 2.打开配置文件 rinetd.conf。
|
||||
|
||||
- vi /etc/rinetd.conf
|
||||
> 注意：配置文件可能为 /usr/local/etc/redis.conf
|
||||
|
||||
## 3.在配置文件中输入如下内容：
|
||||
|
||||
- 0.0.0.0 6379 Redis 的链接地址 6379
|
||||
- logfile /var/log/rinetd.log
|
||||
- 说明：您可以使用 cat /etc/rinetd.conf命令来检验配置文件是否修改正确。
|
||||
- 
|
||||
-
|
||||
|
||||
## 4.执行如下命令启动 rinetd。
|
||||
|
||||
- rinetd
|
||||
- 注意
|
||||
- 您可以通过 echo rinetd >>/etc/rc.local 将 rinetd 设置为自启动。
|
||||
- 若遇到绑定报错，可以执行 pkill rinetd 结束进程，再执行 rinetd启动进程 rinetd。
|
||||
- rinetd 正常启动后， 执行netstat -anp | grep 6379 确认服务是否正常运行。
|
||||
- 
|
||||
## 5.在本地进行验证测试。
|
||||
|
||||
- 您可以在本地通过 redis-cli 连接 ECS Linux 服务器后进行登录验证，比如安装了 rinetd 的服务器的 IP 是 1.1.1.1，即redis-cli -h 1.1.1.1 -a Redis的实例ID:Redis密码。或者通过 telent 连接 ECS Linux 服务器后进行操作验证。假设 ECS Linux 服务器的 IP 是 1.1.1.1，即 telnet 1.1.1.1 6379。
|
||||
- 连接上 ECS Linux 服务器后，输入连接 Redis 的密码：auth Redis的连接密码。
|
||||
- 进行数据写入及查询验证。
|
||||
128
docs/db/redis/intro.md
Normal file
128
docs/db/redis/intro.md
Normal file
@ -0,0 +1,128 @@
|
||||
---
|
||||
nav:
|
||||
title: 数据库
|
||||
path: /db
|
||||
group:
|
||||
title: 💊 redis
|
||||
order: 1
|
||||
---
|
||||
|
||||
# 环境搭建
|
||||
|
||||
## 下载
|
||||
|
||||
|
||||
[官方网站](https://redis.io/)
|
||||
|
||||
|
||||
## 安装
|
||||
|
||||
|
||||
```javascript
|
||||
解压
|
||||
tar zxvf redis-4.0.8.tar.gz
|
||||
移动文件夹
|
||||
mv redis-4.0.8 /usr/local/
|
||||
打开该文件夹
|
||||
cd /usr/local/redis-4.0.8/
|
||||
编译测试
|
||||
sudo make test
|
||||
编译安装
|
||||
sudo make install
|
||||
```
|
||||
|
||||
|
||||
## 启动
|
||||
|
||||
|
||||
```javascript
|
||||
redis-server
|
||||
```
|
||||
|
||||
|
||||
## 配置
|
||||
|
||||
### 新建目录
|
||||
```
|
||||
sudo mkdir redis-4.0.8/bin
|
||||
sudo mkdir redis-4.0.8/etc
|
||||
sudo mkdir redis-4.0.8/db
|
||||
```
|
||||
|
||||
### 拷贝文件
|
||||
|
||||
```
|
||||
cp src/mkreleasehdr.sh bin
|
||||
cp src/redis-benchmark bin
|
||||
cp src/redis-check-rdb bin
|
||||
cp src/redis-cli bin
|
||||
cp src/redis-server bin
|
||||
```
|
||||
|
||||
## 修改redis.conf
|
||||
|
||||
|
||||
```t
|
||||
#修改为守护模式
|
||||
daemonize yes
|
||||
#设置进程锁文件
|
||||
pidfile /usr/local/redis-3.2.8/redis.pid
|
||||
#端口
|
||||
port 6379
|
||||
#客户端超时时间
|
||||
timeout 300
|
||||
#日志级别
|
||||
loglevel debug
|
||||
#日志文件位置
|
||||
logfile /usr/local/redis-3.2.8/log-redis.log
|
||||
#设置数据库的数量，默认数据库为0，可以使用SELECT <dbid>命令在连接上指定数据库id
|
||||
databases 16
|
||||
##指定在多长时间内，有多少次更新操作，就将数据同步到数据文件，可以多个条件配合
|
||||
#save <seconds> <changes>
|
||||
#Redis默认配置文件中提供了三个条件：
|
||||
save 900 1
|
||||
save 300 10
|
||||
save 60 10000
|
||||
#指定存储至本地数据库时是否压缩数据，默认为yes，Redis采用LZF压缩，如果为了节省CPU时间，
|
||||
#可以关闭该#选项，但会导致数据库文件变的巨大
|
||||
rdbcompression yes
|
||||
#指定本地数据库文件名
|
||||
dbfilename dump.rdb
|
||||
#指定本地数据库路径
|
||||
dir /usr/local/redis-3.2.8/db/
|
||||
#指定是否在每次更新操作后进行日志记录，Redis在默认情况下是异步的把数据写入磁盘，如果不开启，可能
|
||||
#会在断电时导致一段时间内的数据丢失。因为 redis本身同步数据文件是按上面save条件来同步的，所以有
|
||||
#的数据会在一段时间内只存在于内存中
|
||||
appendonly no
|
||||
#指定更新日志条件，共有3个可选值：
|
||||
#no：表示等操作系统进行数据缓存同步到磁盘（快）
|
||||
#always：表示每次更新操作后手动调用fsync()将数据写到磁盘（慢，安全）
|
||||
#everysec：表示每秒同步一次（折衷，默认值）
|
||||
appendfsync everysec
|
||||
```
|
||||
|
||||
|
||||
## 启动服务
|
||||
|
||||
|
||||
### 启动
|
||||
> ./bin/redis-server etc/redis.conf
|
||||
|
||||
### 查看日志
|
||||
> tail -f log-redis.log
|
||||
|
||||
### OK
|
||||
> ./bin/redis-cli
|
||||
|
||||
## 基本命令
|
||||
|
||||
|
||||
### 查看所有数据
|
||||
> keys *
|
||||
|
||||
### 插入键值对
|
||||
> set a b
|
||||
|
||||
### 查看数据
|
||||
> get a
|
||||
|
||||
@ -7,4 +7,94 @@ group:
|
||||
order: 100
|
||||
---
|
||||
|
||||
## 问题合集
|
||||
# 💊 Q&A
|
||||
|
||||
## 通过浏览器打开https后，无法再次打开http链接？
|
||||
|
||||
|
||||
请将下面这串代码删除，删干净一点：
|
||||
```javascript
|
||||
<meta http-equiv ="Content-Security-Policy" content="upgrade-insecure-requests">
|
||||
```
|
||||
|
||||
|
||||
## 阿里云 oss 上传
|
||||
|
||||
|
||||
### 创建bucket
|
||||
|
||||
|
||||
### 设置跨域规则
|
||||
|
||||
|
||||
### 创建 RAM 用户
|
||||
|
||||
|
||||
> 这一步的作用是分担风险，不要直接用主账号去登录
|
||||
|
||||
并给该用户分配调用 STS 服务 AssumeRole 接口的权限，这样待会儿后端就能以该用户的身份给前端分配 STS 凭证了：
|
||||
|
||||
### 创建用户角色
|
||||
该角色即有权限在前端调用 aliyun-oss SDK 上传文件的用户角色，例如我们创建一个只有上传权限的角色，命名为 uploader
|
||||
|
||||
接下来我们需要给该角色分配权限，可以通过创建一条权限策略并分配给角色，该权限策略里面只包含了上传文件、分片上传相关的权限：
|
||||
|
||||
```javascript
|
||||
// 策略内容
|
||||
{
|
||||
"Version": "1",
|
||||
"Statement": [
|
||||
{
|
||||
"Effect": "Allow",
|
||||
"Action": [
|
||||
"oss:PutObject",
|
||||
"oss:InitiateMultipartUpload",
|
||||
"oss:UploadPart",
|
||||
"oss:UploadPartCopy",
|
||||
"oss:CompleteMultipartUpload",
|
||||
"oss:AbortMultipartUpload",
|
||||
"oss:ListMultipartUploads",
|
||||
"oss:ListParts"
|
||||
],
|
||||
"Resource": [
|
||||
"acs:oss:*:*:${bucket}",
|
||||
"acs:oss:*:*:${bucket}/*"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
然后，把该策略赋予 uploader 角色
|
||||
|
||||
|
||||
|
||||
### node 代码实现
|
||||
```javascript
|
||||
const OSS = require('ali-oss');
|
||||
const STS = OSS.STS;
|
||||
|
||||
const sts = new STS({
|
||||
accessKeyId: process.env.ALIYUN_OSS_RULE_ASSUMER_ACCESS_KEY,
|
||||
accessKeySecret: process.env.ALIYUN_OSS_RULE_ASSUMER_ACCESS_KEY_SECRET
|
||||
});
|
||||
|
||||
async function getCredential(req, res, next) {
|
||||
try {
|
||||
const { credentials } = await sts.assumeRole(
|
||||
'acs:ram::1582938330607257:role/uploader', // role arn
|
||||
null, // policy
|
||||
15 * 60, // expiration
|
||||
'web-client' // session name
|
||||
);
|
||||
req.result = credentials;
|
||||
next();
|
||||
} catch (err) {
|
||||
next(err);
|
||||
}
|
||||
}
|
||||
|
||||
```
|
||||
### OSS报错大全
|
||||
|
||||
1. AccessDeniedError: You have no right to access this object because of bucket acl
|
||||
> 看下配置的bucket 策略内容对不对
|
||||
|
||||
@ -4,10 +4,11 @@ nav:
|
||||
path: /fea
|
||||
group:
|
||||
title: 💊 css
|
||||
order: 3
|
||||
order: 2
|
||||
path: /css
|
||||
---
|
||||
|
||||
## 💊 css
|
||||
## 效果案例
|
||||
|
||||
### 小球动画
|
||||
|
||||
|
||||
@ -3,12 +3,12 @@ nav:
|
||||
title: 前端
|
||||
path: /fea
|
||||
group:
|
||||
title: 💊 SASS语法
|
||||
order: 8
|
||||
path: /sass
|
||||
title: 💊 css
|
||||
order: 2
|
||||
path: /css
|
||||
---
|
||||
|
||||
## 💊 SASS语法
|
||||
## SASS语法
|
||||
|
||||
### if 语句
|
||||
|
||||
@ -12,13 +12,15 @@ group:
|
||||
|
||||
### 使用语义化的命名
|
||||
|
||||
```javascript
|
||||
**Bad:**
|
||||
|
||||
```js
|
||||
const yyyymmdstr = moment().format("YYYY/MM/DD");
|
||||
```
|
||||
|
||||
**Good:**
|
||||
|
||||
```javascript
|
||||
```js
|
||||
const currentDate = moment().format("YYYY/MM/DD");
|
||||
```
|
||||
|
||||
|
||||
@ -3,12 +3,12 @@ nav:
|
||||
title: 前端
|
||||
path: /fea
|
||||
group:
|
||||
title: 💊 CI持续集成
|
||||
title: 💊 工具
|
||||
order: 9
|
||||
path: /ci
|
||||
path: /tools
|
||||
---
|
||||
|
||||
# 💊 CI持续集成
|
||||
# CI持续集成
|
||||
|
||||
前后端分离的概念现在已经应用的比较广了，它使我们的工作更加的高效，也提升了后期代码的可维护性，减少人力成本。
|
||||
|
||||
124
docs/fea/tools/lerna.md
Normal file
124
docs/fea/tools/lerna.md
Normal file
@ -0,0 +1,124 @@
|
||||
---
|
||||
nav:
|
||||
title: 前端
|
||||
path: /fea
|
||||
group:
|
||||
title: 💊 工具
|
||||
order: 9
|
||||
path: /tools
|
||||
---
|
||||
|
||||
# lerna
|
||||
|
||||
## 介绍
|
||||
lerna 是一个包管理工具，方便在大型开源项目中不需要手动开启多个仓库
|
||||
|
||||
## 使用方法
|
||||
|
||||
### 安装
|
||||
|
||||
> npm i lerna -g
|
||||
|
||||
### 创建子项目
|
||||
> lerna create {packageName}
|
||||
|
||||
### 添加依赖
|
||||
|
||||
```javascript
|
||||
// 此处用eslint作为案例
|
||||
|
||||
// 所有 package 都装
|
||||
lerna add eslint
|
||||
|
||||
// 只有 package1 安装
|
||||
lerna add eslint --scope=package1
|
||||
|
||||
// 符合 prefix 的包都会安装
|
||||
lerna add esint packages/prefix-*
|
||||
```
|
||||
|
||||
|
||||
> -dev：添加到 devDependencies
|
||||
> --exact：只安装特定版本
|
||||
|
||||
|
||||
|
||||
### 执行 npm script 命令
|
||||
```javascript
|
||||
// 执行所有子项中的 test
|
||||
lerna run test
|
||||
|
||||
// 执行 package1 中的 test
|
||||
lerna run --scope package1 test
|
||||
|
||||
// 只执行除了匹配package-*外项目中的 test
|
||||
lerna run --ignore package-* test
|
||||
|
||||
```
|
||||
|
||||
|
||||
### 查看哪些包需要发布
|
||||
```javascript
|
||||
lerna updated
|
||||
```
|
||||
> - 决定哪一个包需要被publish
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### 发布依赖包
|
||||
```javascript
|
||||
learna publish
|
||||
```
|
||||
> 建议使用 independent 模式，独立对每个依赖包做管理
|
||||
> `--npm-client=cnpm 指定源`
|
||||
|
||||
|
||||
|
||||
## 常见命令
|
||||
| 命令 | 说明 |
|
||||
| :---: | :---: |
|
||||
| lerna bootstrap | 安装依赖 |
|
||||
| lerna clean | 删除各个包下的node_modules |
|
||||
| lerna init | 创建新的lerna库 |
|
||||
| lerna list | 显示package列表 |
|
||||
| lerna changed | 显示自上次relase tag以来有修改的包， 选项通 list |
|
||||
| lerna diff | 显示自上次relase tag以来有修改的包的差异， 执行 git diff |
|
||||
| lerna exec | 在每个包目录下执行任意命令 |
|
||||
| lerna run <commond> | 执行每个包package.json中的脚本命令 |
|
||||
| lerna add | 添加一个包的版本为各个包的依赖 |
|
||||
| lerna import | 引入package |
|
||||
| lerna link | 链接互相引用的库 |
|
||||
| lerna create | 新建package |
|
||||
| lerna publish | 发布 |
|
||||
|
||||
|
||||
## 官方文档
|
||||
[http://www.febeacon.com/lerna-docs-zh-cn/](http://www.febeacon.com/lerna-docs-zh-cn/)
|
||||
|
||||
|
||||
### Q&A
|
||||
#### 1. 发布包提示lerna ERR! ENOREMOTEBRANCH Branch 'master' doesn't exist in remote 'origin'.
|
||||
> git remote -v 查看是否是 origin 指向的分支，推送最新分支
|
||||
> lerna publish
|
||||
|
||||
|
||||
|
||||
#### 2. lerna ERR! E402 You must sign up for private packages
|
||||
在相应包的 package.json 添加
|
||||
|
||||
```js
|
||||
{
|
||||
...
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
#### 使用father打包报错
|
||||
|
||||
如果是使用的 **yarn** 安装的包，改成 **cnpm** 安装，再试一次
|
||||
|
||||
|
||||
@ -3,12 +3,12 @@ nav:
|
||||
title: 前端
|
||||
path: /fea
|
||||
group:
|
||||
title: 💊 SEO
|
||||
order: 7
|
||||
path: /seo
|
||||
title: 💊 工具
|
||||
order: 9
|
||||
path: /tools
|
||||
---
|
||||
|
||||
# 💊 SEO
|
||||
# SEO
|
||||
|
||||
## 介绍
|
||||
|
||||
37
docs/fea/webgl/intro.md
Normal file
37
docs/fea/webgl/intro.md
Normal file
@ -0,0 +1,37 @@
|
||||
---
|
||||
nav:
|
||||
title: 前端
|
||||
path: /fea
|
||||
group:
|
||||
title: 💊 webGL
|
||||
order: 9
|
||||
path: /webGL
|
||||
---
|
||||
|
||||
## 介绍
|
||||
|
||||
### 基本对象
|
||||
|
||||
* 场景：scence
|
||||
* 相机：camera
|
||||
* 相机创建实例图（THREE.PerspectiveCamera(fovy, aspect, zNear, zFar)）：
|
||||
* 渲染器：renderer
|
||||
|
||||
|
||||
### 绘制方法
|
||||
|
||||
* 网孔（Meshes，推荐）
|
||||
* 多边形（Polygons）
|
||||
* 顶点（Vertices）
|
||||
|
||||
### 其它
|
||||
|
||||
* 材料（Materials）
|
||||
* 纹理（Textures）
|
||||
* 光照（Lights）
|
||||
* 变换（Transforms）
|
||||
* 矩阵（Matrices）
|
||||
* 相机（Cameras）
|
||||
* 视角（Perspective）
|
||||
* 视窗（Viewports）
|
||||
* 着色器（shader）
|
||||
215
docs/interview/html.md
Normal file
215
docs/interview/html.md
Normal file
@ -0,0 +1,215 @@
|
||||
---
|
||||
nav:
|
||||
title: 面试
|
||||
path: /interview
|
||||
group:
|
||||
title: 💊 面试题库
|
||||
order: 4
|
||||
---
|
||||
|
||||
# HTML
|
||||
|
||||
## 开发能力模型
|
||||
- 基础开发 - 响应式开发 - 滑屏应用开发 - 动画效果开发 - 游戏开发
|
||||
|
||||
## 基础页面开发
|
||||
### 一、思考流程
|
||||
|
||||
1. 确定设计稿是否开发友好？还原成本？
|
||||
2. 确定特殊元素是否有合理的边界处理（比如文案超出、输入框文案校验）
|
||||
3. 确定页面框架结构：Layout
|
||||
4. 确定整体网页可复用性组件：Site component
|
||||
5. 确定当前页面可复用组件：Page component
|
||||
|
||||
|
||||
|
||||
### 二、编写页面骨骼框架
|
||||
#### 盒模型
|
||||
margin、border、padding、content
|
||||
区分元素宽度和盒子宽度（是否包括margin，在css3样式中可以使用：box-sizing：content-box、border-box）
|
||||
|
||||
|
||||
#### 布局
|
||||
|
||||
1. 普通文档布局（display）
|
||||
2. 浮动布局（float）
|
||||
3. 绝对布局（position）
|
||||
4. 弹性布局（display：flex）
|
||||
5. 网格布局（grad）
|
||||
|
||||
|
||||
|
||||
#### 语义化
|
||||
|
||||
### 三、填充网页血肉内容
|
||||
|
||||
切图可以使用 PS 的「生成 > 图像资源」
|
||||
|
||||
### 四、润色
|
||||
|
||||
使用bem方式命名 class（block、element、modify）
|
||||
|
||||
### 兼容性测试
|
||||
|
||||
1. 页面在各浏览器，不同分辨率下是否能正常展示
|
||||
2. 网页的功能是否能在各个浏览器中使用
|
||||
|
||||
|
||||
|
||||
## 响应式页面
|
||||
### 一、添加 viewport meta 标签
|
||||
#### pageSpeed 准则
|
||||
|
||||
推荐在移动端头文件中，添加如下代码：
|
||||
> <meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
### 二、使用 Media Queries
|
||||
#### 六个参数
|
||||
| 参数名 | 描述 |
|
||||
| --- | --- |
|
||||
| min-width | 当视窗宽度大于或等于指定值时，@media 规则下的样式将被应用 |
|
||||
| max-width | 当视窗宽度小于或等于指定值时，@media 规则下的样式将被应用 |
|
||||
| min-height | 当视窗高度大于或等于指定值时，@media 规则下的样式将被应用 |
|
||||
| max-height | 当视窗高度小于或等于指定值时，@media 规则下的样式将被应用 |
|
||||
| orientation=portrait | 当视窗高度大于或等于宽度时，@media 规则下的样式将被应用 |
|
||||
| orientation=landscape | 当视窗宽度大于高度时，@media 规则下的样式将被应用 |
|
||||
|
||||
#### 2种用法
|
||||
方法一，使用link标签：
|
||||
|
||||
```js
|
||||
<link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css">
|
||||
```
|
||||
|
||||
方法二，直接在style中使用：
|
||||
|
||||
```js
|
||||
@media (max-width: 640px) {
|
||||
/*当视窗宽度小于或等于 640px 时，这里的样式将生效*/
|
||||
}
|
||||
```
|
||||
|
||||
### 三、使用viewport单位以及rem
|
||||
#### 方法一：仅使用vw作为css长度单位
|
||||
|
||||
1. 利用sass函数将设计稿尺寸转换为vw
|
||||
|
||||
```js
|
||||
// iPhone 6尺寸作为设计稿基准
|
||||
$vw_base: 375;
|
||||
@function vw($px) {
|
||||
@return ($px / $vm_base) * 100vw;
|
||||
}
|
||||
```
|
||||
|
||||
2. 无论是文本字号大小还是布局高宽、间距、留白等都使用 vw 作为 CSS 单位
|
||||
|
||||
```js
|
||||
.mod_nav {
|
||||
background-color: #fff;
|
||||
&_list {
|
||||
display: flex;
|
||||
padding: vw(15) vw(10) vw(10); // 内间距
|
||||
&_item {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: vw(10); // 字体大小
|
||||
&_logo {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: vw(40); // 宽度
|
||||
height: vw(40); // 高度
|
||||
img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
&_name {
|
||||
margin-top: vw(2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
3. 物理像素线（1px），采用transform属性scale实现
|
||||
|
||||
```js
|
||||
.mod_grid {
|
||||
position: relative;
|
||||
&::after {
|
||||
// 实现1物理像素的下边框线
|
||||
content: '';
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
background-color: #ddd;
|
||||
height: 1px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
|
||||
-webkit-transform: scaleY(0.5);
|
||||
-webkit-transform-origin: 50% 0%;
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
4. 对于需要保持高宽比的图，使用padding-top实现：
|
||||
|
||||
```js
|
||||
.mod_banner {
|
||||
position: relative;
|
||||
// 使用padding-top 实现宽高比为 100:750 的图片区域
|
||||
padding-top: percentage(100/750);
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
#### 方法二：vw搭配rem，寻找最优解
|
||||
|
||||
1. 给更元素的字体大小设置随着视窗变化而变化的vw单位，这样就可以实现动态改变其大小
|
||||
2. 其它元素的文本字大小、布局高宽、间距、留白使用rem单位
|
||||
3. 限制根元素大小的最大最小值，配合 body 加上最大宽度和最小宽度，实现布局宽度的最大最小限制
|
||||
|
||||
核心代码如下：
|
||||
|
||||
```js
|
||||
// rem 单位换算：定为 75px 只是方便运算，750px-75px、640-64px、1080px-108px，如此类推
|
||||
$vw_fontsize: 75; // iPhone 6尺寸的根元素大小基准值
|
||||
@function rem($px) {
|
||||
@return ($px / $vw_fontsize ) * 1rem;
|
||||
}
|
||||
// 根元素大小使用 vw 单位
|
||||
$vw_design: 750;
|
||||
html {
|
||||
font-size: ($vw_fontsize / ($vw_design / 2)) * 100vw;
|
||||
// 同时，通过Media Queries 限制根元素最大最小值
|
||||
@media screen and (max-width: 320px) {
|
||||
font-size: 64px;
|
||||
}
|
||||
@media screen and (min-width: 540px) {
|
||||
font-size: 108px;
|
||||
}
|
||||
}
|
||||
// body 也增加最大最小宽度限制，避免默认100%宽度的 block 元素跟随 body 而过大过小
|
||||
body {
|
||||
max-width: 540px;
|
||||
min-width: 320px;
|
||||
}
|
||||
```
|
||||
|
||||
## 滑屏应用开发
|
||||
### 善用利器
|
||||
熟练使用现有的滑动组件 swiper 或者其它
|
||||
|
||||
@ -4,7 +4,7 @@ nav:
|
||||
path: /interview
|
||||
group:
|
||||
title: 💊 面试题库
|
||||
order: 2
|
||||
order: 3
|
||||
---
|
||||
|
||||
## JavaScript
|
||||
|
||||
56
docs/tools/docker.md
Normal file
56
docs/tools/docker.md
Normal file
@ -0,0 +1,56 @@
|
||||
---
|
||||
nav:
|
||||
title: 工具
|
||||
path: /tools
|
||||
group:
|
||||
title: 💊 docker
|
||||
order: 4
|
||||
path: /docker
|
||||
---
|
||||
|
||||
# 💊 docker
|
||||
|
||||
## 通过 brew 下载
|
||||
> brew cask install docker
|
||||
|
||||
## 设置国内镜像源
|
||||
> preference -> deamon（建议阿里云镜像源）
|
||||
|
||||
## 测试 docker 是否可用
|
||||
|
||||
> docker run -d -p 80:80 --name webserver nginx
|
||||
|
||||
## 用 nginx 镜像启动一个容器，命名为 webserver
|
||||
停止
|
||||
```
|
||||
docker stop webserver
|
||||
docker rm webserver
|
||||
```
|
||||
进入上面命名后的 webserver 容器:
|
||||
```
|
||||
docker exec -it webserver bash （进入容器）
|
||||
echo 'Hello, Docker!'
|
||||
/usr/share/nginx/html/index.html（修改容器内容）
|
||||
exit（退出容器）
|
||||
commit 复制镜像
|
||||
```
|
||||
|
||||
## 查看镜像近期的改动
|
||||
> docker diff
|
||||
|
||||
## 提交信息
|
||||
```
|
||||
docker commit
|
||||
--author "Tao Wang twang2218@gmail.com"
|
||||
--message "修改了默认网页"
|
||||
webserver
|
||||
nginx:v2
|
||||
```
|
||||
|
||||
## 查看该镜像的提交记录
|
||||
|
||||
> docker history nginx:v2
|
||||
|
||||
## 运行该镜像在81端口
|
||||
|
||||
> docker run --name web2 -d -p 81:80 nginx:v2
|
||||
@ -5,6 +5,7 @@ nav:
|
||||
group:
|
||||
title: 💊 git
|
||||
order: 1
|
||||
path: /git
|
||||
---
|
||||
|
||||
# 💊 git
|
||||
|
||||
34
docs/tools/homebrew.md
Normal file
34
docs/tools/homebrew.md
Normal file
@ -0,0 +1,34 @@
|
||||
---
|
||||
nav:
|
||||
title: 工具
|
||||
path: /tools
|
||||
group:
|
||||
title: 💊 homebrew
|
||||
order: 2
|
||||
path: /homebrew
|
||||
---
|
||||
|
||||
# 💊 homebrew
|
||||
|
||||
## 安装脚本
|
||||
|
||||
苹果电脑标准安装脚本：（推荐 优点全面 缺点慢一点）
|
||||
```
|
||||
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
|
||||
```
|
||||
苹果电脑极速安装脚本：（优点安装速度快 缺点update功能需要命令修复 ）
|
||||
```
|
||||
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" speed
|
||||
```
|
||||
Linux 标准安装脚本：
|
||||
```
|
||||
rm Homebrew.sh ; wget https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh ; bash Homebrew.sh
|
||||
```
|
||||
苹果电脑卸载脚本：
|
||||
```
|
||||
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/HomebrewUninstall.sh)"
|
||||
```
|
||||
Linux卸载脚本：
|
||||
```
|
||||
rm HomebrewUninstall.sh ; wget https://gitee.com/cunkai/HomebrewCN/raw/master/HomebrewUninstall.sh ; bash HomebrewUninstall.sh
|
||||
```
|
||||
97
docs/tools/https.md
Normal file
97
docs/tools/https.md
Normal file
@ -0,0 +1,97 @@
|
||||
---
|
||||
nav:
|
||||
title: 工具
|
||||
path: /tools
|
||||
group:
|
||||
title: 💊 配置https
|
||||
order: 2
|
||||
path: /https
|
||||
---
|
||||
|
||||
|
||||
# 💊 配置https
|
||||
[https://learnku.com/articles/33400](https://learnku.com/articles/33400)
|
||||
|
||||
|
||||
本方法配置https用的是Let’s Encrypt ，系统为centOS
|
||||
|
||||
|
||||
## 方案1
|
||||
|
||||
|
||||
* 一、安装nginx，需要安装ssl，安装过程省略
|
||||
|
||||
* 二、安装certbot
|
||||
|
||||
> sudo yum install python2-certbot-nginx
|
||||
|
||||
* 三、运行
|
||||
> sudo certbot --nginx
|
||||
如果运行失败，出现包不存在，执行如下操作（以下是个巨坑） :
|
||||
```
|
||||
pip uninstall requests
|
||||
pip uninstall urllib3
|
||||
yum remove python-urllib3
|
||||
yum remove python-requests
|
||||
yum install python-urllib3
|
||||
yum install python-requests
|
||||
yum installcertbot
|
||||
yum install docker-compose
|
||||
```
|
||||
启动之后会让你输入邮箱、域名等一些信息，很简单，这里就不多说了。
|
||||
另外，nginx的server_name需要用你配置的域名，不然无法自动配置
|
||||
|
||||
* 四、错误处理（不报错请无视）
|
||||
如果出现这个错误：The error was: NoInstallationError()那就是找不到nginx环境 解决：
|
||||
```
|
||||
ln -s /usr/local/nginx/sbin/nginx /usr/bin/nginx
|
||||
ln -s /usr/local/nginx/conf/ /etc/nginx
|
||||
```
|
||||
|
||||
* 五、定时注册
|
||||
这里需要注意的是https的服务时间为3个月，需要定时注册，执行以下命令即可
|
||||
sudo certbot renew --dry-run
|
||||
|
||||
|
||||
## 方案2
|
||||
## 配置证书
|
||||
我们在 etc/nginx/ 目录下新建 ssl 文件夹来存放证书。把 crt 证书文件和 key 私钥文件上传到这里。然后就可以配置 Nginx 配置文件了。
|
||||
我的配置文件放在 sites-enabled 文件夹里，我们删掉默认的文件新建一个，具体配置内容可以参考腾讯云的操作指导。
|
||||
下面是我的配置文件
|
||||
|
||||
|
||||
```javascript
|
||||
# 配置 http 访问时通过 301 转发到 https 上。
|
||||
server{
|
||||
listen 80;
|
||||
server_name example.com www.example.com;
|
||||
return 301 https://www.example.com$request_uri;
|
||||
}
|
||||
|
||||
# 证书部分内容配置，注意证书路径写对，其他地方照抄就行了
|
||||
server {
|
||||
listen 443 ssl default_server;
|
||||
server_name www.example.com;
|
||||
ssl on;
|
||||
ssl_certificate /etc/nginx/ssl/1_www.example.com_bundle.crt;
|
||||
ssl_certificate_key /etc/nginx/ssl/2_www.example.com.key;
|
||||
ssl_session_timeout 5m;
|
||||
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
|
||||
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
|
||||
ssl_prefer_server_ciphers on;
|
||||
|
||||
location / {
|
||||
proxy_pass http://127.0.0.1:8000;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
# 这一步把 顶级域名转发到 www 二级域名上，有利于 SEO
|
||||
server {
|
||||
listen 443 ssl;
|
||||
server_name example.com;
|
||||
return 301 https://www.example.com$request_uri;
|
||||
|
||||
}
|
||||
```
|
||||
第一个server 配置的是把普通 80 端口访问的 http 协议转发到 https 访问。 第二个server 配置的就是证书路径和一些参数，这个照抄就行了，只要把证书路径写对 第三个server 配置的是把不带 www 的顶级域名转发到带 www 的二级域名，利于 SEO. 比如 example.com 会自动跳转到 www.example.com 。
|
||||
70
docs/tools/jenkins.md
Normal file
70
docs/tools/jenkins.md
Normal file
@ -0,0 +1,70 @@
|
||||
---
|
||||
nav:
|
||||
title: 工具
|
||||
path: /tools
|
||||
group:
|
||||
title: 💊 jenkins
|
||||
order: 9
|
||||
path: /jenkins
|
||||
---
|
||||
|
||||
# 💊 jenkins
|
||||
|
||||
## 安装 java 环境
|
||||
### 查看 jdk 列表
|
||||
|
||||
- yum list java*
|
||||
### 安装jdk
|
||||
|
||||
- yum install java-1.8.0-openjdk-devel.x86_64
|
||||
### 检查是否成功
|
||||
|
||||
- java -version
|
||||
## 安装 Jenkins 包
|
||||
### ① 下载依赖
|
||||
|
||||
- sudo wget -O /etc/yum.repos.d/jenkins.repo [https://pkg.jenkins.io/redhat-stable/jenkins.repo](https://pkg.jenkins.io/redhat-stable/jenkins.repo)
|
||||
### ② 导入密钥
|
||||
|
||||
- sudo rpm --import [https://pkg.jenkins.io/redhat-stable/jenkins.io.key](https://pkg.jenkins.io/redhat-stable/jenkins.io.key)
|
||||
### ③ 开始安装
|
||||
|
||||
- yum install jenkins #等待安装时间较长，约25min
|
||||
### ④ 查看 Jenkins 安装路径
|
||||
|
||||
- rpm -ql jenkins
|
||||
### ⑤ 配置 Jenkins
|
||||
|
||||
- vim /etc/sysconfig/jenkins
|
||||
- 修改为 JENKINS_PORT="6088"
|
||||
### ⑥ 启动Jenkins
|
||||
|
||||
- java -jar /usr/lib/jenkins/jenkins.war --httpPort=8080
|
||||
- nohup java -jar /usr/lib/jenkins/jenkins.war --httpPort=8088 &
|
||||
- 若端口被占用则执行：java -jar /usr/lib/jenkins/jenkins.war --ajp13Port=-1 --httpPort=8899
|
||||
### ⑦ 查看端口
|
||||
|
||||
- netstat -ntlp
|
||||
- netstat -tln | grep 8088
|
||||
- sudo lsof -i:8088
|
||||
### ⑧关闭端口
|
||||
|
||||
- sudo kill -9 8088
|
||||
### ⑨查看磁盘和分区情况
|
||||
|
||||
- df -h
|
||||
## ** 问题解决
|
||||
### 1、No valid crumb was included in the request
|
||||
|
||||
- 在jenkins 的Configure Global Security下 , 取消“防止跨站点请求伪造（Prevent Cross Site Request Forgery exploits）”的勾选。
|
||||
### 2、git 找不到
|
||||
|
||||
- yum install git
|
||||
- whereis git 将路径放在 config tools git 配置里
|
||||
### 3、jenkins 打开项目构建很卡
|
||||
|
||||
- 凭证 - 配置全局凭证：id_rsa
|
||||
### 4、无法使用 node 等工具
|
||||
|
||||
- ① source /etc/profile
|
||||
- ② 安装全局工具插件
|
||||
52
docs/tools/npm.md
Normal file
52
docs/tools/npm.md
Normal file
@ -0,0 +1,52 @@
|
||||
---
|
||||
nav:
|
||||
title: 工具
|
||||
path: /tools
|
||||
group:
|
||||
title: 💊 npm 操作手册
|
||||
order: 2
|
||||
path: /npm
|
||||
---
|
||||
|
||||
# 💊 npm 操作手册
|
||||
|
||||
## 发布npm 包
|
||||
### 一、初始化
|
||||
|
||||
- npm init
|
||||
### 二、登录
|
||||
|
||||
- npm config set registry=http://registry.npmjs.org 切换回官方源
|
||||
- （[http://registry.npm.taobao.org/](http://registry.npm.taobao.org/)如果是淘宝源）
|
||||
### 三、发布
|
||||
|
||||
- npm publish
|
||||
> 发布@开头的包加上 --access public
|
||||
|
||||
### 四、删除包
|
||||
npm unpublish nicecode-tools --force
|
||||
|
||||
|
||||
### 错误大全
|
||||
|
||||
- *报错一： npm ERR! unscoped packages cannot be private : jzx-deom
|
||||
- ·处理：npm publish --access public
|
||||
- *报错二："Jzx-deom" is invalid for new packages : Jzx-deom
|
||||
- ·处理：发布包不允许大写字母
|
||||
- 报错三：You do not have permission to publish "deom". Are you logged in as the correct user? : deom
|
||||
- ·处理：换个包名称，包已存在
|
||||
## 升级babel
|
||||
|
||||
- npx babel-upgrade --write --install
|
||||
|
||||
|
||||
|
||||
## 安装 npm-check
|
||||
|
||||
- $ npm i npm-check -g
|
||||
- 交互式选择所有 umi 相关依赖更新
|
||||
- $ npm-check -u
|
||||
- # 指定 npm 客户端
|
||||
```javascript
|
||||
NPM_CHECK_INSTALLER=cnpm npm-check -u
|
||||
```
|
||||
143
docs/tools/pm2.md
Normal file
143
docs/tools/pm2.md
Normal file
@ -0,0 +1,143 @@
|
||||
---
|
||||
nav:
|
||||
title: 工具
|
||||
path: /tools
|
||||
group:
|
||||
title: 💊 pm2
|
||||
order: 1
|
||||
path: /pm2
|
||||
---
|
||||
|
||||
# 💊 pm2
|
||||
|
||||
## 配置文件说明
|
||||
```javascript
|
||||
{
|
||||
"apps": [{
|
||||
"exec_mode": "cluster", // 应用启动模式，支持fork和cluster模式
|
||||
"instances": 4, // 应用启动实例个数，仅在cluster模式有效 默认为fork；或者 max
|
||||
"script": "./bin/www", // 执行文件
|
||||
"name": "type-node",
|
||||
"cwd": "./", // 根目录
|
||||
"args": "", // 传递给脚本的参数
|
||||
"interpreter": "node", // 指定的脚本解释器
|
||||
"interpreter_args": "", // 传递给解释器的参数
|
||||
"watch": true, // 是否监听文件变动然后重启
|
||||
"ignore_watch": [ // 不用监听的文件
|
||||
"node_modules",
|
||||
"logs"
|
||||
],
|
||||
"max_memory_restart": 8, // 最大内存限制数，超出自动重启
|
||||
"error_file": "./logs/app-err.log", // 错误日志文件
|
||||
"out_file": "./logs/app-out.log", // 正常日志文件
|
||||
"merge_logs": true, // 设置追加日志而不是新建日志
|
||||
"log_date_format": "YYYY-MM-DD HH:mm:ss", // 指定日志文件的时间格式
|
||||
"min_uptime": "60s", // 应用运行少于时间被认为是异常启动
|
||||
"max_restarts": 30, // 最大异常重启次数，即小于min_uptime运行时间重启次数；
|
||||
"autorestart": true, // 默认为true, 发生异常的情况下自动重启
|
||||
"cron_restart": "", // crontab时间格式重启应用，目前只支持cluster模式;
|
||||
"restart_delay": "60s" // 异常重启情况下，延时重启时间
|
||||
"env": {
|
||||
"NODE_ENV": "production", // 环境参数，当前指定为生产环境 process.env.NODE_ENV
|
||||
"REMOTE_ADDR": "爱上大声地" // process.env.REMOTE_ADDR
|
||||
},
|
||||
"env_dev": {
|
||||
"NODE_ENV": "development", // 环境参数，当前指定为开发环境 pm2 start app.js --env_dev
|
||||
"REMOTE_ADDR": ""
|
||||
},
|
||||
"env_test": { // 环境参数，当前指定为测试环境 pm2 start app.js --env_test
|
||||
"NODE_ENV": "test",
|
||||
"REMOTE_ADDR": ""
|
||||
}
|
||||
}]
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
## 通过配置文件启动
|
||||
```javascript
|
||||
pm2 start pm2.json --env production
|
||||
```
|
||||
##
|
||||
|
||||
## 重启
|
||||
```javascript
|
||||
pm2 restart app.js
|
||||
```
|
||||
|
||||
|
||||
## 停止进程
|
||||
```javascript
|
||||
pm2 stop app_name | app_id | all
|
||||
```
|
||||
## 删除进程
|
||||
```javascript
|
||||
pm2 delete app_name | app_id | all
|
||||
```
|
||||
###
|
||||
### 查看进程列表
|
||||
```javascript
|
||||
pm2 list
|
||||
```
|
||||
|
||||
|
||||
## 查看某个进程信息
|
||||
```javascript
|
||||
pm2 descripe app_name | app_id
|
||||
```
|
||||
##
|
||||
|
||||
## 查看进程详情
|
||||
```javascript
|
||||
pm2 show {id, appname}
|
||||
```
|
||||
|
||||
|
||||
## 性能监控
|
||||
```javascript
|
||||
pm2 monit
|
||||
```
|
||||
|
||||
|
||||
## 创建并关闭分组node进程
|
||||
```javascript
|
||||
// 创建
|
||||
pm2 start api.js --namespace chihu
|
||||
pm2 start ssr.js --namespace chihu
|
||||
pm2 start db.js --namespace chihu
|
||||
pm2 start monitor.js --namespace chihu
|
||||
|
||||
// 关闭
|
||||
pm2 stop chihu
|
||||
```
|
||||
|
||||
|
||||
## 运行 npm 命令
|
||||
pm2 start npm --name "webot" -- run build
|
||||
|
||||
- --watch
|
||||
- 监听应用目录的变化，一旦发生变化，自动重启。
|
||||
- -i
|
||||
- 启用多少个实例，可用于负载均衡，如果 -i 0 或者 -i max，则根据当前机器核数确定实例数目。
|
||||
- --ignore-watch
|
||||
- 排除监听的目录或文件，可以是特定的文件名，也可以是正则。
|
||||
- -n
|
||||
- 应用的名称，查看应用信息的时候可以用到。
|
||||
- -o
|
||||
- 标准输出日志文件的路径。
|
||||
- -e
|
||||
- 错误输出日志文件的路径。
|
||||
- --max-memory-restart 100M
|
||||
- 内存超过使用上限自动重启
|
||||
|
||||
|
||||
|
||||
## Q&A
|
||||
### 1. Cannot find module ****ProcessContainerFork.js
|
||||
|
||||
|
||||
```
|
||||
rm -rf ~/.pm2
|
||||
```
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user