Web前端最全优秀 的 免费开源项目 整理(1)，前端面试知识点

文末

js前端的重头戏，值得花大部分时间学习。

推荐通过书籍学习，《 JavaScript 高级程序设计（第 4 版）》你值得拥有。整本书内容质量都很高，尤其是前十章语言基础部分，建议多读几遍。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。

学习资料在精不在多，二者结合，定能构建你的 JavaScript 知识体系。

面试本质也是考试，面试题就起到很好的考纲作用。想要取得优秀的面试成绩，刷面试题是必须的，除非你样样精通。

这是288页的前端面试题

4. GIN-VUE-ADMIN

===============================================================================

开源地址：

文档地址：

效果预览：

开源协议：Apache-2.0 License

5. vue-admin-beautiful

=====================================================================================

开源地址：

文档地址：

效果预览：

开源协议：MPL-2.0 License

6. Dcat-admin

============================================================================

开源地址：

文档地址：

效果预览：

开源协议：MIT License

7. RuoYi

=======================================================================

开源地址：

文档地址：

效果预览：

开源协议：MIT License

8. renren-fast-vue

=================================================================================

开源地址：

文档地址：

效果预览：

开源协议：MIT License

9. ant-design-pro

================================================================================

开源地址：

文档地址：

效果预览：

开源协议：MIT License

10. iview-admin

==============================================================================

开源地址：

文档地址：

效果预览：

开源协议：MIT License

11. material-dashboard

=====================================================================================

开源地址：

文档地址：

效果预览：

开源协议：MIT License

推荐一个 Spring Boot 基础教程及实战示例：https://github.com/javastacks/spring-boot-best-practice

12.EAdmin

=======================================================================

开源地址：

文档地址：

效果预览：

开源协议：无

13.LuckyFrame

===========================================================================

开源地址：服务端 && 客户端

效果预览：

官网

14.vue-manage-system（多框架）

=======================================================================================

开源地址(Vue2 + Element)：

开源地址(Vue3 + Element)：

开源地址(React + Ant Design )：

效果预览：

功能介绍：

Element UI / Element Plus / Ant Design of React

登录/注销

Dashboard

表格

Tab 选项卡

表单

图表 📊

富文本编辑器

markdown 编辑器

图片拖拽/裁剪上传

支持切换主题色 🎨

权限测试

404 / 403

三级菜单

自定义图标

国际化

15.vue2-manage（移动、后台、APP）

=======================================================================================

开源地址：

移动端：

后台：

原生APP：

移动端效果预览：

后台效果预览：

功能介绍：

| 移动端 | 后台 |

| — | — |

| 定位功能 – 完成 | P定位 – 完成 |

| 选择城市 – 完成 | 城市列表 – 完成 |

| 搜索地址 – 完成 | 搜索地址 – 完成 |

| 展示所选地址附近商家列表 – 完成 | 上传图片 – 完成 |

| 搜索美食，餐馆 – 完成 | 搜索美食，餐馆 – 完成 |

| 根据距离、销量、评分、特色菜、配送方式等进行排序和筛选 – 完成 | 根据距离、销量、评分、特色菜、配送方式等进行排序和筛选 – 完成 |

| 餐馆食品列表页 – 完成 | 添加商铺 – 完成 / 添加食品 – 完成 / 测量距离 – 完成 |

| 购物车功能 – 完成 | 购物车功能 – 完成 |

| 店铺评价页面 – 完成 | 评价列表 – 完成 |

| 单个食品详情页面 – 完成 | 食品详情 – 完成 |

| 商家详情页 – 完成 | 商家详情 – 完成 |

| 登录、注册 – 完成 | 登录、注册 – 完成 |

| 修改密码 – 完成 | 修改密码 – 完成 |

| 个人中心 – 完成 | 管理员权限验证 – 完成 / 超级管理员 – 完成 |

| 发送短信、语音验证 – 完成 | 前后台路由同构 – 完成 |

| 下单功能 – 完成 | 下单 – 完成 |

| 订单列表 – 完成 | 订单管理 – 完成 |

| 订单详情 – 完成 | 订单信息 – 完成 |

| 下载App – 完成 | 流量统计 – 完成 |

| 添加、删除、修改收货地址 – 完成 | 添加、删除、修改收货地址 – 完成 |

| 帐户信息 – 完成 | 用户信息 – 完成 |

| 服务中心 – 完成 | 商铺管理 – 完成 |

| 红包 – 完成 | 红包 – 完成 |

| 上传头像 – 完成 | 部署上线 – 完成 |

| 付款 – 臣妾做不到啊~~ | 食品管理 – 完成 |

16. vue-framework-wz

===================================================================================

开源地址：

效果预览：

Features 特性

wz脚手架（脚手架助你安装/卸载组件更方便）

工业化UI组件（上手即用，无需自己造轮子）

自适应布局（完美适配大中小屏）

登录/注销

权限验证

多TAB导航（没有多TAB怎么能称为后台管理界面呢？）

Markdown 编辑器

动态侧边栏（支持多级路由）

面包屑导航

JSON展示组件

总结

前端资料汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
  喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！