要将给定的平铺结构的 Item 数组转换为树形结构的 ITreeItem，你可以使用递归的方法来构建树。

TS 实现平铺结构转化为树形结构

To convert a given tiled array of Item into a tree-structured ITreeItem, you can use a recursive approach to build the tree.

TypeScript Implements Conversion of Flat Structure Into Tree Structure

要实现一个包含 n 个数字的数组，可以使用 JavaScript 编写一个函数来生成这样的数组。

JS 实现数字 m 组成 n 个元素的数组

To implement an array of n numbers, you can use JavaScript to write a function that generates such an array.

JavaScript Implements the Number M to Form an Array of N Elements

如果你有一个 HTML 字符串，想要在 JavaScript 中将其转换为文档对象模型（DOM）表示。

HTML 字符串转 DOM

If you have an HTML string and you want to convert it into a Document Object Model (DOM) representation in JavaScript.

HTML String to DOM

最近准备学习一下 vscode 的源码，第一步就是先跑起来。

VSCode 源码学习（1）：本地运行

Recently, I am going to learn the source code of vscode. The first step is to run it.

VSCode Source Code Study (Part 1): Running Locally

识别 Linux 操作系统的位数类型是一项常见的任务。

如何查看Linux系统架构类型

Identifying the bit architecture of a Linux operating system is a common task.

How to Check the Linux System Architecture Type

我想在 tkinter 做的 python GUI 程序中加入一个表格，由于官方库没有表格这个组件，只能找社区组件或者自己造一个表格组件。

Python Tkinter 表格组件

I want to add a table to a Python GUI program using tkinter. Since the official library does not provide a table component, I either need to find a community-made component or create my own table component.

Python Tkinter Table Component

Nodejs实现RSA私钥解密

Use node.js to implement RSA private key decryption.

Nodejs implements RSA private key decryption

使用CSS伪元素(::after或::before)来为`div`元素设置一个伪类下边框。

DIV设置一个伪类下边框

You can use CSS pseudo-elements (::after or ::before) to set a pseudo-class bottom border for div elements.

DIV Sets a Pseudo Class Bottom Border

在GitHub上回复PR的时候，可能会看到像这样的缩写短语LGTM、ACK、NACK，他们都代表什么含义呢？

Github缩写回复含义LGTM WIP

when replying to a PR on GitHub, you may see abbreviations such as LGTM, ACK, and NACK. What do they mean?

Github Short Message

用nodejs获取服务器硬件信息（MAC地址、IP地址、CPU序列号、主板序列号），生成一串唯一License。

Nodejs获取服务器硬件信息

Use nodejs to obtain server hardware information (MAC address, IP address, CPU serial number, motherboard serial number).

Nodejs Get Server Hardware Information

未登录知乎状态下，每次打开文章会提示你登陆，使用这个插件，可以去除打开页面时出现的登陆弹窗

谷歌插件：知乎移除登陆

用js设计一个侧边栏最小化的组件。

侧边栏最小化组件

When you are not logged into Zhihu, you can remove the login pop-up window that appears when you open the page.

Google Extension: Zhihu Remove Login

Use js to design a component that minimizes the sidebar.

Minimize Sidebar Component

浏览器JS实现RSA私钥解密

Use browser js to realize RSA private key decryption.

Browser JavaScript Implements RSA Private Key Decryption

用 JavaScript 实现，给定一个 URL，获取到这个文件的内容。

JS获取URL文件内容

Implemented with JavaScript, given a URL, get the content of this file.

Get URL file content

谷歌扩展程序开发中，如何在popup页面加一个链接，点击这个链接触发发送邮件功能。

谷歌扩展Popup页面发送邮件按钮

In the development of Google extensions, how to add a link to the popup page, click this link to trigger the function of sending mail.

Google Extension Popup Page Send Mail Button

页面有一个链接，点击这个链接触发发送邮件功能。

JS点击链接发送邮件

There is a link on the page, clicking on this link triggers the function of sending an email

JavaScript Click on the Link to Send Email

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，并且尝试了下他们的服务，效果很不错。

Articles