[豆瓣]精致完整的Vue2+项目

分享一个比较精致完整的Vue2+项目供大家交流学习,这个项目的英文简介:Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + vue-resource

项目地址:https://github.com/jeneser/douban

在线演示:https://jeneser.github.io/douban/

翻译过来呢就是一个涉及面较广的使用豆瓣API作为数据源的Vue2+DEMO。使用了Vue团队所推荐的一些流行的周边插件或库,从路由,到http请求,再到集中式状态管理,总之你要的,都在这。如果你还不清楚怎样将这些库和插件整合在一起,同时使用SCSS来编写具有漂亮UI界面的完整项目,又或者不能简单的勾勒出整体的架构,那么这个项目很可能和你胃口,又或者,你想了解一下Vue的各个API到底怎么用,用在哪里?呐,给你,都在这了。

我相信很多童鞋在找这么一个项目,能由浅入深,而不总是泛泛而谈的简单的使用几个指令或一些模板语法来糊弄大家。我读书少,你别忽悠我。当然啦,很多同学对Vue跃跃欲试,希望能快速上手Vue,享受Vue带来的乐趣,却总是无从下手,不知道用它能做什么,要做点什么,又或是一些同学在网上零零碎碎看了一些文章,就到处说Vue是多么多么简单,我不看文档,不看你什么有多么NB的项目就能怎么怎么样,那你倒是怎么怎么样啊。

我只能呵呵...记得有句话是这么说的,你的能力和你的谦虚程度是有很大关系的。平时在群里遇到的最有趣的莫过于看大家在群里讨论了:是日,有同学问了一句,为啥我的代码在IE8里不能运行呢,有人回到:我的也是,我换了360浏览器,极速模式,普通模式切换了还是不行,真奇怪啊!于是乎大家开始讨论浏览器内核,讨论你都用什么浏览器,讨论蹲在角落满脸无辜的IE系浏览器,哎呦我去,学习呢,别介,斗图吧...你一图我一图,问题也就不了了之了。

讲个冷笑话,别当真。不过这个问题还是要说一下的。挖了坑终究要填。Vue响应式原理中的变化追踪是基于Object.defineProperty的,而Object.defineProperty 是仅 ES5 支持,且无法 shim 的特性,这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器的原因。了解更多

如果你还不了解这些东西,也没事,慢慢来,静下心来,好好读读官方文档,如此通俗易懂,行云流水般的中文文档实在少见。少一些浮夸与套路,多一些务实与真诚!

昨天晚上更新了LiveDemo,整理了英文README,便给awsome-vue提交了PR,今天早上便被Merge了,是加在了Examples分类下。awsome-vue大概是8到24个小时集中处理一次pr和issue,主要由一位来自日本的开发者kazupon负责这个事情。GitHub上成千上万的开源爱好者年复一年,日复一日,无偿的为社区服务,热心的帮助来自世界各地的志同道合的小伙伴,嗯,这大概便是开源精神吧!又如卡尔维诺所说:“在梦中,他是一个青年,来到这里他已是老年,欲望已成记忆,行动起来吧少年,趁时间还早......

好了,扯了这么多,我都不知道你到底要说什么了。回到正题,这个项目可能不尽完美,是的,我也在学习中,项目也一直在更新中。对于很多小伙伴要求的完整的登录逻辑,也正在完善,后端node已经写了大半了,相信很快就能完成更新。我将会抽时间写个系列文章,把开发中遇到的问题,坑,或者是小技巧沉淀下来,这一系列文章并不会按部就班的从头到尾复制粘贴代码一步步告诉你怎样做个项目,应为这样的文章太多了,xx安装教程,xx入门hello Word教程,不能说没用,比较鸡肋吧。这一系列文章能写多少就写多少,能解决问题,尽量不扯淡。这大概是第一篇。

最后如果你在查看这个项目时有什么意见或建议可以直接联系我或到项目地址提交英文issue,只要我看到了会立即回复的,大家共同学习共同进步。

就这么多吧。
Hope you like it!

douban_home.png
douban_movie.png
douban_detial.png
douban_search.png

(5月26日更新)
过来更新一下:
这次加了许多东西,主要是用户登录注册逻辑,express+jwt,后端代码部署在heroku上(可能有些慢)供大家在线体验,具体后端代码可以看这里
项目的整体架构已经OK。辣么,接下来要做的便是把握细节了...

Next step:

  1. 本地直接mock的数据全部转移到后端,由后端统一提供所有数据。
  2. 添加评论,发话题功能?
  3. 规范部分可复用的组件,合理使用Slot分发内容。(已完成70%)
  4. 抽离公用函数,混合,合理使用自定义指令
  5. 表单字段校验(准备造一个字符校验的轮子...)
  6. 加载动画以及转场动画(loading组件已完成)
  7. 注释,完善注释和文档,然后再写一点文章
    ......

*本文首发于简书
*原创文章转载请注明
作者:jeneser
Github:https://github.com/jeneser

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容