界面清爽美观的Vue2版Cnode社区webapp
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
界面清爽美观的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、 最后
谢谢大家阅读,希望一起交流,共同进步!