Vue2版Cnode社区webapp

1、先看效果图

手机端扫码，pc端点击这里，github地址在这里，喜欢就给star吧～

2、主要功能

1、炫酷入场动画，loading加载动画
2、权限验证，即未登录用户不能随便跳转页面（vue-router实现）
3、从主页跳往详情页，再从详情页返回时恢复到原来状态（sessionStorage实现）
4、自写vue插件实现全局提示和回到顶部功能
5、登录、发表话题、查看消息、查看话题等基本功能

3、技术栈

1、vue2+vue-router2-vuex2全家桶
2、axios，作为替代vue-resource的数据请求模块（尤大大推荐的）
3、flexible.js，font-size+rem的移动适配库
4、reset.css,animate.css，iconfont.css,github-markdown-css,fastclick.js,zepto.js一些工具类库

4、心得

        首先感谢Cnode社区提供的API。做这个项目的初衷是想完整走一遍vue全家桶流程，当然这个目的是达到了，但是我感觉收获最大的并不是这个，而是移动端的适配问题，不仅搞明白了适配的原理（font-size+rem），还对flex布局等理解更加深刻了。此外还有很多收获，比如做数据缓存，一些git操作，一些sbulimetext插件，以及webpack工具的运用等。

5、未来开发计划

    目前基本功能都已实现，后期还想在该应用上继续优化，包括：1、做服务端渲染（SSR），解决SEO和首次加载缓慢问题；2、尝试做成最近较火的渐进式渲染(PWA)应用;

6、最后

    谢谢大家阅读，希望一起交流，共同进步！（据说给了star的小伙伴更容易打通奇经八脉以及任督二脉，功力大增～～～）

Vue2版Cnode社区webapp相关推荐

用mpvue实现的微信小程序版cnode社区
五一放假,没出去玩,想熟悉下vue的开发流程,又想体验下mpvue,于是写了个练手项目.一个用mpvue实现的cnode微信小程序版. 代码在仓库.欢迎各位star.fork.issue.pr.目前已 ...
React全家桶写一个CNode社区，奉上心得与源码
webpack2+react+react-router+react-redux+ES6+antd-mobile版本的Cnode 苦于我就职的公司的技术栈还是ES5+jQ+handelbars, 而我一 ...
图灵访谈系列之九：CNode社区谈Node.js技术及生态
Node.js在各种技术会议上的分享越来越火热,为了让更多的人了解Node.js以及Node.js中文技术社区CNode,12月10日在易宝支付举行第三期Node.js北京分享会--NodeParty ...
mysql数据库商业版与社区版的区别
1.商业版本组织管理与测试环节控制更严格,稳定性方面,会比社区版本更稳定. 2.mysql是成熟产品,商业版与社区版之间性能方面相差不大. 3.商业版不遵守GPL协议,社区版遵守GPL协议可以免费使用 ...
基于vue的nuxt框架cnode社区服务端渲染
nuxt-cnode 基于vue的nuxt框架仿的cnode社区服务端渲染,主要是为了seo优化以及首屏加载速度线上地址 http://nuxt-cnode.foreversnsd.cn githu ...
[置顶] 图灵访谈系列之九：CNode社区谈Node.js技术及生态
Node.js在各种技术会议上的分享越来越火热,为了让更多的人了解Node.js以及Node.js中文技术社区CNode,12月10日在易宝支付举行第三期Node.js北京分享会--NodeParty ...
egg.js入门教程视频文件（转载于cnode社区）
记得上篇博客我满怀欣喜的去搞富文本,结果撞的头破血流. 简直是惨不忍睹.后来我也说了,我的那个有比较严重的问题,后期会考虑重构.(第一版已经放弃了) 之后我说我会去看关于后端nodejs koa框架方 ...
小程序重构 [cnode社区]：mpvue + 开源api，现已上线！
欢迎关注[前端小讴的github],原创技术文章闲暇时光表浪费,由于技术栈一直用的vue,因此用 mpVue 开发了小程序版本的 cnode 社区,api 也都是官网开源的.有人会问 "m ...
React仿CNode社区(感受React + Typescript + Redux开发流程)
CNode 社区为国内最专业的 Node.js 开源技术社区,致力于 Node.js 的技术研究 GitHub 在线体验地址说明使用 React编写,感受React + Typescript + ...
mac版idea社区版springboot工程
mac版idea(社区)maven+springboot Springboot可以非常方便快速搭建项目,需要什么就加什么,轻便不冗余. mac版idea(社区版),目前看够用. 记几个心得: 1.sp ...

Vue2版Cnode社区webapp

1、先看效果图

2、主要功能

3、技术栈

4、心得

5、未来开发计划

6、最后

Vue2版Cnode社区webapp相关推荐

最新文章

热门文章

Vue2版Cnode社区webapp

1、 先看效果图

2、 主要功能

3、 技术栈

4、心得

5、未来开发计划

6、 最后

Vue2版Cnode社区webapp相关推荐

最新文章

热门文章

1、先看效果图

2、主要功能

3、技术栈

6、最后