止观

代码分割的意义：在大型项目中，将所有的代码都打包在一起是不现实的，所以我们要将不同功能的代码拆分打包，并且在需要的时候才加载。 比如，我们项目的菜单栏有多个子项，我们想在访...

一、优化构建日志 当我们在打包项目时，默认控制台会打印出来很多的日志信息，非常详细，但是其实我们并不需要获得到所有的日志信息，我们想突出重要的信息，比如错误、警告等，web...

正常的页面渲染是，开始接收html文件，但是还没有渲染时，先创建一个白屏，html边加载边渲染，加载成功后请求数据，然后将请求的数据渲染到页面上。这是浏览器端渲染的过程。 ...

冒烟测试的作用是在版本发布的时候，检测项目是否可用，基本功能是否有问题。 比如构建是否成功，是否有js、css、html文件等。...

一、使用高版本的node和webpack 使用高板本的webpack和node时，构建速度会体哦啊高60%~98% 二、webpack4的优化 v8引擎的优化，for of...

一、JS删除 tree shaking原理： 将未使用的方法在编译阶段进行标记，再uglify阶段擦除，就不会被打包到bundle中。 使用： webpack默认支持的，不...

图片压缩是使用的image-webpack-loader插件进行压缩的。 Imagemin的优点： 有很多定制的选项， 可以对多种格式的图片进行单独的配置。 可以引入更多的...

当使用命令行启动项目时，npm会让命令行进入node_modules下的.bin文件，在该文件中查找webpack.sh或者webpack.cmd文件，如果找到就执行， 如...

wewebpack-cli要做的事情： 使用yargs获取到命令行的参数，并对参数进行转换，生产编译的配置项。 引用webpack，根据配置项进行编译和构建。 webpac...

开源免费版的nginx：nginx.org 商业版的nginx plus：nginx.com 商业版的nginx plus是整合第三方模块、运营监控、技术支持上有很大的优势...

一、目录介绍 nginx下载解压完之后，nginx的目录文件如下图： auto文件：该文件的作用是配合configure文件，确认哪些模块可以让nginx使用，nginx可...

nginx的组成有4部分： nginx的可执行文件 有各个nginx源代码模块编译出来的一个文件。 Nginx.conf配置文件 nginx的行为配置文件。 access....

nginx例子： nginx的配置语法有： 配置文件由指令和指令块组成，比如上面例子中的http、location等。 每条指令都是以;结尾，指令和参数之间都是以空格分割，...

一、nginx命令行 格式：nginx -s reload 帮助：-h， 比如nginx -h 使用指定的配置文件：-c 指定配置指令：-g 指定运行目录：-p 发送信号：...

一、访问路径 在nginx项目编译好了之后，nginx.config文件的location配置中，有一行： 这里的root是设定请求的访问路径的，当访问http://loc...

一、mac电脑启动两个nginx服务 下载nginx包在downloads文件中，使用cp命令将该包复制两份到nginx目录下（自己建的一个目录， 方便存储所有的nginx...

GoAccess使用websocket来实时的监控access.log日志，并以图形化的方式展示。 1...

一、TLS和SSL的关系 SSL（Secure Sockets Layer）是在1995年由网景公司推出的，SSL3.0得到了快速的发展，网景公司将SSL协议提交给RETF...

一、TLS要做的事情 TLS在通讯过程中要做的事情时以下几点： 验证身份 达成安全套件共识 传递密钥 加密通讯 二、具体的加密过程 加密过程： 第一步（Client Hel...

当更改nginx.conf文件之后，我们都需要使用./sbin/nginx -s reload重载配置文件，这个命令能够使nginx在不停止服务的情况下，将旧的nginx....