少年,你想在vue的世界里掌控雷电吗,没错,看这个分享就对了!

界面清爽美观的Vue2版Cnode社区webapp

一、 先看效果图

图片描述

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

二、 主要功能

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

三、 技术栈

一、vue2+vue-router2-vuex2全家桶
二、axios,做为替代vue-resource的数据请求模块(尤大大推荐的)
三、flexible.js,font-size+rem的移动适配库
四、reset.css,animate.css,iconfont.css,github-markdown-
   css,fastclick.js,zepto.js一些工具类库

四、心得

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

五、将来开发计划

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

六、 最后

谢谢你们阅读,但愿一块儿交流,共同进步!(听说给了star的小伙伴更容易打通奇经八脉以及任督二脉,功力大增~~~)
相关文章
相关标签/搜索