js提取出图片 base64 编码信息中的扩展名。

js解析图片 base64 的扩展名

js extracts the extension in the image base64 encoding information.

Parse Image Base64 Extension in Javascript

有没有办法将新开始的对话记录实时保存下来呢？接下来就给大家介绍小编最新推出的 ChatGPT 对话记录自动保存插件

谷歌插件推荐：自动保存 ChatGPT 对话历史记录

A Google extension that automatically saves ChatGPT chat history locally, no longer worry about losing conversation content.

Auto-Save ChatGPT History

经过几天的调试，小编发布了这款谷歌浏览器插件，可以一键将 ChatGPT 聊天记录转换为 Markdown 格式的文本

一键导出 ChatGPT 聊天记录为 Markdown

After several days of debugging, I released this Google Chrome plug-in, which can convert ChatGPT chat records into Markdown format text with one click.

One-Click Export ChatGPT Chat History as Markdown

ChatGPT 是一个基于云端的人工智能聊天机器人，它使用了 OpenAI 的 `GPT-3.5-turbo` 模型，可以实现自然语言处理（NLP）和语言生成的任务。

Python + ChatGPT API开发 | 基于 gpt-3.5-turbo 模型

ChatGPT is a cloud-based artificial intelligence chatbot that uses OpenAI's `GPT-3.5-turbo` model to implement natural language processing (NLP) and language generation tasks.

Python + ChatGPT API Development | Based on gpt-3.5-turbo model

ChatGPT 是一种基于人工智能技术的自然语言处理工具，它可以生成自然流畅的语言并进行对话。使用 ChatGPT API，我们可以轻松地将这种人工智能技术集成到我们的 Python 应用程序中。

使用 Python 和 ChatGPT API 开发一个智能聊天程序

ChatGPT is a natural language processing tool based on artificial intelligence technology, which can generate natural and fluent language and conduct conversations. Using the ChatGPT API, we can easily integrate this artificial intelligence technology into our Python applications.

Develop an Intelligent Chat Program Using Python and ChatGPT API

如果你想要使用WebGL的API来实现和类似Canvas API一样的功能，需要掌握WebGL的相关知识，并将其应用到实践中。

如何用WebGL绘制矩形

If you want to use the WebGL API to achieve the same functions as the Canvas API, you need to master the relevant knowledge of WebGL and apply it in practice.

How to Draw a Rectangle with WebGL

一个开源邮件服务器 Maddy，完全采用 Go 语言编写，轻量好用。

开源邮件服务器 Maddy 部署教程

An open source mail server Maddy, written entirely in Go language, lightweight and easy to use.

Open Source Mail Server Maddy Deployment Tutorial

如果我们想搭建个人邮箱服务器，推荐使用 RainLoop Webmail。据官网介绍，这是一款简单、现代且快速的基于 Web 的电子邮件客户端。

开源邮件系统 RainLoop Webmail 部署教程｜ WSL 环境

If we want to build a personal email server, RainLoop Webmail is recommended. According to the official website, this is a simple, modern and fast web-based email client.

Open Source Mail System RainLoop Webmail Deployment Tutorial｜WSL Environment

在本地部署一套 IM 系统，选择 tinode。为便于后端启动，我们采用 WSL 环境，配合 docker 安装数据库，来启动 IM 应用。

开源 IM 系统 tinode 部署教程｜ WSL 环境

To deploy an IM system locally, select tinode. In order to facilitate the startup of the backend, we use the WSL environment and install the database with docker to start the IM application.

Open Source IM System Tinode Deployment Tutorial｜WSL Environment

我发现一个一键激活 Windows 神器，只要输入一条命令就能完成激活，不需要找激活码，不需要下载软件。

一条命令激活 Windows 系统！再也不用找激活工具激活码了

I found a one-click activation tool for Windows, just enter a command to complete the activation, no need to find an activation code, no need to download software.

Activate Windows with One Command! No Need to Look for the Activation Tool Activation Code Anymore

pnpm Monorepo 多包项目，使用 changesets 来发布 npm 包。

