[学]vue2高仿饿了么商家页面

数字骑士
• 阅读 1774

最近从imooc上学习了估计已经烂大街的实战课程(vue.js高仿饿了么)。课程用的vue.js是1.x版本,边学边查阅vue.js(2.x)官网,磕磕绊绊也算是完成了,顺便巩固了下自己成渣的前端基础知识。

实战源码见:GitHub归档

如果下中个人笔记链接访问不到,可以查看我个人主页的公开笔记。

小结:

1、请使用vue.js的英文官网,中文的稍微有些滞后,比如动效(中文的看了大半会儿才顿悟),英文的已经更新到了三种状态(很清晰,以开始动效为例:xx-enter(开始时状态)、xx-enter-active(激活状态)、xx-enter-to(结束时状态),个人笔记

2、v-ifv-show都能控制是否显示,但是前者是条件不满足时完全不渲染,而后者无视条件直接渲染(所以经常会有xx property of undefined),官网详细对比

3、z-index(你可能想的太简单了)和Stacking Context。

4、inline元素之间出现空格。

5、文字溢出hidden并显示省略号。

6、其它的像vue的组件通信、过渡钩子等可以检索官网doc。

点赞
收藏
评论区
推荐文章
Easter79 Easter79
3年前
Vue 开源项目库汇总
!图片1(http://evgetimg.osscnhangzhou.aliyuncs.com/Content/files/2017/3/30/6e14c1c665e24072900300b55919f411636264715611223167.jpg)UI组件element★9305饿了么出品的Vue2的webUI
Wesley13 Wesley13
3年前
Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例
element(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fgithub.com%2FElemeFE%2Felement) ★11612饿了么出品的Vue2的webUI工具套件Vux(https://www.oschina.net/action
Wesley13 Wesley13
3年前
EL
  事先声明,本人系.net后端老菜鸟,vue接触没有多长时间,如果存在技术分享错误,切莫见怪,第一次写博,还请大佬们多多担待,转载请注明出处谢谢!  最近项目用到饿了么上传,于是参照官网接入elupload发现无进度条停顿了一下直接显示上传成功有些不友好,onprogress方法也无法触发,百度了下大概是mockjs引入的问题,注释就好了,一般情况
Easter79 Easter79
3年前
Tedis:基于 TiKV 构建的 NoSQL 数据库
作者介绍:陈东明,饿了么北京技术中心架构组负责人,负责饿了么的产品线架构设计以及饿了么基础架构研发工作。曾任百度架构师,负责百度即时通讯产品的架构设计。具有丰富的大规模系统构建和基础架构的研发经验,善于复杂业务需求下的大并发、分布式系统设计和持续优化。个人微信公众号dongming\_cdm。Tedis(https://github.
数字骑士
数字骑士
Lv1
其实人世间的挚爱,只有两件事情就可以表达。
文章
4
粉丝
0
获赞
0