> For the complete documentation index, see [llms.txt](https://sherwinshen.gitbook.io/qian-duan-xue-xi/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sherwinshen.gitbook.io/qian-duan-xue-xi/others/projects.md).

# 项目经验❗️

## 1. 基础项目

### 1.1 HTML/CSS 学习项目

项目地址：[langlangDental](https://github.com/MrEnvision/langlangDental)，主要知识点：

* SCSS 常用语法（继承、for 循环组合类、浏览器内核函数......）
* 背景图片设置（background-size、background-origin、background-repeat......）
* 幻灯片原生制作/swiper 库应用
* ......

### 1.2 Vue3 简易后台管理系统

项目地址：[vue-admin](https://github.com/MrEnvision/vue-admin)，主要知识点：

* Vue3.0 Composition API 体验版（⚠️与正式版有一定的区别）
* 环境变量与模式的应用
* xios 拦截器
* 路由守卫（登录判断与权限判断）、路由传参、动态路由......
* 组件封装
* 组件通信（Vuex）
* 表单验证
* 自定义 Svg Icon 图标组件
* ......

### 1.3 后台管理类系统模版（Vue）

项目地址：[vue-element-admin-tips](https://github.com/MrEnvision/vue-element-admin-tips)，主要知识点：

* 模块化思想/配置化思想
* Axios 全局拦截
* 路由守卫
* 动态路由
* 自定义 Svg Icon 图标组件
* ......

### 1.4 React 简易后台管理系统

项目地址：[react-admin](https://github.com/MrEnvision/react-admin)，正在开发中。

### 1.5 模块化开发体验项目

项目地址：[vue-module](https://github.com/MrEnvision/vue-module)，知识点：

* git submodule 模块化
* vuex state 小技巧 - 同步本地存储
* ......

## 2. 进阶项目

### 2.1 在线租车项目

客户端项目地址：[vue-cars](https://github.com/MrEnvision/vue-cars)，后台管理系统地址：[vue-cars-admin](https://github.com/MrEnvision/vue-cars-admin)，主要知识点：

* 高德地图组件使用
* 配置的开发思想（利用 JSON/Vuex/JS 等 ）
* 组件回调小技巧 - 公共写法
* 多接口跨域配置
* ......

## 3. 专题项目

### 3.1 数据可视化

* 总结笔记 - [data-vision](https://github.com/MrEnvision/data-vision)
* 数据大屏 - [data-vision-screen](https://github.com/MrEnvision/data-vision-screen)
* 数据报表 - [data-vision-report](https://github.com/MrEnvision/data-vision-report)
* 移动报表 - [data-vision-mobile](https://github.com/MrEnvision/data-vision-mobile)
* 自定义组件库 - [data-vision-libs](https://github.com/MrEnvision/data-vision-libs)
* ECharts 项目 - [data-vision-echarts](https://github.com/MrEnvision/data-vision-echarts)
* AntV 项目 - [data-vision-antv](https://github.com/MrEnvision/data-vision-antv)

{% hint style="info" %}
如果你对内容有任何疑问，欢迎提交 [❕issues](https://github.com/MrEnvision/Front-end_learning_notes/issues) 或 [✉️ email](mailto:EnvisionShen@gmail.com)
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sherwinshen.gitbook.io/qian-duan-xue-xi/others/projects.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.