涅槃博客 - js
type: channel
link: https://www.niepan.org/tag/js/
items: 使用instant.page，一段代码为你的网站加速
items: NODE.JS安装及常见问题全记录

使用instant.page，一段代码为你的网站加速
type: item
date: 2021-09-30T20:27:00+08:00
description: 今天不知道写点啥，刚才看网站后台，发现加载了个instant.page的JS，干脆就水一篇关于instant.page的文章吧。关于instant.pageinstant.page官网：https://instant.pageinstant.page宣称可让网站加载时间缩短到 1 分钟以内，并提高 1% 的转化率。其作用是可以预加载用户想访问的页面，当用户真正点击链接后，就会直接从缓存中读取，以此提升网站的访问速度。instant.page 原理的话我们不必深层了解，只需知道：使用即时预加载技术，在用户点击之前预先加载页面。当用户的鼠标悬停在一个链接上超过 65 毫秒时，浏览器会对此页面进行预加载，当用户点击链接后，就从预加载的缓存中直接读取页面内容，从而达到缩短页面加载时间的目的。instant.page 是渐进式增强 - 对不支持它的浏览器没有影响。使用 instant.page 会显著增加自己的网站的 PV 以及请求量。使用 instant.page 只会预加载 html 页面，而不会加载图片等资源。因此点击预加载的页面是秒开的，图片在点击之后才会加载，不用担心与 lazyload 的各种不兼容问题。使用方法一、使用官方提供的带有 Cloudflare 加速的脚本建议服务器在国外的朋友使用。只要把这行代码添加到网站的 标签之前即可。（一般都可以在后台直接添加） 二、使用国内公共CNDJsdelivr 字节跳动 BOOTCDN 二。自托管建议服务器在国内的朋友使用。只需将下面这段 js 点击查看上传到自己服务器，然后在 标签之前根据路径添加下面的代码即可。 参考文章instant.page官网网站预加载JS脚本 instant.page

NODE.JS安装及常见问题全记录
type: item
date: 2021-09-26T20:34:00+08:00
description: 前言写这篇文章的起因是，家里电脑重新安装系统后，在搭建环境的过程中Node.js安装出现错误，公司电脑上当时没有问题啊，大概率是环境变量设置的问题，Google之后发现是在设置环境变量的时候输入错误导致的缓存问题，这个留到后面说。重新安装一遍，顺便记录一下安装过程，以备后用。一、什么是Node.js？简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js是一个基于 Chrome V8 引擎的 JavaScript 运行环境；Node.js使用一个事件驱动、非阻塞式 I/O 的模型，使其轻量且高效；Node.js的软件包生态系统 npm 是全球最大的开源库生态系统。官方网站： https://nodejs.orgNode.js中文网： http://nodejs.cn二、如何安装[scode type="tip-info"]本机测试环境：Windows 10 企业版 LTSC 64bit[/scode]1.下载安装包前往Node.js 官方网站下载自己系统对应的版本：戳这里前往官方网站下载这里要说明一下，官网有两个版本下载，一个LTS（long support stable）版本，也就是长期稳定版，也是官方推荐的版本；另一个是Current版本，也就是最新版，一般情况下这个版本会支持更多新功能及新特性，但是可能会不太稳定，容易出现各种错误，非高级开发用户不推荐大家下载。相信能来看这篇文章的同学都会去下载LTS版😂这里，我选择64位稳定版的windows系统安装包，下载完成，安装包如下：2.安装双击安装包进行安装，和其他软件安装一样，如下图所示，基本是一路下一步，只到看见Finish就算安装完成了。需要说明的是，安装路径这里推荐大家安装到非系统盘，我的安装路径为“D:\nodejs”3.验证安装成功后，我们来测试一下安装是否成功呢？快捷键WIN+R调出运行窗口，输入cmd，输入node -v 和 npm -v ，如下图所示，如果能看到node和npm的版本号，说明你已经安装成功了。node -v：显示安装的nodejs版本npm -v：显示安装的npm版本安装完成后，npm随安装程序自动安装，作用就是对Node.js依赖的包进行管理，我的npm安装路径就在D:\nodejs\node_modules。3.修改全局模块路径和缓存路径[scode type="tip-info"]🔔这一步骤可选，大家自行选择是否修改。[/scode]如果这里不修改，我们在执行一些全局安装命令的时候，系统会默认将模块安装和缓存在C:\Users\用户名\AppData\Roaming路径下的npm目录（注意：此文件夹默认是隐藏的，需要设置显示隐藏的文件夹，在"查看"菜单中设置）和npm_cache目录中，随着安装的模块越来越多，对系统盘的占用还是很大的，这也就是我们前面提到的为什么推荐将node.js安装在非系统盘了。不方便管理且占用C盘空间，所以我们要重新配置自定义的全局模块安装目录，将他们放在node.js的安装目录下。在D:\nodejs\目录下新建两个文件夹 node_global 和 node_cache，再在node_global文件夹下新建一个node_modules文件夹，用以配置环境变量。此时，还没有更改完成，需要手动指定到这两个文件夹中。第一种方法：win+R打开运行窗口，输入cmd，再输入以下两条指令npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\nodejs\node_cache"注意这里要把命令中的D:\nodejs\node_global和D:\nodejs\node_cache分别改为你对应的路径。第二种方法：在nodejs的安装目录下，进入node_modules—>npm—>npmrc文件，打开编辑，添加以下参数：prefix=D:\nodejs\node_global cache=D:\nodejs\node_cache4.配置镜像站由于npm官方网站在国外，所以我们从官方拉取模块的时候速度不怎么友好，所以这里要将拉取站点修改成淘宝的镜像站以提升速度。和上面配置全局路径一样，我们可以直接用命令npm config set registry=http://registry.npm.taobao.org或者修改npmrc文件，添加参数registry=http://registry.npm.taobao.org设置完可以用命令npm config list 查看配置参数5.设置环境变量上面的步骤执行完后，我们还差最后一步，设置环境变量了。桌面右键点击此电脑—>高级系统设置—>环境变量在系统变量中，新建一…