pnpm changesets 发布npm包入门

pnpm Monorepo multi-package project, using changesets to publish npm packages.

Pnpm Changesets Publish npm Packages

next 13 的项目，运行 npm run dev 的时候报错了

npm run dev报错Error: error:0308010C:digital envelope routines::unsupported

For next 13 project, an error was reported when running npm run dev.

npm run dev Error: error:0308010C:digital envelope routines::unsupported

使用 supervisor 给 go 服务做进程守护，目标是让服务挂掉之后自动重启。

CentOS 中使用 Supervisor 守护进程服务自动重启

I use supervisor as a process guard for the go service. The goal is to automatically restart the service after it hangs.

Automatic Restart of Services Using Supervisor Daemon in CentOS

小编之前使用 Golang + Gin，结合 gorilla/websocket 搭建了一个简易的聊天室后台服务。接下来，给大家再介绍下我是如何把 go 代码写的服务部署到服务器上的。

Golang打包部署可执行文件

I used Golang + Gin before, combined with gorilla/websocket to build a simple chat room backend service. Next, let me introduce how I deploy the service written in go code to the server.

Golang Builds and Deploys Executable Files

我们总体方案是 Websocket 服务接收前端传过来的全量数据，再实时全量转发出去，来实现聊天消息的多端通信，同时服务端需要做一个客户端管理器，来负责客户端的注册和卸载，以实现一个简单的聊天功能后端服务。

Go Gin 框架搭建简易聊天服务后端

we continue to use Golang + Gin to build a simple chat room backend service. Our overall plan is that the Websocket service receives the full amount of data from the front end, and then forwards it in real time to achieve multi-terminal communication of chat messages. At the same time, the server needs to be a client manager to be responsible for the registration and deregistration of the client to achieve a simple chat function backend service.

Build a Simple Websocket Chat Server in Go with Gin

小编使用 Golang 的Web开发框架 Gin，搭配 Websocket 库 gorilla/websocket 来实现简易后端服务

Go Gin 框架搭建简易 Websocket 后端

I will use Golang's web development framework Gin, with the Websocket library gorilla/websocket to implement simple back-end services.

Build a Simple Websocket Server in Go with Gin

我们采用一个开源在线电子表格插件x-sheet来打造一个自己的在线疫情高峰预测数据表。

使用 x-sheet 构建在线疫情高峰预测数据表

小编发现如果要公开分享一个Excel表格，要么是一个Excel截图，要么是公开的腾讯文档、WPS文档链接，那么我们能不能打造一个属于自己的在线Excel表格应用呢？

Vue3 + x-sheet 打造你自己的在线表格应用

最近有朋友在研究 webpack 5 打包 umd 库的时候，发现 web worker 无法内联到一个 js 文件中，当使用 其他域名下的 CDN 来加载这个 umd 库时，在异步加载 web worker 文件时候会报同源策略的错误。

Web Worker 同源策略报错解决方案

Recently, when a friend was researching webpack 5 to package the umd library, he found that the web worker could not be inlined into a js file. When using a CDN under another domain name to load the umd library, a same-origin policy error will be reported when loading web worker files asynchronously.

Web Worker Same Origin Policy Error Reporting Solution

在移动开发者群里，经常有群友反馈说iOS开发者后台很难打开，有时候重启电脑或者换浏览器可以解决，但是并不稳定。

ios 后台appstoreconnect打不开

In the mobile developer group, my friends often report that the iOS developer background is difficult to open. Sometimes restarting the computer or changing the browser can solve the problem, but it does not Stablize.

iOS Background Appstoreconnect Cannot Be Opened

在之前的文章中，小编给大家介绍了一款好用的验证码服务 2Captcha。在本文中，我们将介绍如何将 2captcha-solver 插件与 Puppeteer 结合使用。

如何在 Puppeteer 中使用 2captcha-solver 插件

In the previous article, I introduced a useful captcha service 2Captcha to you. In this article, we will describe how to use the 2captcha-solver plugin with Puppeteer.

How to Use the 2captcha-solver Plugin in Puppeteer

