Nginx 常用配置备忘清单 | nginx-cheatsheet

作为软件开发工程师多多少少都该懂一些 nginx 的使用和配置，下面是 nginx 的几个经典应用场景下的配置写法，记录下来以防遗忘，用到的时候也可以直接过来拷贝。

## 端口监听...

Ubuntu 系统安装 zsh 和 oh-my-zsh（三）

## 这篇文章写什么？

这篇文件写在安装 zsh 和 oh-my-zsh 之后如何安装和启用一些有特定功能的插件，来让你的 zsh 更好用。

## 前置条件

安装了 zsh 和...

Ubuntu 系统安装 zsh 和 oh-my-zsh（二）

## 这篇文章写什么？

写如何安装 oh-my-zsh，特别是在遇到网络问题的时候如何处理。

## 对谁有用

程序员，尤其是经常使用终端（想要使用 zsh）的程序员。

## 前置条件...

Ubuntu 系统安装 zsh 和 oh-my-zsh（一） 

## 这篇文章写什么？

这篇文章写使用 zsh 作为默认 shell 的安装过程。

## 对谁有用

程序员，尤其是经常使用终端的程序员。

## 前置知识 - 什么是 shell？...

Caddy 是使用 go 开发的高性能可拓展 web 服务器，它还有一个独特的功能就是自动 HTTPS.

Caddy 服务器使用指南

## 这篇文章写什么？

这篇文章写如何安装使用 Caddy 以及如何部署单页应用

## 对谁有用

对想要自己部署网站，特别是希望能使用 https 部署的人有用

## 前置条件...

await-to-js 的使用和源码分析，await-to-js 可以让我们更简单的处理错误

await-to-js 的使用和源码分析

## 背景

