完成对Node.js的从了解到熟练的进阶这个Flag设立已久，久到去年就有它了。白露欲霜，隔年的Flag是时候拿出来实现了。躺平or码字，我决定选择后者。
我们给某人发送邮件时，我们在传输之前把自己的文件压缩一下，接收方收到文件后再去解压获取文件。这中操作对于我们来说都已经司空见惯。我们压缩文件的目的就是为了把传输文件的体积减小，加快传输速度。我们在 http 传输中开启 gZip的目的也是如此，但是一般文章介绍 gZip 时候总是结合一些服务端配置(nginx)或者构建工具插件(webpack)来说，列出一大堆配置让人看的云里雾里，以至于到最后还没搞懂 为什么用，怎么用 这些问题。
最近看zlib压缩的API，发现无论从理解还是使用上都比较陌生，所以挑了一些看着感兴趣的API进行进一步的摸索。
解决这类问题的方案之一，就是将项目包装为桌面客户端，就像双击 Excel 那样，就可以进入项目。
原文：https://medium.com/intrinsic/why-should-i-use-a-reverse-proxy-if-node-js-is-production-ready-5a079408b2ca
相信有很多公司，用习惯老式的ERP系统，将软件UI固化为WINDOWS桌面端的应用程序。
这一年是2012年.PHP和Ruby on Rails作为渲染Web应用程序的最高服务器端技术而备受瞩目。但是，一个大胆的新竞争者掀起了一场风暴 - 一个能够处理1M并发连接的人。这项技术不过是Node.js，从那以后一直稳步增长。
本文讲解的是：做为前端开发人员，对服务器的了解还是小白的我，是如何一步步将 node+mongodb 项目部署在阿里云 centos 7.3 的服务器上，并进行性能优化，达到页面 1 秒内看到 loading ，3 秒内看到首屏内容的。
本人一直觉得程序员应该有一个自己的个人网站，拥有自己的域名与服务器。学知识或者测试项目的时候可以用来测试。
JS 是脚本语言,脚本语言都需要一个解析器才能运行。对于写在 HTML 页面里的 JS,浏览器充当了解析器的角色。而对于需要独立运行的 JS,NodeJS 就是一个解析器。
# 1.需要npm环境 上传node-v8.9.0包并解压 [root@summer ~]# ll total 17480 -rw-------. 1 root root 1259 Sep 16 02:35 anaconda-ks.cfg -rw-r--r--. 1 root root 17894489 Oct 27 09:04 node-v8.9.0-linux-x64 (1).tar.gz [root@summer ~]# tar -zxf node-v8.9.0-linux-x64\ \(1
本文介绍了如何在Windows系统下通过PSCP将文件传输至BeagleBone Black，使用tar.gz格式压缩文件。首先在Windows端使用7-zip将node-opencv-master.zip中的内容提取出来，然后使用tar.gz格式压缩文件，最后通过PSCP传输至BeagleBone Black端。在BeagleBone Black端通过TightVNC Viewer打开终端，使用tar命令解压缩文件。
最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)
前面两篇文章，讲到了云服务的选购，以及域名的注册备案，那么我们项目上线的准备工作其实已经完成一半了。下一步其实就是在服务器上搭建我们的运行环境了。每个人的项目可能运行在不一样的环境，所以在这里我不准备一一介绍，我在这里以我的环境作为示例，我的个人博客后端服务器采用Node.js + MongoDB,所以环境搭建：Node.js + pm2 + MongoDB,前端我采用了Angular框架，因为前后端端口不一致，发起请求会跨域，所以我安装了nginx服务器，将前端项目打包后放在nginx的80端口，每次前端发起请求请求MongoDB数据库的数据， 就通过nginx反向代理，代理到4001端口，去取到服务端的数据，然后返还给前端进行页面的渲染。
NginxConfig号称你唯一需要的Nginx配置工具，可以使用可视化界面来生成Nginx配置，功能非常强大，在Github上已有15K+Star！
上面会提示当前安装版本与当前项目下的webpack版本使用不匹配，需要安装对应的版本 (6)后台取compression-webpack-plugin官网看了一下历史版本，取了一个较低版本试了试。 果然是版本冲突 执行 >npm install –save-dev compression-webpack-plugin@1.11.2 然后打包成功。 如果出现打包失败，请检查你的compression-webpack-plugin 打包插件版本，我用的3.1.0 亲测可用
在数字时代，第三方库是开发者的杠杆，而Node.js则是理想的支点。它们将我们从编写枯燥的代码中解放出来，让我们能够专注于创造独特的功能。
用 Dominic Tarr 的话来说：“流是 Node 中最好的，也是最容易被误解的想法。”即使是 Redux 的创建者和 React.js 的核心团队成员 Dan Abramov 也害怕 Node 流。
PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL
SSR（Server Side Rendering），顾名思义英文单词翻译过来就是服务端渲染，约在十年前左右，服务端渲染主要是由后端人员来主持改造，前端提供页面模板，后端在模板中填充页面相关的数据然后直接以整个html的形式返回给用户浏览器进行展示，由于在填充数据时已经将原有javascript的功能直接在后端实现，所以在服务器性能比较稳定的前提下，用户侧可以很快看到整个完整页面加载出来，使用体验很好，加之搜索引擎都是基于爬虫来进行收录，服务端渲染对于SEO会有非常好的效果。
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，用来方便快速地搭建易于扩展的网络应用。Node.js使用了一个事件驱动、非阻塞式I/O的模型，使其轻量又高效，非常适合运行在分布式设备的数据密集型的实时应用。Node.js的包管理器npm，是全球最大的开源库生态系统。Node.js的典型应用场景包括：
Node.js是一种基于Chrome V8 JavaScript引擎的开源、跨平台而且异步事件驱动的运行时环境，可以让JavaScript代码在服务器端运行。Express是一个流行的Node.js框架，它提供了简单而强大的工具来创建Web服务器和API。
为什么不用CentOS而用Ubuntu作为生产环境的运行平台？这个我也比较好奇，公司订的只能沿用传统，从使用成本的角度来说，此举也是值得肯定的。 测试环境 腾讯云 Ubuntu 16.04 阿里云 Ubuntu 16.04 开启Root账号ssh登录 1.修改配置文件 使用命令：sudo vi /etc/ssh/sshd_config打开文件，找到配置： LoginGraceTime 120 PermitRootLogin prohibit-password 修改成： LoginGraceTi
也许你第一次和bodyparser相遇是在使用Koa框架的时候。当我们尝试从一个浏览器发来的POST请求中取得请求报文实体的时候，这个时候，我们想，这个从Koa自带的ctx.body里面取出来就可以了嘛！
这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。
GZIP压缩，GZIP解压需要用到 pako.js 文件：下载地址：https://download.csdn.net/download/qq_35713752/10627338
在开始之前，你需要做一些准备工作，去阿里买一台服务器，服务器的具体细节其实并不是十分重要，我也不会在这里一步一步的教大家如何去买一个服务器。百度一下足够了，但是还是要贴一下这篇文章中，我所使用的服务器系统及其版本：
将打包后的dist文件夹上传到服务器上部署（nginx、tomcat都可以，我的环境是nginx），访问：
gzip 是 GNU zip 的缩写，是一种流行的文件压缩算法；gzip 常用于压缩CSS、JS、HTML 等纯文本内容，可以节省大量网络带宽流量；
流（Stream）是驱动 Node.js 应用的基础概念之一。它是数据处理方法，用于按顺序将输入读写到输出中。
目标 实现后台GZIP压缩，pako.js 前端解压 原因 数据库获取9576条数据耗时：3320ms 利用ajax获取数据大小12.7M，耗时6.27s 这样相当于从获取数据到渲染，耗时10秒 优化
linux shell 常见的面试问题，基本是先让你随便说一些，测试一下你掌握的广度，这时候你至少要说上十个才行，但是！不要说太难的，否则很容易掉进自己的坑里，相当于提醒了面试官去问你 : find ,vi编辑器这种会让面试官出一个极复杂的命令。但是之后 面试官仍然会出一些 非常复杂的命令，本小节复习，除了基础中常见的命令之外，还有常见的复杂命令。
在移动互联网的时代里，对于一个web站点来说，移动端的用户体验尤为重要。现代web站点的设计和开发都是以移动优先作为第一原则，我们也专门为了移动端的web站点做了相应的优化和提升。而网页的打开速度和页面的流畅度，对于用户是否长时间访问至关重要。我们在移动端的站点通过一系列的方法，最终为了快速打开页面展示网页内容，触达用户，同时能流畅的浏览网页。 移动端的硬件条件，网络条件相对于桌面端，会复杂的多，设备类型多样，硬件配置参差不齐，分辨率碎片化，网络状况在移动过程中稳定性，速率都会变化，而对于一个页面到达用户的
记住，依赖一定要安装在 devDependencies 下，否则会增大你的打包体积
Web1:192.168.0.5（Nginx-Node1/Nginx-Web1） ；Web2:192.168.0.7（Nginx-Node2/Nginx-Web2）
概述 通过安装一些插件，使打包后文件减小，提升页面打开速度。 vue版本 2.6.11 脚手架vue/cli版本 4.5.0 优化方向 减少代码量（取消生产sourcemap）、 合并压缩代码（gzip）、 公共代码提取 优化前后对比： 0.jpg // 公共设置 const IS_PROD = ['production'].includes(process.env.NODE_ENV) // 生产环境 vue打包优化 1. 打包分析插件 1.1 安装插件 npm install --save-dev
一、gzip压缩技术 gzip(GNU- ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多。gzip的压缩页面需要浏览器和服务器双方都支持，实际上就是服务器端压缩，传到浏览器后浏览器解压并解析。浏览器那里不需要我们担心，因为目前的大多数浏览器都支持解析gzip压缩过的资源文件。在实际的应用中我们发现压缩的比率往往在3到10倍，也就是本来50k大小的页面，采用压缩后实际传输的内容大小只有5至15k大小，这可以大大节省服务器的网络带宽，同时如果应用程序的响应足够快时，网站的速度瓶颈就转到了网络的传输速度上，因此内容压缩后就可以大大的提升页面的浏览速度。 实现gzip压缩的方式有多种，比如：nginx、tomcat、java等，选用其中一种即可。 二、nginx启用gzip Nginx的压缩输出有一组gzip压缩指令来实现。相关指令位于http{….}两个大括号之间，如下：
腾讯云健康看板（Tencent Cloud Health Dashborad，下面简称：腾讯云status page ），采用了Next.js全栈框架实现SSR+SSG。
为减少日志文件占用的空间，很多情况下我们会将日志文件以天或周为周期打包成tar.gz 包保存。虽然这样做有利空间充分利用，但当我们想查看压缩包内的内容时确很不方便。如果只是一个tar.gz文件，可以将其解压，再利用grep、awk或vi等工具查看或处理。不过如果有一个月或都一年的日志需要找出某些关键词的行，一个一个的解压，然后再看，是不是很不现实。那有没有什么简便的方法，可以不解压获得我们想要的内容呢？
主要借助的是html-webpack-plugin这个插件以及webpack externals这个属性
出现以上错误修改，结合 vue-demi 配置说明[1] ，修改 package-lock.json，找到 vue-demi
EasyTypora是一个为Typora添加私用化图床的实用小工具，要使用本项目，你需要有自己的一台云服务器～
前言：以前一直认为性能优化很遥远，也很复杂，但当今天尝试过后，发现也并不是触不可及
[前言]:因为最近在搞****API的时候用到了webpack的externals，才发现我之前都只是用webpack做一些搭建完项目后的“收尾工作”——即打包，而没有把它纳入到项目开发的“主体过程”
以上程序使用 fs.readFileSync 从源路径读取文件内容，并使用 fs.writeFileSync 将文件内容写入目标路径。
做过web性能优化的同学，对性能优化大杀器gzip应该不陌生。浏览器向服务器发起资源请求，比如下载一个js文件，服务器先对资源进行压缩，再返回给浏览器，以此节省流量，加快访问速度。
https://blog.bitsrc.io/javascript-optimization-techniques-for-faster-website-load-times-an-in-depth-guide-cd2985194a07
在当今快节奏的数字世界中，网站性能在决定任何在线企业的成功方面起着至关重要的作用。
前者适合新手，后者适合老手（方便大家查找，从而过滤掉某些步骤，节约时间成本） 所以大家按需查看哟。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
