细数饿了么开源的前端项目及实践

前端开源项目精选：Vue组件与地图库推荐
最新推荐文章于 2025-10-09 11:34:21 发布
原创 最新推荐文章于 2025-10-09 11:34:21 发布 · 1.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#大前端 #开源项目

本文介绍了ElemeFE提供的丰富前端开源项目，包括Element UI、v-charts（基于ECharts的图表组件）、mint-ui、vue-amap（地图组件）、vue-infinite-scroll（无限滚动指令）及Crayfish配置管理系统，涵盖了Vue生态和技术选型。

感谢ElemeFE提供如此丰富的前端开源项目

1. Element 

官方GitHub地址

A Vue.js 2.0 UI Toolkit for Web

 

2. v-charts

官方GitHub地址

test

基于 Vue2.0 和 ECharts 封装的图表组件

 

3. mint-ui

官方GitHub地址

Mobile UI elements for Vue.js

 

4. vue-amap

官方GitHub地址

基于 Vue 2.x 和高德地图的地图组件

 

5. vue-infinite-scroll

官方GitHub地址

An infinite scroll directive for vue.js.

 

6. crayfish

官方GitHub地址

基于 CDN 的配置管理系统

 

 

 

 

未完待续！

饿了么前端团队开源的基于Vue.js UI框架 Element-UI.zip
07-19
Element-UI，基于Vue.js 2.0的桌面UI元素。由饿了么公司前端团队开源。运行效果：用法：npm install element-ui@next示例代码：import Vue from 'vue' import Element from 'element-ui' import 'element-ui/lib/theme-default/index.css'; Vue.use(Element) // or import Select from 'element-ui/lib/select'; import Select from 'element-ui/lib/theme-default/select.css'; import Button from 'element-ui/lib/button'; import Button from 'element-ui/lib/theme-default/button.css'; Vue.component(Select.name, ElSelect) Vue.component(Button.name, ElButton) 标签：饿了么
饿了么项目+前端页面+HTML+js+vue
12-28
一个饿了么手机页面的前端效果。 项目展示： 1. 运行 “饿了么项目” ，演示应用程序效果，演示 “点餐业务线” 整体流程。 2. 本项目参照 “饿了么官网网页版”制作，演示饿了么官网效果。饿了么网页版：http://h5.ele.me/ 3. 本项目专注于完成点餐业务线功能， ”饿了么官网“中的其它功能暂不涉及 。
【Web前端|第六章】Vue进阶（二）——Element组件库
最新发布
m0_74177281的博客
10-09 1566
Element UI 是饿了么团队开发的 Vue 组件库，提供丰富的 UI 组件（如按钮、表格、布局等）帮助快速构建网页。学习重点包括：1）通过 npm 安装并引入 Element Plus；2）从官网复制组件代码到项目中进行修改；3）常用组件如布局容器、导航菜单（需配合路由实现页面切换）、表格（el-table）和分页（Pagination）的使用方法。其中分页组件需注意 size-change 和 current-change 事件的处理。学习方式以复制-修改为主，适合后台开发者快速搭建界面。
饿了么前端案例源码
03-17
饿了么前端案例源码，vue入门经典案例。。。。。。。。。。
饿了么开源项目Hermes：新颖巧妙易用的Android进程间通信IPC框架
小飞的技术博客
05-20 1万+
Hermes是一套新颖巧妙易用的Android进程间通信IPC框架。这个框架使得你不用了解IPC机制就可以进行进程间通信，像调用本地函数一样调用其他进程的函数。用户可以轻而易举在本地进程创建其他进程类的对象，轻而易举在本进程获取其他进程的单例，轻而易举在本进程使用其他进程的工具类。支持进程间函数回调，调用其他进程函数的时候可以传入回调函数，让其他进程回调本进程的方法。自带内存优化，并且支持跨进程垃圾回收。
[Java Web]element | 一个由饿了么公司开发的前端框架，让你快速构建现代化、美观的 Web 应用程序。
逐梦苍穹的博客
04-12 8120
本文介绍一个由饿了么公司开发的前端框架element。Element 提供了一组常用的 UI 组件，这些组件可以被开发者们用来快速构建现代化、美观的 Web 应用程序。
精选资源
吉林大学软件学院企业实训h5-纯前端模拟饿了么页面
08-01
实验主要内容是在采用vue大前端框架下，进行对“饿了么”app的页面模拟功能，主要采用的方法：利用脚手架工具搭建，对组件进行组合嵌套，element以及mintui的现成开源组件的复用，并且实现了，登陆，流动广告，地址...
基于Vue2与Webpack高仿饿了么App实战项目
本项目“vue2vuerouter2es6webpack高仿饿了么app”是一个基于Vue.js 2.x版本的前端实战项目，旨在通过模拟真实商业级应用——饿了么App的界面与交互逻辑，帮助开发者深入掌握Vue 2、Vue Router 2、ES6（ECMAScript ...
精选资源
vue-admin-beautiful-master.zip饿了么前端框架
03-12
这个"vue-admin-beautiful-master"项目为我们提供了一个很好的学习和实践Vue.js及Element UI的平台，通过实际操作，可以深入理解这两个工具的使用和项目架构设计。无论是初学者还是有经验的开发者，都能从中获益匪浅...
Vue.js实战项目：饿了么外卖商家系统前端源码
- **学习目标**：课程旨在通过高仿饿了么外卖App，让学习者深入了解并实践Vue.js框架在实际项目中的应用。 - **课程知识点结构**：课程会从基础开始，逐步介绍Vue.js的基本使用、组件开发、状态管理、路由设置等核心...
云E办Springboot+vue——前端项目完整版（含源码）
热门推荐
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
08-10 5万+
本项目基于Vue+Spring Boot构架一个前后端分离项目。前端使用社区非常活跃的开源框架vue进行构建。受疫情的影响，许多企业由线上办公转为线下办公。随着线上办公的人数的增多，线上办公的优点逐步凸显：通过实现工作流程的自动化、节省企业办公费用、实现绿色办公，同时提升办公效率。前端使用的技术有： Vue、Vue-cli、Vuex、VueRouter、ElementUI、Axios、ES6、Webpack、WebSocket、font-awesome、js-file-download、vue-chat 项
web前端之vue写饿了么应用
04-14
饿了么前端
基于HTML5+CSS+JS饿了么实战项目
07-31
基于HTML5+CSS+JS饿了么实战项目，共11个页面 1. 运行 “饿了么前端网页项目” ，演示页面效果。 2. 本项目参照 “饿了么官网网页版”制作，演示饿了么官网效果。饿了么网页版：http://h5.ele.me/ 3. 本项目中的首页，完全按照“饿了么网页版”实际效果制作，相似度达到99%。 4. 本项目中的其它页面，专注于完成一个“点餐业务线”功能，所以其它页面效果会有适当的删减。
第四十一天：Vue+Vue指令+Element（饿了么开源前端样式）
qq_38250571的博客
12-23 1089
1. Vue简介 1.1 相关概念 Vue：构建用户界面的渐进式框架，实现视图和数据的分离。 前端使用Vue开发之后，我们就不需要再去获取各种元素对象并且进行增删改查了，而是把页面(中某部分内容)托管给一个Vue对象，通过操作Vue对象的data属性的值（Vue里面的数据模型），这些修改会自动同步到页面上，就可以完成对页面的增删改查。 特点： 易用 灵活 性能好 1.2 与原生js/jQuery的区别 数据和视图的组织方式不同 js/jq一般都是视图和数据写在一起 Vue的视图和数据是分离的
探索高效前端开发：饿了么点餐系统开源项目推荐
gitblog_00224的博客
08-09 526
探索高效前端开发：饿了么点餐系统开源项目推荐 项目地址:https://gitcode.com/gh_mirrors/vu/VueDemo_Sell_Eleme 在现代Web开发领域，Vue.js已成为构建用户界面的首选框架之一。今天，我们将深入介绍一个基于Vue 2.0的高仿饿了么点餐系统开源项目，它不仅展示了Vue框架的强大功能，还提供了一个实际应用的范例，适合前端开发者学习和参考。 项目介绍...
Flash Waimai：饿了么外卖平台开源项目
09-26 1113
这是一个仿照饿了么的外卖平台，包括手机端、后台管理以及 API 服务，基于 Spring Boot 和 Vue 的前后端分离的外卖系统。虽然项目主要是为了交流学习，不建议商用，但它提供了一个完整的框架和丰富的功能，让你能够深入理解外卖平台的运作机制。该项目使用的技术栈包括Spring Boot、Vue.js、MySQL和MongoDB等，是一个非常适合学习和二次开发的项目。不仅仅是一个简单的演示项目，它拥有完整的外卖业务流程，包括用户下单、商家接单、配送员配送等。：一个基于Vue2的外卖项目。
“饿了么”外卖系统开源了！
weixin_45727359的博客
04-12 662
flash-waimai一个完整的外卖系统，包括手机端，后台管理，api。基于spring boot和vue的前后端分离的外卖系统，包含完整的手机端，后台管理功能。技术选型核心框架：Spring Boot数据库层：Spring data jpa/Spring data mongodb数据库连接池：Druid缓存：Ehcache前端：Vue.js数据库：mysql5.5以上...
一套代码就可编译出多平台可运行的小程序，饿了么团队开源！
程序员闪充宝
07-18 770
今天给大家推荐一个非常实用，非常好的开源项目，它就是：MorJS 。Mor (发音为 /mɔːr/，类似 more)，是饿了么开发的一款基于小程序 DSL 的，可扩展的多端研发框架，使用小程序原生 DSL 构建，使用者只需书写一套（微信或支付宝）小程序，就可以通过 Mor 的转端编译能力，将源码分别编译出可以在不同端（微信/支付宝/百度/字节/钉钉/快手/QQ/淘宝/Web…）运行的产物。MorJ...
饿了么开源项目Hermes跨进程架构分析1-服务端注册
hongxue8888的博客
08-27 2033
https://blog.youkuaiyun.com/xiaofei_it/article/details/51464518 https://github.com/Xiaofei-it/Hermes 先做一个小实验，SecondActivity另启一个进程，代码如下： public class MyApplication extends Application { private static i...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值