- 博客(3)
- 收藏
- 关注
RSS订阅原创 令better-scroll更完美的封装（二）
本次封装让better-scroll更完美，解决偶尔滑不动的bug，让滑动更丝滑，提升用户体验感，同时让它的性能得到优化。better-scroll有个令很多人头疼的bug：偶尔会出现向下滑不动的情况，导致很多页面看不到。我们先找一下产生这个bug的原因：better-scroll滑动的范围是content的高度减去wrapper的高度，而很多情况下我们都需要动态加载数据，数据增加后content的高度就会增加，但是better-scroll并没有意识到content高度增加了（主要是有图片加载时，
2021-05-23 17:32:19
334
原创 Toast全局引入，超方便调用
不少库里都有Toast，原理都一样，几乎都是需要调用方法，用props传message值。代码量相对来说比较多。拿element ui的toast来说，每调用一次toast代码量是这样的（实际截图截了两次），这还没有算上需要父子组件传值的情况。如果项目中的多个页面都要使用toast，或者一个页面要调用多次toast，每个toast的值还不一样，那代码量相对来说就会有些多。最近在网上看学习视频，一位老师将toast.$el元素挂载到全局上，这样每次调用toast时，只需要一句代码即可完成。在这里跟
2021-05-20 00:12:43
2326
原创 令better-scroll更完美的封装（一）
better-scroll的功能挺强大的，虽然一开始的时候有很多bug，被戏称bug-scroll，但是该项目一直都在更新，变得越来越好。为了防止意外，我们还是要对better-scroll封装一下，并让better-scroll更好用。1.我个人认为滚动的内容往往都需要一个置顶按钮，所以我们在封装better-scroll时顺便给它添加一键置顶功能2.将常用的功能函数封装起来，让我们调用组件时更高效。首先封装一个一键置顶的组件(图片选自己喜欢的即可)<template>
2021-05-19 22:52:30
219
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人