我用 Vue2 全家桶重写「daza.io」的前端

[lijy91]

文章固定链接： https://daza.io/articles/58303

在发布第一版的 daza.io 的时候 Vue 2 已经发布了，但当时的进度已经快完成了，所以就没有立即升级到 Vue 2 。

在把用 Vue 1 写的版本全部推翻重写的时候参考了大量项目，并且更好的理解了 Vuex 等技术。

欢迎大家通过首页的 DaoVoice 按钮给我提建议和反馈。

主页：https://daza.io 接口：https://api.daza.io

截图

技术栈

使用了变态严格的 airbnb 的规范进行代码检查，所以整个项目的代码可读情还是很高的

• vue 2
• vue-router 2
• vuex 2
• vue-resource
• marked
• highlight.js
• simplemde
• ...

功能

• Markdown 支持
• 七牛图片上传支持
• Vue 与 jQuery 的混用
• 等等

获取源码

https://github.com/lijy91/daza-frontend https://github.com/lijy91/daza-backend https://github.com/lijy91/daza-ios https://github.com/lijy91/daza-android

讨论组

如果你对 daza.io 感兴趣，或者对我使用的技术有兴趣，欢迎加入讨论组。

[lijy91]

@shiye 欢迎给提 PR ！

[shiye]

@lijy91 要把对 Semantic-UI 和 jquery 的依赖去掉才行，不过你自己弄个博客闹着玩，不需要费这么大劲优化

[afwefww]

网站好漂亮，可是有一点点慢。我这里是小水管，花了 1.4 分钟下载了 3.4MB 素材才完全加载完首页（好一点的网络应该不会这么慢）。

但是同样条件下打开这个网站只需要不到 4s （我这里网络环境太差 ><），仅下载 不到 100KB 数据就可打开首页：

http://suo.im/nPdwN

[afwefww]

补充：我这里打开本论坛首页需要 16s ，下载 800KB 内容。仅供参考。

[sox]

@Kilerd https://infernojs.org/about

> Inferno started as an idea two years ago, to see if a UI library could really improve the experience, battery, memory usage and performance on mobile devices. At the time we really struggled to get good performance on any UI library/framework at the time – it simply wasn't happening, **we spent a huge amount of time writing lots of vanilla JavaScript code and it did the job – but it was a mess.**

[mingyun]

厉害了

[nfroot]

@Kilerd 我来回答！

之前用火车头把几十万页面数据采出来（备份），发现严重的问题就是页面太大了，严重影响了采集速度。

那时候我就想，要是能用前端框架，其他内容都不用重复载入（指 JS,CSS,多页面共用 HTML ，前面那个最大的影响也是.net 生成的一个很大的没用的隐藏 input 数据字段），那该多好啊……（能节省流量，载入速度也上几个层次，国内小 VPS 这么贵，国外那么慢，意义还是很大的）

后来……发现前端框架这么好，但是复杂度也高，还要学最新的 JS 以及一堆附加的东西，完全不是我一个 JS 新手能玩得转的……

如果不是重度用户或者前端程序员，要简单粗暴用上来真不是那么容易的事情。花费这么大精力去学习，或许有点代价太高。

何况一升级版本又出来一大堆不兼容的东西。

但是对于重度用户和前端程序员来说，确实强大好用，让他们折腾去吧。

[lwbjing]

不管你用了什么技术。。
一个网页，首屏打开 66 个请求， 3.4MB 的资源，我这边强刷了几次基本上都 35s+才加载完成。。
这个是要打回去重做的。。

[sheep3]

慢的惊人。.......

[BoiledEgg]

一篇文章而已，加载完 3.4MB ，用时 21.04s ， nginx 也没开 gzip

[irrigator]

推荐楼主看看 Nuxt.js ( https://nuxtjs.org)，评论区的大部分抱怨都能解决掉~

[hronro]

花了几分钟才打开的😂

感觉 vue 不是这么玩的

[ctsed]

3.5M 20 秒

[lijy91]

优化了一下，现在的打开速度应该会快了不少。

[jsq2627]

@lijy91 依旧不开 gzip ，没优化到重点啊

[fhefh]

nice mark