# front-end-notes

**Repository Path**: toimc/front-end-notes

## Basic Information

- **Project Name**: front-end-notes
- **Description**: 大前端课程笔记，记录学习笔记！
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2021-04-16
- **Last Updated**: 2025-08-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 大前端电子书

本项目基于 VuePress 构建，主要围绕[大前端课程](https://class.imooc.com/sale/webfullstack)记录学习笔记，在此基础上拓展延伸前端前沿技术解读、面试、前端基础知识强化等内容，前端之路漫漫，希望我们的内容能对你有所帮助。

[大前端电子书在线阅读地址](https://toimc-team.github.io/notes-page/)

电子书内容分类，持续更新中......

```
- 基础强化
  - 环境搭建
  	- Vue
  	- Node.js
  	- 调试技巧
  	- Docker
  - 语言基础
  	- TypeScript
  	- Dart
  - 数据库
  	- NoSQL
  	- MongoDB
  	- Redis

- DevOps
  - 效率工具
  	- Jenkins
  - 团队协同
  	- gitlab
  	- showdoc
  	- DOClever
  - 容器化
  	- Docker进阶
  	- Kubernetes

- 全端项目
  - 社区项目
  	- 社区PC
  	- 管理后台
  	- WebApp
  - 多平台+跨端
  	- 社区小程序
  	- Flutter 2.0
  	- Electron桌面端
  - React世界
  	- React

- 前端面试
  - 笔试
  	- 分类笔试题
  	- 笔试技巧
  - 面试技巧
  	- 技术面
  	- 项目面
  	- BOSS面
  	- HR面
  - 简历
  	- 写好简历
  	- 简历模板
  - 公司行业
  	- 选择公司
  	- 行业洞悉

- 课程
  - 大前端课程
  - 快速了解新版Vue3.0+Vite开发
  - 三小时速成Vue2.x核心技术
```

## 快速上手

以下指南将会帮助你从零开始本地构建大前端电子书开源项目。

### 上手准备

你需要在本地安装[Node.js](https://nodejs.org/en/)（版本 >= 8.9）和[git](https://git-scm.com/)，本项目基于 [VuePress](https://vuepress.vuejs.org/zh/)，内容创作基于[Markdown](http://markdown.p2hp.com/index.html)，提前了解相关知识能对你构建本项目有很大的帮助。

### 安装

```sh
# 克隆项目到本地
$ git clone https://github.com/toimc-team/front-end-notes.git
# 进入项目目录
$ cd front-end-notes
# 安装项目依赖
$ npm install
# 可以通过如下操作解决 npm 下载速度慢的问题
$ npm install --registry=https://registry.npm.taobao.org
```

### 运行

```sh
# 运行项目
$ npm run dev
```

等待服务启动完成，打开浏览器，访问本地的`localhost:8080`，即可访问本项目。

项目展示：

![image-20210525170043561](./src/about/assets/image-20210525170043561.png)

![image-20210525182514543](./src/about/assets/image-20210525182514543.png)

## 目录结构

```
.
├── .eslintignore
├── .eslintrc.js
├── .github
│   └── workflows      // github actions
│       ├── master.yml // 同步gitee pages
│       └── sync.yml   // 同步gitee
├── .gitignore
├── .prettierignore
├── .prettierrc.json
├── LICENSE            // 开源协议
├── README.md
├── deploy.sh          // 本地部署脚本
├── package-lock.json
├── package.json
└── src
    ├── .vuepress      // vuepress框架配置
    │   ├── config.js  // 导航、侧栏配置
    │   ├── enhanceApp.js
    │   └── styles     // 全局样式
    │   └── theme     // 主题
    │   └── utils     // 工具类
    ├── about          // 关于页面
    ├── index.md       // 首页
    ├── interview      // 面试技巧
    ├── project        // 全端项目
    └── basic          // 基础强化
    └── course         // 课程
    └── devops         // DevOps
```



## 贡献指南

本项目持续开源更新，如发现项目有问题，欢迎 issue，如果你想要参与项目贡献，欢迎 PR，相关贡献方法及规则，请参考[贡献指南](https://toimc-team.github.io/notes-page/course/notes/)

## 贡献者名单

本项目的发展要归功于所有贡献者，感谢！[贡献者名单](https://github.com/toimc-team/front-end-notes/graphs/contributors)

## 版本信息

电子书更新日志，请移步[更新记录](https://toimc.gitee.io/notes-page/course/update-logs/)

## 交流

您好，我们是 **toimc团队**， 是本项目的发起者，同时也是公众号（抖音同号）【toimc前端技术】的作者，我们希望通过有趣、有料、有价值的内容打造一个服务于前端开发者的社区，帮助前端开发者学习并创造出影响行业的技术。

如果你想进一步了解我们，欢迎关注我们的公众号和抖音号

<img src="./src/about/assets/image-20210525181232836.png" alt="image-20210525181232836"  width="28%" height="28%" /><img src="./src/about/assets/image-20210525181759916.png" alt="image-20210525181759916"  width="27%" height="27%" />

## 开源协议

本项目基于 GPL-3.0 开源协议，协议详情请阅读[GPL-3.0 LICENES](https://github.com/toimc-team/front-end-notes/blob/master/LICENSE)