- 博客(7)
- 收藏
- 关注
RSS订阅原创 css sprite雪碧图 打包工具gulp.spritesmith
由于项目用的还是http1，但为了减少http请求次数，所以使用了雪碧图（多个小图标放到一张图里）。一开始也想过用字体库，但有一些图片是设计师设计的，字体库里没有，无奈。计划一：网站合成图片很多人可能也会像我图省事直接找现成的在线合成网站（比如：https://www.toptal.com/developers/css/sprite-generator），他还能直接将每个小图标的大小，位置生成出来，很省事。但它有两个缺点：1.后期想再往里添加图标的话，每个图标的位置会变。（这个好解决，CSS Sa
2022-03-06 14:34:39
676
原创 手机端选择弹框插件（有滑动效果）
一般小程序中都有对应的插件，但在h5中，需要通过swiper自己写插件。一、引入文件<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/3.0.4/css/swiper.min.css"><script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.11.2/jquery.min.js"></script><script
2021-12-05 12:54:08
609
原创 微信小程序的wx.makePhoneCall()取消拨打电话时报错
微信小程的wx.makePhoneCall()取消拨打电话时会报错，如下图：在后面加上catch可以解决这个问题wx.makePhoneCall({ phoneNumber: telphone}).catch((e) => {});
2021-11-29 12:29:52
514
原创 微信小程序-tab切换(scroll-view + swiper)
话不多说，先上一张效果图(没买会员，有水印，勿介意)，如果是你想要的效果，继续往下看原先做百度小程序的时候有现成的tab切换组件，然后改做微信小程序的时候，发现没有现成的组件是上图的效果，所以自己手动写了一个。我这边的tab切换用的是scroll-view + swiper。切换选项的是scroll-view，如果不用scroll-view的话，在切到第五个的时候，第六个不会自动滑出来，用户体验感不好。底下使用swiper也是为了让内容切换的时候，有滑动的效果，提高用户体验。一、初步完成tab切换
2021-11-27 18:30:52
3382
原创 小程序---懒加载
因为列表页的图片太多，导致性能降低,所以决定用懒加载优化一下。所谓懒加载，就是图片没有显示的时候用占位图，等到显示的时候，将展位图改成真正要展示的图片。一、onPageScroll（监听页面滚动）提到懒加载，第一个想到的当然是onPageScroll啦。首先，选一张占位图，并且在data中声明一下图片的高度和一个跟列表长度一样的false数组（这边为什么全部是false？因为要让图片全部先用占位图占着，等到显示的时候改为true）。data: { damoHeight :'110',
2021-11-11 23:44:32
2463
原创 js禁止滚动条滚动
方法一：将body设置为fixed（滚动条会消失，页面会抖动，比较麻烦）//弹层背景滑动问题 var top1 = 0; function stopBodyScroll(isFixed) { var bodyEl = document.body if (isFixed) { top1 = window.scrollY bodyEl.style.position =
2021-10-12 10:35:34
10117
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人