置顶文章

4.6k字4 分钟

嗯，没错，这个 Pixiv 就是你们想象中的那个东东，那个 世界最大的插画交流网站。 我为这个项目取了一个更加朗朗上口的名字： Picals 。 话不多说，先放几张目前开发好的状态吧，感兴趣的同学也可以直接点开目前部署好的地址进行访问：点这里 # 现阶段成果展示 # 为什么要做这个项目？ 我是老馋二次元（ 为了提升我的技术 希望能够多交到一些朋友，一起沟通交流～ 真正自己体会一遍从零开始的全栈开发 # 技术栈 # 前端 前端，采用 React18 + Vite + TypeScript + Redux + Unocss。 为什么用 React？因为 Pixiv 官网

精选分类

C++ Notes

3 篇文章

Algorithm Notes

1 篇文章

Daily Developing

9 篇文章

Interview Records

9 篇文章

LittleSharing About

1 篇文章

Nest Notes

6 篇文章

Next Notes

3 篇文章

Picals About

9 篇文章

React Notes

8 篇文章

Some Research

12 篇文章

文章列表

5.5k字5 分钟

参考文献： 简述 Webpack 和 Vite 的区别 为什么 Vite 速度比 Webpack 快？ Esbuild 为什么那么快？ webpack、rollup、parcel 优势和劣势？ 最近在公司也接近实习了差不多 3 个月的时间，期间也不免接触了比较多的真实项目，有用 Vue2 + JS 的，有用 Vue3 + TS 的，也有用 tsx 写 Vue 的。 这些零零散散的项目所使用的上线打包工具都是基于我们公司内部的 workbench 前端脚手架进行启动的，而作为底层的打包工具便是 Webpack。这让我这个基本上只深度接触过 Vite 的人比较感兴趣：为什么公司开发一般都用
287字1 分钟

参考文献： 手写 async await 核心原理 我终于搞懂了 async/await、promise 和 setTimeout 的执行顺序 最近在重温 JS 语法为面试做准备的时候，发现我本人对 async/await 的使用虽然在平时几乎已经成为一种肢体习惯，但是却没有真正深入的理解它，因此特地的去进行了一系列的调研。 在正式开始之前，需要介绍一些前置性的东西：
7k字6 分钟

代码环境基于：vue3 setup 语法糖、TypeScript 最近在实习的过程中接到了一个需求，需要实现 纯前端（Vue3 + TS）在 el-dialog 上对 PDF 文档进行预览，并且为其添加水印与分页展示。而我本人由于之前对文件预览与 canvas 方面的知识较为欠缺，在这次的实践上实际上也是踩了比较多的坑，在这里稍微记录一下吧。 对于第一个需求，实际上相关的解决方案比较多也容易实践，现在市面上有非常多的 Vue 相关 PDF 预览插件，比如 PDF.js、vue-pdf-app 等，基本上按照它们提供的官方教程一步步跟下来就可以实现，又或者是直接使用 iframe 来触发浏览
18k字17 分钟

参考文献： 越来越火的网络请求 Fetch 和 Axios 到底有什么区别 Fetch vs. Axios: 选择正确的 HTTP 请求库 什么是 AJAX？- 异步 JavaScript 和 XML 详解 AJAX - 维基百科，自由的百科全书 ChatGPT-4o，请教了一些概念性的问题 为了拓展我的技术栈，我开始接触到了第二款支持服务端渲染并支持 TS 全栈开发的框架 Next.js。既然是支持全栈，那么其 API 请求 的设计便是重中之重。 以往我自己开发的一些基于 Vue & React 的 SPA 项目，涉及到接口层面无一例外都是通过 二次封装 Axios 来实现。
324字1 分钟

参考文献： 如何给 Next.js 项目配置代码格式化和校验（ESLint + Prettier + husky） 【前端工程化】Nextjs 项目工程化最佳实践总结（献给 2023-1024 的礼物） 此处仅仅是我个人创建项目的一些总结，希望能给大家带来一点参考的意义与价值～ # 一、创建 Next 项目 首先，第一步需要创建一个最新版的空 next 项目。我们可以借鉴 next 官方的方法：
14k字13 分钟

又是被 Next.js 新概念洗礼的一天。 我们知道，Next.js 最核心的特性便是 支持静态生成（SSG）和服务端渲染（SSG），这也就意味着我们可以以部署 Node 服务的方式，将其部署在服务器上，用请求后端接口类似的形式来请求页面文件。换句话说，我们其实可以直接把 Next.js 看成一个特殊的 Node 后端服务。 既然是在服务端进行运行，那么它在数据库的查询方式上自然和一般的 SPA 客户端进行查询有所区别。 我们先简单分析一下一般 React SPA 项目的前后端交互： 前后端分离开发，后端无论用什么语言编写，最终只需要提供一个 API Endpoint (URL) 给前端。
5.5k字5 分钟

此处仅仅只是初步的页面逻辑构思，具体需要边落实边完善～ # 技术栈 采用 Next.js + Prisma + MySQL 全栈框架。其中使用 MySQL 是为了兼容原项目所使用的数据库。 组件库，使用 MUI。尽可能不自己封装组件，100% 使用组件库，可以封装为开源模板。 部署采用 Docker，实现服务端 Next 项目的一键集成。域名通过 CF 进行代理。 # 功能设计 后台管理系统的本职是对整个项目的数据库数据提供可视化的直观管理。 # 数据看板 数据看板使用 tremor 进行绘制，放在首页进行展示。 单纯展示总数（数据）： 用户总数 插画总数 原创作品数 转载作品数
983字1 分钟

我们都知道，cpp 是一门面向对象的语言，类是 cpp 中最基本的概念之一。除了 cpp 之外，如 java、python 等语言也都有类的概念。 # 类的定义 在 cpp 中，类（Class） 是一种用户自定义的数据类型，它是对现实世界中某个事物的抽象，包括这个事物的属性和行为。类是 cpp 中的基本构造块，它是面向对象编程的基础。 一个类的特性包含三个部分： 封装（Encapsulation）：将数据和操作数据的函数绑定在一起，数据被保护在类的内部，外部无法直接访问。 继承（Inheritance）：一个类可以继承另一个类的属性和行为。 多态（Polymorphism）：一个接口多种实现