在日常开发中，我们经常需要在界面中展示 JSON 数据，比如接口返回值调试、日志查看、配置信息展示等。虽然可以直接使用文本框或 pre 标签来展示，但这样不仅缺乏格式化，还缺少高亮和良好的可读性，体验较差。

基于 SyntaxHighlighter 封装 JSON 高亮展示组件的实践

封装实现搜索展示树，并且不依赖后端实现前端搜索高亮展示

前端高亮搜索展示树

封装检测表单变化，修改浏览器提示，优化用户体验

自定义封装检测表单变化hooks

Immer是如何实现不可变数据的

项目里，本来想取消追踪文件，但是发现把文件添加到 .gitignore 文件并不生效，原因是如果文件已经被git追踪，那么需要先取消对文件的追踪并提交，然后再在 .gitignore 文件加入目录或文件名，才能生效

Git—取消追踪文件

最近做项目有做类似gpt的大模型组件，模拟返回的数据渲染时，希望实现打字机的效果，这样用户体验更好一些，于是稍微记录一下学到的可以实现的方法

前端实现打字机效果

搜索技术是普通人变强的唯一外挂,可以帮助人们学习的比别人快,做的比别人好。掌握搜索技术是互联网时代获取信息的关键,可以极大程度地缩小信息差距。 

搜索技术—提升搜索效率必备

JS—进阶使用

在git操作时，我们有时候会遇到切换分支的情况，但有尚未提交的更改，可以使用git stash

Git—暂存提交

本篇记录了React基础，包含useState、 useEffect及Hook函数定义等

React—React基础

本篇记录了Redux的基本使用方法，在现代前端开发中，随着应用复杂度的增加，组件之间的状态共享变得越来越困难。Redux 是一个流行的状态管理库，它帮助我们更好地管理应用的全局状态。本文将从Redux的核心概念、基本用法和代码示例带你快速上手。

React—Redux使用

React是基于JSX语法使用的，这篇笔记记录了JSX的基础用法，快速入门React

React—JSX基础

使用Git拉取仓库代码时，碰到了报错如下：
Git: fatal: unable to access 'https://github.com/xxx/': Failure when receiving data from the peer

Git—拉取仓库失败

使用Pinia时的安装及封装Pinia仓库

Pinia—安装及封装

使用Pinia定义仓库时，可以使用更加优雅的setup写法，更加符合vue3组合式API的写法

Pinia—优雅的setup写法

使用git多人开发时，如果不使用统一的规范则会导致每次更新的内容描述千差万别，不利于多人协作，所以尽量规范commit写法，使内容提交清晰明了

Git—commit规范

解决Git:fatal:unable to access 'xxx':Failed to
connect to 127.0.0.1 port 7890 after 2047 ms:Couldn't connect to server

Git—连接失败

使用C语言实现哈夫曼树编码解码译码

哈夫曼树编码

一些关于计算机网络的八股面经知识点

计算机网络面经

一些关于前端工程化的八股面经知识点

前端工程化面经

解决Git:fatal:unable to access 'xxxxx':Failed to connect to github.com port 443 after 21116 ms:Timed out

Git—连接超时

使用命令行查看、修改用户名、密码、邮箱等

Git—全局设置变量

技术分享

前端

面经

数据结构

友情链接

学校介绍

选课事宜

学习经验

关于大学期间的学习建议 跳转post页

生活建议

关于杭州的生活建议 跳转post页

菜单slug留空或填#即可，用于下面的子菜单

往期整理

历史归档

文章分类

文章标签

关于我

Github

友链

计网

React

工程化

Webpack

password

icon

date

type

slug

status

title

summary

Table

Config

Post Gallery

Post Board

类型为Notice的文章将被显示为公告

🍍Pinia—安装及封装

🍍Pinia—优雅的setup写法