我用 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 感兴趣，或者对我使用的技术有兴趣，欢迎加入讨论组。

[realpg]

东北人表示无法直视你网站这个名字……

[kimwang]

感觉不错，收藏了慢慢看。

[Kilerd]

搞不懂你们为什么要用 js 前段框架，明明可以用传统的那种方式工作的。

打开你的网站，就当当 js 和 css 就跑了 2 M 。 又不上 CDN 。

如果是手机，我绝对不会打开这样的网站。

这大概就是为什么 以前 100M 流量都绰绰有余，现在 几个 G 都随随便便没了。

[murmur]

单从第一页 看 bootstrap+内容管理系统+cdn 完美符合要求 以后还可以自己玩换肤

[lijy91]

@murmur 用的并不是 bootstrap

[lijy91]

@Kilerd 只能说明我的前端优化技术还不到家。

[murmur]

@lijy91 然而我说这个需求 bootstrap 做前端 后台上个 wordpress 简直完美啊

[mimzy]

@realpg 我懂你的点 hhh

[ferrum]

感觉这种以内容为主的网站， SEO 很重要啊。

请问楼主如何解决 SEO 的问题？

[scnace]

@Kilerd 100m 就有点过分了🌚🌚

[lijy91]

@ferrum 准备上服务端渲染！！

[shakespaces]

@realpg 233333 你不说我还没联想

[carlton]

首页进入好慢, 包的体积太大了, vendor 包竟然 1M 多, 感觉你应该哪里压缩出问题了. 然后可以基于 vue-router 做按需加载的

[scarlex]

我加载完网站花了 22 秒

[XiaoxiaoPu]

@lijy91 https://daza.io/static/vendor/semantic/dist/semantic.css 忘了压缩了

[jsq2627]

http://checkgzipcompression.com/

[juneszh]

楼主尝试新生事物的积极心态 还是要给予鼓励的

我们前几个月也用 Vue 来完成了一个社交项目

但是我觉得有个观点必需提出

当今流行的 JS 框架的出现 并不是为了重现以前很简单就能完成并且已有很多成熟架构的东西

所以前面会有那么多人吐槽

WebAPP 或者 HybridApp 才是主要的表现舞台 更能发挥他们的价值

[livelazily]

网页没开启 Gzip, Semantic css 没用 min 版

[toddlt]

@realpg 就服你

[shiye]

你这个首页给我优化可以搞到总体积 200k