process.env 介绍process（进程）对象是一个 global （全局变量），提供有关信息，控制当前 Node.js 进程。作为一个对象，它对于 Node.js 应用程序始终是可用的，无需使用 require()。process.env 属性会返回包含用户环境的对象。文档：http://nodejs.cn/api/process.html#process_process_env很明显的一个使用场景，依靠这个我们就可以给服务器上打上一个标签。这样的话，我们就能根据不同的环境，做一些配置上的处理。如何配置环境变量Windows临时配置直接在cmd环境配置即可，查看环境变量，添加环境变量
负载均衡的一般概念负载均衡是高可用网络基础架构的关键组件，通常用于将工作负载分布到多个服务器来提高网站、应用、数据库或其他服务的性能和可靠性。一个没有负载均衡的 web 架构类似下面这样：在这里用户是直连到 web 服务器，如果这个服务器宕机了，那么用户自然也就没办法访问了。另外，如果同时有很多用户试图访问服务器，超过了其能处理的极限，就会出现加载速度缓慢或根本无法连接的情况。而通过在后端引入一个负载均衡器和至少一个额外的 web 服务器，可以缓解这个故障。通常情况下，所有的后端服务器会保证提供相同的内容，以便用户无论哪个服务器响应，都能收到一致的内容。从图里可以看到，用户访问负载均衡器，再由
PM2 配置文件： 生态系统文件 ecosystem.config.js当在多个服务器上部署或使用多个CLI参数时，使用生态系统文件来替代命令行启动应用，将会更加方便。生态系统文件的目的是收集应用所有的配置选项和环境变量。创建一个 ecosystem.config.js：pm2 init
这个命令会生成：module.exports = {
apps: [{
script: 'index.js',
watch: '.'
}, {
script: './service-worker/',
watch: ['./service-worker']
}],
pm2 的日志模块默认是每一个服务进程都分配两个默认的日志文件，普通日志和错误日志。这两个日志文件存放于/root/.pm2/logs中，如果pm2管理5个服务，那么该文件夹下总共有10个日志文件，并且随着时间不断增加，很容易就会产生很多个上g的日志文件，导致了服务器的磁盘空间不足的问题清理日志在 pm2 运行时，如果手动删除日志文件，那么后续的日志不会被写入，需要重启pm2的进程。使用 pm2 flush 可以清理日志不需要重启。查看实时日志pm2 logs
# only app logs
pm2 logs app
日志文件配置可以自定义日志文件位置：module.exports =
简介：一个轻量级的参数验证工具，国人开发，非常符合我的口味。安装：npm install parameter --save
使用方法：constructor([options]) - new Class Parameter instanceoptions.translate - translate functionoptions.validateRoot - config whether to validate the passed in value must be a object, default to false.options.convert - convert primitive
简介触发器（Emitter）类型的对象会触发命名事件来调用函数（又称监听器，Listener）。所有能触发事件的对象都是 EventEmitter 类的实例。 这些对象有一个 eventEmitter.on() 函数，用于将一个或多个函数绑定到命名事件上。 事件的命名通常是驼峰式的字符串。当 EventEmitter 对象触发一个事件时，所有绑定在该事件上的函数都会被同步地调用。 被调用的监听器返回的任何值都将会被忽略并丢弃。例子，一个简单的 EventEmitter 实例，绑定了一个监听器。 eventEmitter.on() 用于注册监听器， eventEmitter.emit() 用于触
本文为我的学习笔记，适合有 Vue.js 2.0 基础的人阅读。1，下载基础设置克隆Vue-next-Webpack-preview项目，它将为我们提供包括Vue 3在内的最小的Webpack设置。$ git clone https://github.com/vuejs/vue-next-webpack-preview.git vue3-experiment
$ cd vue3-experiment
$ npm install
2，添加sass 支持npm install --save-dev style-loader node-sass sass-loader
在webpack.co
瀑布流布局是种常见的布局方式，常用于图片相关的样式展示，通过CSS3的多列（Multi-column）属性，可以简单的实现类似效果。具体步骤：1.设置外部容器多列列数（column-count）和列间距（column-gap）2.设置内容条目的break-inside属性为avoid，使条目总体不被打断。 div class="container" //最外层容器
div class="item" //条目
div class="item__content" //条目内容
img src=''
/div
/div
寻找轻量级的验证器，可以看下 https://github.com/node-modules/parameterhttps://javascript.net.cn/article?id=732安装npm install @hapi/joi --savenpm install joi --save
用法示例const Joi = require('@hapi/joi');
const schema = Joi.object({
username: Joi.string()
.alphanum()
.min(3)
.max(30)
.requir
一，简介我们做一个大项目会把项目分解成很多不不同的模块（Module），通常分为 Controller，Service，Model，Dao 和 Utils。有没有其实都可以，叫不叫这些名字也无妨，你要把Service的内容全写在Controller里也没问题，你要把Utils的工具函数分散在所有需要用的文件也Ok。但是久而久之，一堆人做一件事做的多了，就会形成这些约定俗成的部分，就好比形成了人行道，车行道，形成了红绿灯，当然这些终归还没有加进标准里去，所以你遵不遵守，都靠你自己。所以，项目中是否包含这些模块或者单词，和你的项目结构是否完善一毛钱关系没有。但是当你的项目结构相对完善的时候，你会发
安装npm install -g browser-sync
监控静态网站如果您想要监听.css文件, 您需要使用服务器模式。 BrowserSync 将启动一个小型服务器，并提供一个URL来查看您的网站。// --files 路径是相对于运行该命令的项目（目录）
browser-sync start --server --files "css/*.css"
// 监听css和html文件
browser-sync start --server --files "css/*.css, *.html"
//或者
browser-sync start --server --files "**
counter-reset 主要功能是用来标识计数器的作用域的。它只能作用于选择器上，它的值包括两部分：第一部分为计数器的名字；第二部分为计数器的起始值（默认为0），counter-reset还可以同时声明多个计数器比如：counter-reset: count 0 /*标识计数器count从1开始*/
counter-reset: count2 2 /*标识计数器count2 从3开始*/
counter-reset: count1 0 count3 0 count4 0 /*声明了三个计数器，count1，count2，count3*/
counter-increment 表明计数器
Webpack 4.0 开始，为了应对 Parcel 等的挑战，配置越来越简单，甚至可以“零配置”。一个简单的 Webpack.config.js 配置文件 ：const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
}
};
添加上常用 loader 后的配置文件:const HtmlWebpackPlugin = r
Bundle: Produced from a number of distinct modules, bundles contain the final versions of source files that have already undergone the loading and compilation process.Bundle: bundle通常是由多个不同的模块产生，它是已经加载完毕和被编译后的源代码的最终版本。Bundle Splitting: This process offers one way of optimizing a build, allowing webp
简介：Koa.js 的路由安装：npm i @koa/router
API参考基本用法：const Koa = require('koa');
const Router = require('@koa/router');
const app = new Koa();
const router = new Router();
router.get('/', (ctx, next) = {
// ctx.router available
});
app
.use(router.routes())
.use(router.allowedMethods());
路由
1. 【强制】隶属于用户个人的页面或者功能必须进行权限控制校验。 说明:防止没有做水平权限校验就可随意访问、修改、删除别人的数据，比如查看他人的私信内容。2. 【强制】用户敏感数据禁止直接展示，必须对展示数据进行脱敏。 说明:中国大陆个人手机号码显示为:137****0969，隐藏中间 4 位，防止隐私泄露。3. 【强制】用户输入的SQL参数严格使用参数绑定或者METADATA字段值限定，防止SQL注入， 禁止字符串拼接 SQL 访问数据库。反例:某系统签名大量被恶意修改，即是因为对于危险字符 # --没有进行转义，导致数据库更新时，where 后边的信息被注释掉，对全库进行更新。4. 【强制
诞生50多年之后，函数式编程（functional programming）开始获得越来越多的关注。不仅最古老的函数式语言Lisp重获青春，而且新的函数式语言层出不穷，比如Erlang、clojure、Scala、F#等等。目前最当红的Python、Ruby、Javascript，对函数式编程的支持都很强，就连老牌的面向对象的Java、面向过程的PHP，都忙不迭地加入对匿名函数的支持。越来越多的迹象表明，函数式编程已经不再是学术界的最爱，开始大踏步地在业界投入实用。也许继"面向对象编程"之后，"函数式编程"会成为下一个编程的主流范式（paradigm）。未来的程序员恐怕或多或少都必须懂一点。但
div高度是根据里面内容自适应撑开的，如果没有内容高度则为0；但div里面有内容高度仍是0，多半是因为元素浮动引起，div里面的元素浮动到其它地方，div里实际上没有内容，因而为0；用如下为例： div
a img /a
/div
显示图片后，div高度可能为0，此时可以通过如下3种方式解决掉高度为0：1. 使用overflow属性：为div增加样式：style="overflow:visible"
这样即可撑满div，overflow可以取值：auto 出现滚动条；hidden:超过范围的隐藏（文字会显示不全）2. 增加div清除浮动：在被包含的元素下面，此例中为
(一)建表规约1. 【强制】表达是与否概念的字段，必须使用 is_xxx 的方式命名，数据类型是 unsigned tinyint（ 1 表示是， 0 表示否）。说明： 任何字段如果为非负数，必须是 unsigned。注意： POJO 类中的任何布尔类型的变量，都不要加 is 前缀，所以，需要在 resultMap 设置从 is_xxx 到 Xxx 的映射关系。数据库表示是与否的值，使用 tinyint 类型，坚持 is_xxx 的命名方式是为了明确其取值含义与取值范围。正例： 表达逻辑删除的字段名 is_deleted， 1 表示删除， 0 表示未删除。2. 【强制】表名、字段名必须使用小写
view class="item"
view class="skeleton-image animated-background" /view
view class="skeleton-right"
view class="title animated-background" /view
view class="description animated-background" /view
/view
/view
.item{
width: 700rpx;
height: 100rpx;
margin: 10rpx auto;
di