当我们把Vue框架的概念过了一遍之后,要进一步提升,就要看看别人是怎么使用Vue框架来做项目了。  在github上有不少好的Vue项目,我找到了其中的一个,并把它作为下一步学习的目标。  链接地址:https://github.com/bailicangdu/vue2-elm  这是一个基于vue2+vuex构建的,具有45个页面的大型单页面应用,它高仿了“饿了么”外卖App。  第一讲,我            
                
         
            
            
            
            目录官网链接1、简介2、element布局2.1、layout布局2.1.1、span2.2、Container 布局容器3、基本使用4、简单样例 官网链接https://element.eleme.cn/#/zh-CN/component/installation1、简介  Element 是由饿了么公司(Eleme)开发的。Eleme 是中国领先的本地生活服务平台,提供外卖、餐饮、生鲜、果蔬            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-22 16:08:05
                            
                                2136阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            传统的用html+jquery来实现购物车系统要非常的复杂,但是购物车系统完全是一个数据驱动的系统,因此采用诸如Vue.js、angular.js这些框架要简单的多。饿了吗开源的组件库Element是基于Vue.js 2.0实现的,该组件库封装了开发中需要的各种组件,并且提供了友好的API文档供开发者查看,下面就是我用Element实现的一个简单的购物车系统。(https://github.com            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-21 16:58:19
                            
                                408阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.页面骨架开发1.1组件拆分手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。  <meta name="viewport" content="width=device-width,inital-s            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-23 14:27:13
                            
                                292阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            这是Element UI 的升级版本,体验同样优秀,api更加友好,文档同样详尽,很香。
    这是Element UI 的升级版本,体验同样优秀,api更加友好,文档同样详尽,很香。关于 Element Plus在本站建站之初就强烈发文推荐过 Element – 饿了么团队出品的神级桌面 UI 组件库,它诞生于 2016 年,起初是饿了么内部的业务组件库,主            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-21 17:04:55
                            
                                649阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言这是我的第一个基于Vue项目的作品,目的是把之前的前端知识累积加上目前流行的前端框架,以项目的形式展示出来。 大家在学习Vue的时候,可以将此项目作为学习Vue框架的一个模板源码地址源码:https://github.com/shifengming/sell实现功能Goods、Ratings、Seller 组件视图均可上下滚动商品页 点击左侧menu,右侧list对应跳转到相应位置点击list            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-21 09:37:16
                            
                                150阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            内容来源:2018 年 01 月 05 日,饿了么研发总监梁向东在“2018移动技术创新大会【行业技术落地案例专场】”上进行的《饿了么API Everything的实践》演讲分享。IT 大咖说作为独家视频合作方,经主办方和讲者审阅授权发布摘要本次分享将详细介绍饿了么API Everything框架概念以及构成部分,对比传统开发解决了那些问题,又有那些有待解决的问题。  什么是API Everyth            
                
         
            
            
            
            头部1.先看一下UI图2.头部没有现成的组件,但是有一个固定定位的组件Header,稍加修改即可,home.vue修改如下3.npm run dev 运行页面如下登录与注册应该是连接,但咱们先这么写,后面用到再改,Header下的元素应该有个margin-top,这时发现这个css样式应该很多页面都要用,那应该写在全局的css里,怎么写才是全局的css?。咱们在main.js引入Mint-ui的时            
                
         
            
            
            
            来迟了来迟了,早就应该动手写了,无奈卡在webpack的学习中,深陷泥潭。github源码地址:饿了么项目源码饿了么项目包含以下三个方面的技术点,以及所了解的知识。1.流程及开发方法:  组件化、模块化的开发模式	  学会模拟json后端数据,前后端分离开发	  了解webpack的打包原理2.第三方组件学会使用vue-router开发单页应用...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-11-30 16:08:12
                            
                                1633阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            饿了么--vue项目总结 github源码地址:饿了么项目源码 饿了么项目包含以下三个方面的技术点,以及所了解的知识。1. 流程及开发方法: 组件化、模块化的开发模式 学会模拟json后端数据,前后端分离开发 了解webpack的打包原理 2. 第三方组件 学会使用vue-router开发单页应用  ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-28 17:08:00
                            
                                1398阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            根据页面设计和组件拆分确定页面骨架开发,由于基于组件化的开发方式,把App.vue看成是页面得大的组件,大组件包括头部,导航区(控制内容区的切换),内容区包括商品、评价、商家这三个区块,这三个区块的切换会基于vue-router来实现。组件划分首先在App.vue的template层里面划分好三个大区块,即头部区块、导航区块、内容区块。<div class="header">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-25 13:40:32
                            
                                133阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、基于Vue的UI框架  https://cn.vuejs.org/1.    UI框架:ElementUI  ElementUI是由饿了么UED设计、饿了么前端团队开发的,基于Vue2.0的桌面端组件库。Vue可以说是2017年最火的引擎类前端框架,ElementUI以其美观的设计和高质量的组件很快俘获了一大批Vuer的芳心。  不足之处在于组件的种类和            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-26 19:17:09
                            
                                1367阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            从技术的角度来看,饿了么遇到的最大挑战是事故。本文将围绕事故展开,分成两部分内容:技术运营经历与心得。第一部分经历又分为三个阶段:精细化分工、保稳定(容量和变更)和增效。第二部分心得,是作者对运维服务的理解。一、技术运营经历技术运营的职责是尽最大的努力协同更多的人来达成保稳定的目标,可以划分为两个阶段:运维保障、运维服务。现在,饿了么处在运维服务的阶段,技术运营团队作为乙方,把开发出来的产品,            
                
         
            
            
            
            1、            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-04 16:39:25
                            
                                487阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # HTML5 饿了么框架:构建现代化 Web 应用的利器
随着互联网技术的快速发展,我们的工作和生活方式也在不断演变。在众多的前端技术中,HTML5 脱颖而出,成为了构建现代 Web 应用的重要基石。而“饿了么”作为一个成熟的前端框架,结合了 HTML5 的优秀特性,成功地提升了用户体验和开发效率。本文将深入探讨 HTML5 饿了么框架的各个方面,并通过示例代码帮助读者理解。
## 什么是            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-13 06:24:52
                            
                                255阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            仿饿了么-开发笔记项目演示gitee地址一、移动端开发准备1.引入reset.css 1.1 下载到本地:下载网址 cssreset.com 或者 cssdeck.com  1.2 外部引入<link rel="stylesheet" href="http://...css">2.viewport设置<meta name="viewport" 
	content="width=d            
                
         
            
            
            
            随着移动互联网时代的到来,移动技术也随之飞速发展。如今,APP已然成为绝大多数互联网企业用来获取用户的核心渠            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-03-17 13:42:00
                            
                                671阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            0 引言 时代演进,技术也随之发展。到今天,APP已然成为绝大多数互联网企业用来获取用户的核心渠道。与此同一时候,伴随着业务量的增长,愈来愈大、愈来愈多的APP也在不断地、持续地挑战着每个移动端研发人员的知识深度,而我们的移动端技术人员也在这个不断接受挑战的过程中,成就了今天的移动互联网时代。饿了么            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-01-07 15:54:03
                            
                                222阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            产品     饿了么  选择原因:有了外卖就可以轻松拥有一个不用出门也饿不着的爽歪歪周末。第一部分 调研, 评测下载软件并使用起来,描述最简单直观的个人第一次上手体验。  主界面:  第一次上手是大一的时候了,感觉页面很整洁干净,使用的色调也让人很舒服,各个功能都一目了然。下滑就是各种各样的外卖商店,种类也很多。产品的整理使用流程很通畅,一开始就显示订餐,订餐完后显示            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-27 23:18:20
                            
                                299阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            本文根据石佳宁在2016ArchSummit全球架构师(深圳)峰会上的演讲整理而成,ArchSummit北京站即将在12月2日开幕,更多专题讲师信息请到北京站官网查询。先自我介绍一下,我于2014年加入饿了么,那时正是饿了么飞速发展的起始点。我一直从事后台领域的研发,比如BD系统、系统和订单系统,现在专注交易架构相关的工作。今天要讲的内容主要分为两大部分。第一部分是在高速增长和愈加复杂的交易场            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-30 16:17:01
                            
                                77阅读