新建项目一不小心就会把云开发打开，给开发者带来一些麻烦。接下来，小编结合自己的开发经验，给大家说说如何关闭微信小程序开发工具中的云开发功能。

微信小程序如何关闭云开发

A new project will open cloud development accidentally, causing some trouble for developers. Next, based on my own development experience, I will tell you how to turn off the cloud development function in the WeChat MiniProgram development tool.

How to Close Cloud Development in WeChat MiniProgram

 最近做一个 Tab 标签页，要求支持拖拽滑动后重新排序的功能，是一个强交互的控件，最常见的场景是 Excel 表格下方的工作表标签页按钮，就是支持拖动排序的。

原生JavaScript实现可滑动排序的Tab标签页

Recently I made a tab page, which requires support for dragging and sliding and reordering. It is a strong interactive control. The most common scenario is the worksheet tab button below the Excel table, which supports dragging and sorting.

Native JavaScript Implements Sortable Tabs

关于range input范围滑块控件，每个浏览器实现效果不同。这里演示直接修改css样式达到统一样式的效果。

自定义范围滑块

Regarding the range input range slider control, each browser achieves different effects. This demonstrates the effect of directly modifying the css style to achieve a unified style.

Customized Range Slider

最近在研究 ffmpeg WebAssembly 版本在网页运行的工具，发现使用到了 SharedArrayBuffer，涉及到跨域隔离的问题。

如何设置跨域隔离启用 SharedArrayBuffer

I have studied captcha identification before, and found a captcha identification service provider 2Captcha, and tried their service, the effect is very good.

How to Set Cross-Domain Isolation to Enable SharedArrayBuffer

x-sheet 是一款高性能 Web JavaScript Canvas 电子表格，之前小编写过一篇 x-sheet，简单介绍了一下如何使用 x-sheet。这次我们继续深入一下，了解下 x-sheet 还支持哪些配置，通过修改配置可以自定义我们的表格布局和特性。

X-Sheet 开发教程：初始化配置自定义布局

小编之前提过一个在线 Python 工具，核心技术是用到了一个叫 Pyodide 的库，能够让 Python 在网页上运行，但是小编在学习过程中发现，并不是所有 Python 内置库或者扩展库都能运行，比如 `requests`是不支持的。

Pyodide 中实现网络请求的 3 种方法

I mentioned an online Python tool before, and the core technology is to use a tool called Pyodide library, which can make Python run on web pages, but I found in the learning process that not all Python built-in libraries or extension libraries can run, such as `requests` is not supported.

3 Ways to Implement Network Requests in Pyodide

在 WSL（Windows Subsystem for Linux ）中运行`docker version`的时候，终端最后一行报错了。

Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?

When running `docker version` in WSL (Windows Subsystem for Linux), the last line of the terminal reports an error.

最近发现一个好玩的 Python 玩法，用 Python 将图片转为字符画，大多数都是本地程序，因为之前小编搭建过一个在线版的 Python，于是尝试了使用在线版的 Python 实现了图片转字符画。

网页版 Python 图片转字符画

Recently I found a fun way to play Python, using Python to convert pictures into ASCII image, most of which are local programs, because I built an online version of Python before, so I tried to use the online version of Python to realize image-to-ASCII.

Python Image to ASCII Online

最近前端工具链又火了一个项目 Bun，可以说内卷非常严重。Bun 是一个新的 JavaScript 运行时，内置了打包器、转译器、任务运行器和 npm 客户端。

Windows 下安装 Bun：像 Node 或 Deno 一样的现代 JavaScript 运行时

Recently, a project called Bun in the front-end tool chain has become popular. Bun is a new JavaScript runtime with built-in bundler, transpiler, task runner and npm client.

Install Bun for Windows: A Modern JavaScript Runtime Like Node or Deno

小编了解到有一个叫 patch-package 的开源库，可以轻松的做到给 node_modules 的库打补丁。接下来我们看看如何使用 patch-package ，以及使用过程中有什么问题。

pnpm 中无法使用 patch-package 打补丁

