当我们把Vue框架的概念过了一遍之后,要进一步提升,就要看看别人是怎么使用Vue框架来做项目。  在github上有不少好的Vue项目,我找到了其中的一个,并把它作为下一步学习的目标。  链接地址:https://github.com/bailicangdu/vue2-elm  这是一个基于vue2+vuex构建的,具有45个页面的大型单页面应用,它高仿饿”外卖App。  第一讲,我
1、
原创 2021-08-04 16:39:25
487阅读
一、基于VueUI框架  https://cn.vuejs.org/1.    UI框架:ElementUI  ElementUI是由饿UED设计、饿前端团队开发的,基于Vue2.0的桌面端组件库。Vue可以说是2017年最火的引擎类前端框架,ElementUI以其美观的设计和高质量的组件很快俘获一大批Vuer的芳心。  不足之处在于组件的种类和
转载 2024-02-26 19:17:09
1367阅读
目录官网链接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
这是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
来迟了来迟了,早就应该动手写了,无奈卡在webpack的学习中,深陷泥潭。github源码地址:饿项目源码饿项目包含以下三个方面的技术点,以及所了解的知识。1.流程及开发方法: 组件化、模块化的开发模式 学会模拟json后端数据,前后端分离开发 了解webpack的打包原理2.第三方组件学会使用vue-router开发单页应用...
原创 2021-11-30 16:08:12
1633阅读
头部1.先看一下UI图2.头部没有现成的组件,但是有一个固定定位的组件Header,稍加修改即可,home.vue修改如下3.npm run dev 运行页面如下登录与注册应该是连接,但咱们先这么写,后面用到再改,Header下的元素应该有个margin-top,这时发现这个css样式应该很多页面都要用,那应该写在全局的css里,怎么写才是全局的css?。咱们在main.js引入Mint-ui的时
饿--vue项目总结 github源码地址:饿项目源码 饿项目包含以下三个方面的技术点,以及所了解的知识。1. 流程及开发方法: 组件化、模块化的开发模式 学会模拟json后端数据,前后端分离开发 了解webpack的打包原理 2. 第三方组件 学会使用vue-router开发单页应用 ...
转载 2021-10-28 17:08:00
1398阅读
2评论
不装了,我摊牌(bushi)
原创 2022-09-26 11:45:49
289阅读
根据页面设计和组件拆分确定页面骨架开发,由于基于组件化的开发方式,把App.vue看成是页面得大的组件,大组件包括头部,导航区(控制内容区的切换),内容区包括商品、评价、商家这三个区块,这三个区块的切换会基于vue-router来实现。组件划分首先在App.vue的template层里面划分好三个大区块,即头部区块、导航区块、内容区块。<div class="header">
转载 2023-12-25 13:40:32
133阅读
# 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
本文根据石佳宁在2016ArchSummit全球架构师(深圳)峰会上的演讲整理而成,ArchSummit北京站即将在12月2日开幕,更多专题讲师信息请到北京站官网查询。先自我介绍一下,我于2014年加入饿,那时正是饿飞速发展的起始点。我一直从事后台领域的研发,比如BD系统、系统和订单系统,现在专注交易架构相关的工作。今天要讲的内容主要分为两大部分。第一部分是在高速增长和愈加复杂的交易场
转载 2023-07-30 16:17:01
74阅读
产品     饿  选择原因:有外卖就可以轻松拥有一个不用出门也饿不着的爽歪歪周末。第一部分 调研, 评测下载软件并使用起来,描述最简单直观的个人第一次上手体验。  主界面:  第一次上手是大一的时候,感觉页面很整洁干净,使用的色调也让人很舒服,各个功能都一目了然。下滑就是各种各样的外卖商店,种类也很多。产品的整理使用流程很通畅,一开始就显示订餐,订餐完后显示
转载 2023-09-27 23:18:20
295阅读
最近写了一个小demo ,饿菜单左右联动效果,由于公司的后台太差劲,到现在还没有给我接口文档,就用本地数据写了一下,写得注释超级详细 ,主要是点击左侧右侧可以滑动到指定位置,滑动右侧左侧联动效果,回弹动画效果,别的还没有写,直接上代码 有需要改进的地方,欢迎各位提出宝贵的意见 基于better-scroll 做的 首先需要下载npm install better-scroll --save&l
1、简历上写第一位的项目都具体实现思路,或在简历上挑选几个项目询问,包括整体架构、遇到的问题、使用的技术、在项目中承担的任务、最后实现的成果、个人觉得还有哪些可以改进的2、http和https的区别,https原理,http2.0与1.0的区别3、Java的垃圾回收机制,Java文件加载机制,tomcat类加载机制,锁机制,jvm原理及线上调优,jvm内存模型4、多线程,有哪些可以保持进程同步的方
  • 1
  • 2
  • 3
  • 4
  • 5