Piczi的个人博客

终极指南:在 Ubuntu 上使用 Certbot 和阿里云 DNS 实现 HTTPS 证书全自动化

终极指南:在 Ubuntu 上使用 Certbot 和阿里云 DNS 实现 HTTPS 证书全自动化 本文是一份详尽的操作指南,旨在帮助您在 Ubuntu 系统上,利用 Certbot 和阿里云 DNS 插件,为您的域名(包括通配符域名)申请免费的 Let's Encrypt SSL 证书,并配置

piczi 发布于 2025-08-02

最简单的windows终端美化方案

安装Windows Terminal 可以在Microsoft Store安装,也可以去Windows Terminal的Github仓库安装: 这里我们选择msi版本安装(上图的第一个文件),一路"下一步"即可安装成功。 下载字体 下载MesloLGM NF字体,

piczi 发布于 2025-08-02

JavaScript 可选链操作符 (?.) 完全指南

JavaScript 可选链操作符 (?.) 完全指南 JavaScript 的可选链操作符 (?.) 是一种非常实用的特性,它允许你在尝试访问深层嵌套的对象属性之前,不必显式地验证链中的每个引用是否有效。如果引用为 null 或 undefined,表达式会短路并返回 undefined,而不是抛

piczi 发布于 2025-08-02

自动切换nodejs版本的解决方案

  众所周知nodejs生态异常活跃,nodejs能满足我们大多数场景的需求。但对于历史项目来说,现行版本可能不太适合他们,会导致异常,这时候需要把nodejs切换到适合当前项目的版本。可用的工具有: nvm(macOS)、nvm-windows、nvs(跨平台nodejs版本管理器)、N等。但是如

piczi 发布于 2025-08-02

yarn和npm缓存导致C盘占用过大问题解决

nvm是nodejs的版本管理器。yarn、npm和pnpm是nodejs的包管理器,用他们安装插件后他们会在本地机器建立缓存,以便提升下次安装速度。如果缓存位于C盘则很快会被占满。可尝试以下方案解决问题: 清空yarn全局缓存 yarn cache clean 清空某个库的缓存命令为:yarn

piczi 发布于 2025-08-02

匹配有效的括号——栈的使用

栈是一种以列表存储信息的数据结构,它遵循LIFO(Last In First Out)模式。它不允许按照顺序来添加或删除元素,只能遵循LIFO模式。 你可以想象桌面上有一叠纸,只能往上堆放或拿取纸张,不能从中间或底部拿取纸张。 只要确认元素遵循LIFO模式,栈就可以派上用场。下面是常见的栈的使用场景

piczi 发布于 2025-08-02

分批加载图片列表——队列的使用

现在有个需求:从服务端获取到一个图片列表,为了增强用户体验,需要从前往后每3张分批加载图片,我们可以用队列的理念解决这个问题。什么是队列呢?维基百科对它的解释: 队列,又称为伫列(queue),计算机科学中的一种抽象资料类型,是先进先出(FIFO, First-In-First-Out)的线性表。在

piczi 发布于 2025-08-02

解决 github Failed to connect to github.com port 443

由于一个不能说的秘密,windows平台上github上传代码时会遇到这样的问题: Failed to connect to github.com port 443 after 21081 ms: Couldn't connect to server 这是代理无效的问题,直接设置终端代理解决:

piczi 发布于 2025-08-02

2025年前端发展趋势

在2025年,前端开发领域正经历着由人工智能(AI)、性能优化需求和不断演进的开发范式所驱动的深刻变革。开发者需要关注一系列新兴技术和趋势,以保持竞争力并构建更高效、更具创新性的网络体验。 人工智能(AI)的深度融合 AI技术正在从辅助工具转变为开发流程中不可或缺的“伙伴”,深刻地改变着前端开发的模

piczi 发布于 2025-08-02

理解Javascript的原型链

要理解原型链,首先要清楚理解以下几点: 所有函数都是Function的实例化,都包含prototype属性,即原型对象。 所有对象都有proto属性,该属性指向对象构造函数的prototype原型对象。 prototype原型对象的constructor属性指向它所在的原型对象的构造函数,即构造函数

piczi 发布于 2025-08-02