17k 15 分钟

TypeScript 配置文件(tsconfig.json)是用于配置 TypeScript 项目的重要文件。它允许开发者自定义 TypeScript 编译器的行为,指定编译选项、文件包含与排除规则、输出目录等。通过合理配置 tsconfig.json,我们可以根据项目需求进行灵活的 TypeScript 编译设置。

本文将全面解读 tsconfig.json 的各个配置选项,并提供一些常见的使用场景和示例代码

3.4k 3 分钟

package.json 每天都会用到,但是你真的对里面的某些字段很了解吗,本文将带你了解其中经常使用的一些字段

# repository/homepage

项目的仓库地址,会显示在 npm package 右侧

{
  "repository": {
    "type": "git",
    "url": "git+https://github.com/jerrywu001/sandpack-vue3.git"
  },
  "homepage": "https://sandpack-vue3.netlify.app",
}

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):当事件发生时,该事件首先被最内层元素接受到,然后依次向外层元素传播。(从下向上,由里往外)

687 1 分钟

在 JavaScript 或 TypeScript 中, ;(...) 这种写法的作用主要是为了避免语法错误,具体来说是防止 ** 自动分号插入机制(ASI, Automatic Semicolon Insertion)** 导致的问题。

# 背景解释:

JavaScript 中,分号是可选的。如果代码中没有显式写分号,JavaScript 引擎会尝试自动插入分号。这种机制有时会导致意外的行为,尤其是在以下场景中:

  1. 前一行代码没有分号结尾
  2. 下一行代码以括号 ( 、方括号 [ 或反引号 ``` 开头

在这种情况下,JavaScript 引擎可能会将两行代码错误地解析为一行,从而导致语法错误或逻辑错误。

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...
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...