# notes

**Repository Path**: mxlhhunna/notes

## Basic Information

- **Project Name**: notes
- **Description**: react开发一款笔记项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-08
- **Last Updated**: 2025-04-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 创建项目

# 配置路径别名
 - jsconfig.json

# 修改根布局和根页面


# 数据请求
 - Redis
 NoSQL数据库，存储键值对，支持多种数据类型，如字符串、哈希、列表、集合、有序集合等。
 
 - npm i ioredis

# Sidebar 开发
1. Sidebar 组件
2. SidebarNoteList 组件
3. SidebarNoteItem 组件
4. SidebarNoteItemContent 组件的样式  

# 骨架屏
 - Suspense 传入 fallback = {<Skeleton />} 当内部组件加载完成后，会替换掉 fallback 中的内容 （允许推迟渲染某些内容）
 - 依旧有一个很好的 SEO 效果

# 笔记的预览
1. npm i marked  把 markdown 转换为 html
2. npm i sanitize-html  过滤 html 标签和属性，防止xss攻击
3. 在预览页面下 添加loading组件，它会在页面加载完成后消失