😄
前端学习
  • 👋Welcome
  • 📖前端基础
    • HTML
      • 基础知识
      • 进阶知识
      • HTML5
    • CSS
      • 基础知识
      • 进阶知识
      • CSS 专题
        • CSS 选择器
        • CSS 布局
        • CSS 动画
        • CSS 画图
        • 响应式方案
        • CSS BEM 规范
        • CSS 案例
    • JavaScript
      • 基础知识
      • 进阶知识
      • 常用内置对象
        • Array 对象
        • String 对象
        • Number 对象
        • Boolean 对象
        • Math 对象
        • Date 对象
        • RegExp 对象
        • Object 对象
      • JS 专题
        • 数据类型
        • 原型链/继承
        • 对象赋值与拷贝
        • this 的指向
        • 异步操作
        • 模块化
        • 设计模式
    • 浏览器
      • 浏览器模型
      • 事件
      • 位置属性
      • Web 缓存
      • 本地存储
    • 综合内容
      • 前端跨域
      • 登录鉴权
      • 文件上传与下载
  • 🏗️前端框架
    • Vue.js
      • 基础知识
      • Vue 组件通信
      • Vuex 使用指南
      • Vue 动画
      • 静态网站框架 VuePress
    • React.js
      • 基础知识
      • 组件通信
  • 📦计算机基础/后端
    • 图解计算机网络
    • HTTP/HTTPS
    • TCP/UDP
    • Node.js
    • MongoDB
  • 🛠️开发工具
    • 版本控制工具-Git
      • git submodule
    • 构建工具-Webpack
    • 错误监控工具-Sentry
    • 单元测试工具-Jest
    • 包管理工具-NPM
    • 代码编辑器-VSCode
  • 🤔专题内容
    • 前端工程化
    • 代码规范
      • JavaScript 代码规范
      • CSS 代码规范
      • Vue 代码规范
      • Git Commit 规范
      • 代码规范配置
    • 网络安全与防御
    • 性能优化
    • 算法编程
    • 数据可视化
  • 🧑‍💻 面试相关
    • 面试知识总结
    • 面试问题总结
    • 面试常见编程
    • 面试资源汇总
  • 🍭其他
    • 项目经验❗️
    • 踩坑指南❗️
      • JavaScript 踩坑指南
      • CSS 踩坑指南
      • Vue 踩坑指南
    • 学习资源
    • 综合收藏夹
由 GitBook 提供支持
在本页
  • 1. 基础项目
  • 1.1 HTML/CSS 学习项目
  • 1.2 Vue3 简易后台管理系统
  • 1.3 后台管理类系统模版(Vue)
  • 1.4 React 简易后台管理系统
  • 1.5 模块化开发体验项目
  • 2. 进阶项目
  • 2.1 在线租车项目
  • 3. 专题项目
  • 3.1 数据可视化

这有帮助吗?

  1. 其他

项目经验❗️

Github地址:https://github.com/MrEnvision

上一页面试资源汇总下一页踩坑指南❗️

最后更新于3年前

这有帮助吗?

1. 基础项目

1.1 HTML/CSS 学习项目

项目地址:,主要知识点:

  • SCSS 常用语法(继承、for 循环组合类、浏览器内核函数......)

  • 背景图片设置(background-size、background-origin、background-repeat......)

  • 幻灯片原生制作/swiper 库应用

  • ......

1.2 Vue3 简易后台管理系统

项目地址:,主要知识点:

  • Vue3.0 Composition API 体验版(⚠️与正式版有一定的区别)

  • 环境变量与模式的应用

  • xios 拦截器

  • 路由守卫(登录判断与权限判断)、路由传参、动态路由......

  • 组件封装

  • 组件通信(Vuex)

  • 表单验证

  • 自定义 Svg Icon 图标组件

  • ......

1.3 后台管理类系统模版(Vue)

  • 模块化思想/配置化思想

  • Axios 全局拦截

  • 路由守卫

  • 动态路由

  • 自定义 Svg Icon 图标组件

  • ......

1.4 React 简易后台管理系统

1.5 模块化开发体验项目

  • git submodule 模块化

  • vuex state 小技巧 - 同步本地存储

  • ......

2. 进阶项目

2.1 在线租车项目

  • 高德地图组件使用

  • 配置的开发思想(利用 JSON/Vuex/JS 等 )

  • 组件回调小技巧 - 公共写法

  • 多接口跨域配置

  • ......

3. 专题项目

3.1 数据可视化

项目地址:,主要知识点:

项目地址:,正在开发中。

项目地址:,知识点:

客户端项目地址:,后台管理系统地址:,主要知识点:

总结笔记 -

数据大屏 -

数据报表 -

移动报表 -

自定义组件库 -

ECharts 项目 -

AntV 项目 -

如果你对内容有任何疑问,欢迎提交 或

🍭
langlangDental
vue-admin
vue-element-admin-tips
react-admin
vue-module
vue-cars
vue-cars-admin
data-vision
data-vision-screen
data-vision-report
data-vision-mobile
data-vision-libs
data-vision-echarts
data-vision-antv
❕issues
✉️ email