1.4k 1 分钟

据外媒报道,Google 很快将进行一项实验:当用户在地址栏输入网址时,网站会自动连接 HTTPS 通道,而非 HTTP 通道。
举例来说,假设你在 Google Chrome 的地址栏中输入域名,并按下 enter 键并访问后,Google Chrome 首先会尝试连接该网址的 HTTPS 版本。如果这个网站没有 HTTPS 版本,则会在 3-10s 之后连接这个网站的 HTTP 版本。

那么,HTTP 与 HTTPS 究竟有什么区别呢?
HTTPS (全称:Hypertext Transfer Protocol over Secure Socket Layer),中文名称为超文本传输安全协议,是以安全为目标的 HTTP 通道,简单讲是 HTTP 的安全版。即 HTTP 下加入 SSL 层,HTTPS 的安全基础是 SSL,因此加密的详细内容就需要 SSL。它是一个 URI scheme (抽象标识符体系),句法类同 http: 体系。用于安全的 HTTP 数据传输。

HTTP(全称:HyperText Transfer Protocol),中文名称是超文本传输协议,是互联网上应用最为广泛的一种网络协议。所有的 WWW 文件都必须遵守这个标准。设计 HTTP 最初的目的是为了提供一种发布和接收 HTML 页面的方法。
从名称上很明显就能看出,两者最大的区别不外乎就是安全。

http 和 https 的区别

  1. 安全性不一样。http 没有用于数据加密和数据完整性校验的安全机制,而 https 通过数字证书来保障双方的通信。
  2. 对搜索排名的提升不一样。
    这也是很多站长所关注的地方。百度和谷歌两大搜索引擎都已经明确表示,HTTPS 网站将会作为搜索排名的一个重要权重指标。也就是说 HTTPS 网站比起 HTTP 网站在搜索排名中更有优势。
  3. 监听端口不一样。http 和 https 使用的是完全不同的连接方式,同时使用的端口也不同,http 使用的是 80 端口,https 使用的是 443 端口。在网络模型中,HTTP 工作于应用层,而 HTTPS 工作在传输层。
  4. 传输内容不一样。http 以纯文本格式明文传输,而 https 以密文格式。
    HTTPS 网站相比起 HTTP 网站拥有着多种的优势,HTTP 明显已经不能适应当今这个互联网时代,可以预见到 HTTP 在不久的将来将会全面被 HTTPS 所取代。

1.7k 2 分钟

# 1.setInterval 方法 直观且朴素的方法,可以用 setInterval,循环检测变量的值。 <html><body> <script> // 要监视的变量 var test_value = 1; setInterval(function(){ if(test_value != 1){ console.log("值变成了:",test_value); } },1000);...
2.4k 2 分钟

首先从字面意思来看:

  • preventDefault 是指阻止默认事件
  • stopPropagation 是指停止传播

javascript 中的两种 “事件传播” 模式:

  • 捕获模式 (capturing):当事件发生时,该事件首先被最外层元素接受到,然后依次向内层元素传播。(从上向下,由外往里)
  • 冒泡模式 (bubbling):当事件发生时,该事件首先被最内层元素接受到,然后依次向外层元素传播。(从下向上,由里往外)

567 1 分钟

# 问题示例: C:\Users\admin\Desktop> pnpm pnpm : 无法加载文件 E:\Program Files\nodejs\node_global\pnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 http://go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1pnpm\+ CategoryInfo : SecurityError: (:) [],PSSecurityException\+ FullyQualifiedErrorId...
4.2k 4 分钟

# 前言

博主在开发前端网站的时候,发现随着开发的项目的逐渐增多,安装的依赖包越来越臃肿,依赖包的安装速度也是非常越来越慢,多项目开发管理也是比较麻烦。之前我就了解过 pnpm ,但是当时担心更换包管理环境可能会出现的依赖等问题,并且也没有急切的需求,所以当时并没有立即更换

综上所述,随着上面问题的出现,更换包管理环境也逐渐提上日程,所以本文主要将会简单对比 pnpm 和 npm / yarn ,并且详细讲解如何在多项目环境中迁移到 pnpm

Pnpm安装与使用教程- 小白龙博客

794 1 分钟

使用 pnpm 的时候突然提示我的 pnpm 不是最新版本,提示执行 pnpm add -g pnpm 可以更新到最新版本。 欣然执行 pnpm add -g pnpm ,结果出现如下提示。 ERROR  Unable to find the global bin directoryRun "pnpm setup" to create it automatically, or set the global-bin-dir setting, or the PNPM_HOME env variable. The global bin directory should be in...
395 1 分钟

官网: https://pnpm.js.org/installation/ # 全局安装 npm install pnpm -g# 设置源 //查看源pnpm config get registry //切换淘宝源pnpm config set registry http://registry.npm.taobao.org# 使用 pnpm install 包 // pnpm i 包pnpm add 包 // -S 默认写入dependenciespnpm add -D // -D devDependenciespnpm add -g // 全局安装# 移除 pnpm remove 包...
575 1 分钟

# 问题:

无法加载文件 D:\Program Files\nodejs\pnpm.ps1, 因为在此系统

这个错误表明你尝试在 Windows 系统上运行一个 PowerShell 脚本(pnpm.ps1),但是系统的执行策略阻止了脚本的执行。Windows 系统默认情况下设置为阻止运行未签名的脚本,以防止恶意脚本的执行。

1.9k 2 分钟

# 1. 将文本复制到剪贴板

navigator.clipboard.writeText('Text to copy');

通过使用 Clipboard API 以编程方式将文本复制到剪贴板。这是一种最新的复制方法,可让文本复制变得无缝且高效(但目前各大浏览器支持度还不是很高,需要考虑兼容性问题)。