开发工具:WebStorm
项目描述:本项目是根据站酷(https://www.zcool.com.cn/)的布局样式/交互效果等作为依据模拟开发的一个实战项目;
主要模拟开发了首页,发现,同城等页面;
实现的效果主要有:导航条下拉菜单,图片轮播,图片无缝滚动,页面数据用vue动态渲染,监听页面滚动实现导航条吸顶,
点击换一换实现内容切换,基于Element组件实现内容分页,表单验证等;
项目总结:通过这次的项目实战,极大的加强了网页中部分特效的实现逻辑,
加深对JQuery的理解与动手能力;
加深对vue,element的理解与动手能力;
对开发网站的流程,上手的速度又上了一个台阶;
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
效果如下:
扫描二维码关注公众号,回复:
4540030 查看本文章
首页