I learned that there is an open source library called patch-package, which can easily patch the node_modules library. Next, let's take a look at how to use patch-package and what are the problems with using it.

patch-package Not Available in pnpm

移动互联网时代，掌握 iOS 开发和安卓开发 还是很有好处的，小编最近在学习移动端开发的时候，最先遇到的问题就是环境安装问题了。

如何设置 iOS 开发环境

In the era of mobile Internet, it is very beneficial to master iOS development and Android development. When I was learning mobile terminal development recently, the first problem I encountered was the installation of the environment.

How to Set up the iOS Development Environment

我们打印Python字符串的时候，有时候想让输出的列表或ASCII表格对齐，字符串都是英文的时候没有问题，但是一旦字符串包含中文或者其它非 ASCII 字符，就会出现很难对齐的情况。

Python打印ASCII字符含中文时保持对齐

When we print Python strings, sometimes we want to align the output list or ASCII table. There is no problem when the strings are all in English, but once the strings contain Chinese or other non-ASCII characters, it will be difficult to align.

Python Keeps Alignment when Printing ASCII Characters Including Chinese

这里我们要推荐的是一个在线工具，也是支持Python代码的执行，一个在线的Python代码编辑器

分享一个好用的 Python 在线编辑器

What we want to recommend here is an online tool that also supports the execution of Python code, an online Python code editor

Share a Useful Python Online Editor

小编的插件已经发布到谷歌商店了，插件实现了无需登录一键复制 CSDN 代码。

谷歌插件：无需登录一键复制 CSDN 代码

My extension has been released to the Google Web Store. The extension realizes one-click copying of CSDN code without logging in.

Google Extension: One-Click Copy CSDN Code without Logging In

之前小编研究过验证码识别这一块的内容，发现了一个验证码识别服务提供商 2Captcha，并且尝试了下他们的服务，效果很不错。

验证码服务 2Captcha 测评 2022 | 原理 用途 入门

2Captcha Review 2022 | Principles & Usage & Getting Started

正则表达式提取 git 提交记录中的新增代码行

正则匹配多行文本

Regular expression to extract new lines of code in git commits.

Regular Expression to Match Multiple Lines of Text

我们在登陆网站的时候经常会出现验证码，验证码的目的就是为了防止机器登陆、自动化脚本操作，那么有没有办法让脚本能自动识别验证码实现登陆呢？

Nodejs Playwright 2Captcha 验证码识别实现自动登陆

When we log in to the website, we often see verification codes. The purpose of verification codes is to prevent machine logins and automate script operations. Is there a way for scripts to automatically identify verification codes to achieve login?

How to Bypass Captcha Automatic Login with Nodejs Playwright 2Captcha

我们在使用 Python 开发的时候，通常会用到一些好用的第三方库，推荐用 pip 来安装。一般情况下都没有什么问题，但是有些小伙伴会碰到 pip 安装第三方库报错、pip install 卡住不动等安装失败的情况。

pip 安装第三方库报错最全解决方案

When we use Python to develop, we usually use some useful third-party libraries. It is recommended to use pip to install. Under normal circumstances, there is no problem, but some small partners will encounter installation failures such as pip installation of third-party libraries and errors, pip install stuck and other installation failures.

pip Install Third-Party Library Error

LeetCode刷题笔记，给你一个长度为 n 的整数数组 nums ，其中 nums 的所有整数都在范围 [1, n] 内，且每个整数出现 一次 或 两次 。请你找出所有出现 两次 的整数，并以数组形式返回。

LeetCode笔记：数组中重复的数据

LeetCode problem solving notes. Given an integer array nums of length n where all the integers of nums are in the range [1, n] and each integer appears once or twice, return an array of all the integers that appears twice.

LeetCode Notes: Find All Duplicates in an Array

Event Bus 事件总线，通常作为多个模块间的通信机制，相当于一个事件总线，一个模块发送消息，其它模块接受消息，就达到了通信的作用。

如何在 JavaScript 中实现 Event Bus

