这几天看到了一个视频(哔哩哔哩 up: 峰华前端工程师)的一个教程,是做一个响应式的官网,用到了好多的 js 包,虽然说使用别人的包,但是效果是很好看的。
项目所用到的库有:
anime: 动画库,里面有各种动画实现,链接:http://www.animejs.cc/ 。
glide: 轮播图库, 链接:https://glidejs.com/ 。
isotope: 筛选排版库, 链接:https://isotope.metafizzy.co/ 。
scrollreveal:滚动动画库, 链接:https://scrollrevealjs.org/ 。
smooth-scroll:平滑滚动屏幕到指定地方, 链接:https://github.com/cferdinandi/smooth-scroll/tree/master/dist 。
完成后的项目是一个静态页面,可以在 https://zyf5.gitee.io/mu-tu 这个页面访问一下,看看是什么效果,这个是个静态网站,然后放到 码云 上去了,使用码云的 Gitee Pages 可以把静态网页进行展示。(不知道说得对不对)。
在下一篇文章,我们来说如何简单的做到 把项目部署到 码云上,而且可以浏览效果 。
附加一下哔哩哔哩视频的地址,感兴趣的小伙伴可以看看哦,我比较笨用了 4天的时间,才做出来,嘿!看链接: 哔哩哔哩链接