博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
少年,你想在vue的世界里掌控雷电吗,没错,看这个分享就对了!
阅读量:5931 次
发布时间:2019-06-19

本文共 788 字,大约阅读时间需要 2 分钟。

界面清爽美观的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的小伙伴更容易打通奇经八脉以及任督二脉,功力大增~~~)

转载地址:http://oputx.baihongyu.com/

你可能感兴趣的文章
【微信小程序】再次授权地理位置getLocation+openSetting使用
查看>>
Jsp页面,结果集分页和sql(top)分页的性能对比
查看>>
ML之监督学习算法之分类算法一 ——— 决策树算法
查看>>
VMWare------启动虚拟机时出现“start booting fron CD... Error loading image:DFEAULT.EZB”提示...
查看>>
C# 并行任务——Parallel类
查看>>
SQL Server AlwaysOn架构及原理
查看>>
17-spring学习-AOP初步实现
查看>>
mysql中实现分类汇总功能
查看>>
Day5费用流
查看>>
前端MVC Vue2学习总结(八)——Vue Router路由、Vuex状态管理、Element-UI
查看>>
PL/SQL学习笔记之基本块格式与语法
查看>>
手机端上传图片及java后台接收和ajaxForm提交
查看>>
[Javascript] Required function arguments in Javascript
查看>>
067——VUE中vue-router之使用transition设置酷炫的路由组件过渡动画效果
查看>>
如何正确的重写equals() 和 hashCode()方法
查看>>
SqlServer 复制中将大事务分成小事务分发
查看>>
vue 之webpack打包工具的使用
查看>>
一道360 crackme的详细分析
查看>>
我的2017小结
查看>>
类模板、Stack的类模板实现(自定义链栈方式,自定义数组方式)
查看>>