The Event Bus is usually used as a communication mechanism between multiple modules, which is equivalent to an event bus. One module sends messages, and other modules receive messages, which achieves the function of communication.

How to Implement an Event Bus in JavaScript

给定总玩家数 n，以及按 [玩家编号,对应可传递玩家编号] 关系组成的二维数组 relation。返回信息从小 A (编号 0 ) 经过 k 轮传递到编号为 n-1 的小伙伴处的方案数。

LeetCode笔记：传递信息

Given the total number of players n, and a two-dimensional array relation formed by the relation [player number, corresponding to passable player number]. Returns the number of solutions in which information is passed from small A (number 0 ) to the small partner numbered n-1 through k rounds.

LeetCode Notes: Send message

学习简单场景下的时间复杂度和空间复杂度的计算方法

如何计算时间复杂度和空间复杂度

Learn how to calculate time complexity and space complexity in simple scenarios.

Time Complexity and Space Complexity

最近遇到了阿里云 ECS 服务器被 DDoS 攻击的问题，说明我们的服务器安全性有待提高。从 ssh 登陆方面考虑，可以给 linux 系统设置子用户，禁止 root 登陆，能够提升一定的安全性。

CentOS 创建新用户赋予 root 权限并禁止 root 登陆

Recently, we encountered the problem that Alibaba Cloud ECS server was attacked by DDoS, indicating that our server security needs to be improved. From the perspective of ssh login, you can set sub-users for the linux system and prohibit root login, which can improve certain security.

Create a New User Grant Root Privileges and Disabl SSH Root Login on CentOS

在安装 VMware 后，启动 macOS 虚拟机的时候，碰到了`vcpu-0`和 `vcpu-1` 报错。

Vmware Workstation16 出现 "VMware Workstation 不可恢复错误：(vcpu-1)"故障解决

After installing VMware, when starting the macOS virtual machine, I encountered `vcpu-0` and `vcpu-1` errors.

"VMware Workstation Unrecoverable Error: (vcpu-1)" Troubleshooting for Vmware Workstation16

LeetCode刷题笔记，给你整数 n，请返回第 n 个泰波那契数 Tn 的值。

LeetCode笔记：第 N 个泰波那契数

LeetCode problem solving notes. Given n, return the value of Tn.

LeetCode Notes: N-th Tribonacci Number

python turtle和tkinter结合实现绘制并下载冰墩墩图片

实现人手一个冰墩墩python画冰墩墩源码

The combination of python turtle and tkinter realizes drawing and downloading Bing Dwen Dwen pictures

Python Draw Bing Dwen Dwen Source Code

LeetCode刷题笔记，给定两个字符串 s 和 t，它们只包含小写字母。字符串 t 由字符串 s 随机重排，然后在随机位置添加一个字母。请找出在 t 中被添加的字母。

LeetCode笔记：找不同

LeetCode problem solving notes. You are given two strings s and t.String t is generated by random shuffling string s and then add one more letter at a random position.Return the letter that was added to t.

LeetCode Notes: Find the Difference

LeetCode刷题笔记，给你两个字符串：ransomNote 和 magazine ，判断 ransomNote 能不能由 magazine 里面的字符构成。

LeetCode笔记：赎金信

LeetCode problem solving notes. Given two stings ransomNote and magazine, return true if ransomNote can be constructed from magazine and false otherwise.

LeetCode Notes: Ransom Note

python selenium解析网页，requests请求视频地址，分片下载视频存储本地，实时输出视频下载进度

Python一键下载视频脚本分享

Python selenium parses the web page, requests the video address, downloads the video in fragments and stores it locally, and outputs the video download progress in real time.

Python One-Click Download Video

LeetCode刷题笔记，给定一种规律 pattern 和一个字符串 str ，判断 str 是否遵循相同的规律。

LeetCode笔记：单词规律

LeetCode problem solving notes. Given a pattern and a string s, find if s follows the same pattern.

LeetCode Notes: Word Pattern

假设你有 n 个版本 [1, 2, ..., n]，你想找出导致之后所有版本出错的第一个错误的版本。

Articles