最近发现了一个 [await-to-js](https://www.npmjs.com/package/await-to-js)，它的作用就是把 promise...

相信有过维护老项目经验的同学一定都经历过无法快速定位代码位置的痛苦。本文教你如何利用正则在vscode 中快速定位代码位置

利用正则在 VSCode 中快速定位代码位置

## 序

项目开发维护过程中难免需要对代码「修修补补」，那么如何快速找到对应的代码位置呢？

我更喜欢通过代码编辑器「全局搜索」的方式通过关键字查找，简单粗暴，搜索速度也非常快。按下快捷键...

记 Ant Design Vue 中表格组件限制选择数量引起的一个 BUG

## 背景

有一个 Vue （vue2.6 版本）项目使用了 [Ant Design Vue](https://www.antdv.com/) （1.6.5 版本） 作为 UI 库，其中组件[表格...

究竟该如何引入 lodash

![](https://static.webjam.cn/images/202405/how-to-import-lodash.webp)...

如何在 CJS 模块中引入 EJS 模块

![](https://static.webjam.cn/images/202405/import-esm-in-cjs-file.webp)

前面写了关于[如何在 ESM 模块中引入 CJS...

如何在 ESM 模块中引入 CJS 模块

![](https://static.webjam.cn/images/202405/import-cjs-in-esm-file.webp)

最近在开发 Nodejs 项目, 项目使用 ES...

正则表达式的贪婪模式

遇到一个需求: 现在有一段 HTML 字符串, 需要拿到这里面所有的 img 标签的 src 属性.

HTML 字符串如下(已经过简化):

```html
<div class="row">...

不可见字符引起的 bug

## 问题

在做一个爬虫项目的时候，有一个关键字搜索数据功能，明明看起来数据库里有相同的搜索关键字，但死活查不出来结果。...

在有些场景下，我们希望当容器大小改变时，图表的大小也相应地改变。

echarts 图表根据容器大小自动改变

## 问题

今天修复一个早期项目的问题，具体情况是：页面上有一些使用 echats 渲染的图表，当修改浏览器窗口大小的时候，这些图表没有自动重新渲染至合适大小。

一开始我的想法是监听...

我的博客

前不久在 [GitHub](https://github.com/) 上看到一个很惊艳我的个人网站：...

在油猴脚本中如何加载JS和CSS资源

油猴脚本是一个强大的浏览器插件，可以为某个网站开发脚本来提升浏览体验。

有时候为某个网站写一个脚本，想要引入 jQuery...

Tmux 可以让我们的终端更加强大，也就是它是对终端功能的一种增强，非常适合需要打开非常多个终端窗口的程序员。

用了 Tmux 之后：真香

## 开始之前

终端是我们程序员离不开的一个工具，而 Tmux 可以让我们的终端更加强大。

如果你像我一样，每天都要打开很多个终端窗口或...

Anki 从 `2.1.57+` 开始已经内置了一个同步服务器，这意味着你可以在电脑端直接启动一个同步服务，这下终于可以告别那一言难尽的原来 AnkiWeb 同步速度了。

Anki 同步问题的最新解决方法（2023年）

Anki 从 `2.1.57+` 开始已经内置了一个同步服务器，这意味着你可以在电脑端直接启动一个同步服务，这下终于可以告别那一言难尽的原来 AnkiWeb 同步速度了。

这个同步功能需要你在...

如果想要在本地电脑上部署一些服务在局域网中使用，那把电脑设置成固定 IP 非常用帮助。

如何在局域网中把电脑设置成固定 IP

如果想要在本地电脑上部署一些服务在局域网中使用，那把电脑设置成固定 IP 非常用帮助。

IP 格式内网 IP 都是这样的：

```txt
IP 地址: 192.168.13.13
IP 地址:...

虽然现在 Vue/React 这些框架已经隔离了对 DOM 的操作，但时不时地还是会需要直接使用 JS 插入 DOM 元素，所以总结一下等用到的时候直接过来查即可。

JS 插入 DOM 元素

虽然现在 Vue/React 这些框架已经隔离了对 DOM 的操作，但时不时地还是会需要直接使用 JS 插入 DOM 元素，所以总结一下等用到的时候直接过来查即可。

##...

这是一个很炫酷的 CSS Loading 动画

CSS 实现 Loading 动画学习笔记

今天我看到了一个用纯 CSS 实现的 Loading 动画，它非常简洁有趣。如果你也想了解它的具体实现过程，可以查看动画作者的讲解视频。你也可以直接将这个动画应用到你自己的项目中。

>...

如何快速计算出今年是什么生肖呢？

十二生肖

![十二生肖](https://static.webjam.cn/images/202402/12-symbolic-animals.webp)...

快速生成连续数字和字母列表

# 快速生成连续数字和字母列表

有时候你需要生成一系列的数字或字母。

## 生成数字列表

### 方法一：直接枚举

```js
function generateNumberList() {...

Anki 是一个辅助记忆软件，最近打算用它来快速记忆一些知识，但是 Anki 的服务器架设在国外，导致同步速度很慢，为了解决这个问题，我参考[文档](https://github.com/ankicommunity/anki-devops-services)打算自己架设一个 Anki 同步服务器。

用 Docker 快速架设一个 Anki 同步服务器

Anki 是一个辅助记忆软件，最近打算用它来快速记忆一些知识，但是 Anki...

使用 Vue.js 开发项目难免遇到二次封装第三方组件的情况，来看看如何进行封装吧

Vue.js 项目中二次封装一个按钮组件

我们在开发 VueJS 项目的时候通常会使用现成的开源组件库来提高开发效率，但有时候开源组件并不能完全满足我们的需求，这时候就需要我们对这些组件进行「二次封装」。在这里，我想分享两个非常实用的...

命令行中的复制粘贴 - pbcopy & pbpaste

想要在终端中复制一个文件的内容，要么使用 cat 命令输出到终端中然后鼠标选中内容复制，要么用 VSCode 打开然后复制，总感觉稍微有点麻烦，所以就在想没有没一种更加简单的复制方式呢？ 🤔...

WebJAM

WebJAM

Latest Articles

Nginx 常用配置备忘清单 | nginx-cheatsheet

推荐 JavaScript 中处理数字计算精度问题的开源库