基于vue.js的cnode社区
发布于 4 年前 作者 feng-fu 6147 次浏览 来自 分享

分享

线上预览

android App

github 地址

厚着脸皮来要个star

缘起

一直想着学习一个框架,现阶段而言,最火的框架到该就是vue.js,angular和React了,前前后后纠结了一阵,终于从入门到放弃了几次之后,痛定思痛把目光放在vue.js上,虽不能说真的学会了,但是终归还是能够写出一个入不了法眼的东西来了,就顺便着记一下这过程中学过的东西吧,也算是给自己的一个总结。

初步

学一个东西,最好的教材当然是它的官方文档,并且对于vue而言,可能是拥有最完整中文社区的框架了吧,按着教程一步步的走过一遍之后还是有了一个初步的理解,有时候总想着去找一些博客看看,最后发现这些博客还不都是对这官方文档的依葫芦画瓢,甚至有的还画的不那么真切,所以静下心来画个两个晚上的时间将所有的例子都是先一遍,这真的就算是入门了啊。

巧遇

都说学一个东西最好的方式就是实践,所以纸上谈兵想来不受人待见,这也不是没有道理的事情,至少来说,在自己一次次的摸索中,可以发现自己所欠缺的东西,这时候恰巧可而去学一学,说不定下次再用到的时候就变得的心应手了,这不,可能你和我一样,在看上面例子的时候自己已经厌倦,甚至都不能快乐的将全部的内容看完,更别说全部敲上一遍了(到这里顺便鄙视一波在上弥漫说让别人画两个晚上敲完例子的自己,毕竟自己都没有这个闲心),闲时总喜欢逛逛gayhub,看看有什么好的东西,可以顺便练练手什么的,到这里总算说道正题了,这不,搜到了一个基于cnode社区api的项目,这下可算是如获至宝了。

实践

我发现自己正在将一个技术分享帖往闲碎小说的方向发展,接下来终于使正题了,在这里呢,我选用了可算是现阶段的vue.js全家桶,包括vue 2.0 vue-router axios vuex这几项东西,然后选择了mint-ui作为懒得写样式和不会设计的自己的一个替代品,开始了这个随性而起的项目。

既然提到用到这些技术,当然用到了它们的招牌功能,可能有人说不该用到vuex,那不就说图个新鲜嘛,刚学的心情不都想着要全部实践一番,最后用Cordova进行了打包,这里只有android App,到现在我都还白打包成IOS App需要什么样的条件,我还以为只要我在模拟器中能跑起来就能找到安装包,看来还是我自己太天真,毕竟我没有苹果的开发者账号。

18 回复

不错,不过最近我转战学react了,主要是搜了下各大社区以及公司大部分都是用的react技术栈,所以学react了,vue感觉在写html为核心,react感觉js为核心,我是面向工资编程,哪个技术栈用得多我就学哪个

不过从最终效果实现来看两个差不多,不过vue简单省心一些,react+react-router一个下午看完就可以写cnode demo了,但是到了redux之后发现概念一下子多了好多,各种middleware你要自己挑很花时间啊。。。还是vue好,官方配好了

webpack配置是vue-cli的默认配置吗?最近也在看vue

楼主,你的后退滚动条显示位置不是点击帖子前的位置

页面切换,有白屏的现象

source vue-cnode mobile 2.0

闲时总喜欢逛逛gayhub。。。。我刚百度了一下。。LZ是打错了么

@GGStupid 他的路由设置了
scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 }
}

@luckbb 你再试试就知道他的后退定位是不准的。

vue也可以很js,毕竟都虚拟dom了。不过jsx体验不是特别好,有时候直接写h还更方便一些……

总觉得少了react和jsx深度结合的舒适感,而且vue面向对象的感觉好浓重,fp感毫无。

这页面切换的体验确实有点…弄个fade过渡可能都比突然白屏强点吧

确实是这样,不知道怎么回事scrollBehavior不起作用 来自vue-cnode

mt-header mt-button mt-loadmore 是在哪里定义的啊?

最近也在练习用vue来写cnode社区,但是自己js有点儿差,很尴尬。。。

lzq920欢天喜地的发表了这一条评论。

@ezpod 看目录好像可以

回到顶部