前端
程序员张晴天
这个作者很懒,什么都没留下…
展开
-
JS获取屏幕宽高属性总结
平时在写界面获取屏幕、浏览器宽高时,经常会搞不清楚window、body、screen中的clientWidth、offsetWidth、width的区别,今天做一个总结帮助自己理解。window、document、screen、body、documentElement的关系window是浏览器中JavaScript的顶层对象,所有全局变量与函数都是window对象的成员,而document也是window的对象,表示当前的浏览器载入的网页(DOM树)。比如像window.alert() = alert原创 2020-11-26 19:40:36 · 1305 阅读 · 0 评论 -
web高仿樊登H5/微信音乐播放悬浮球效果
这两天完成了一个仿樊登 H5 的音乐播放悬浮球效果,这个效果跟微信音乐播放悬浮球的效果也很相似,今天总结一下实现的思路过程(基于 Vue 实现)。先来看看樊登 H5 的效果。再来看看我的实现,挺完美的,哈哈。实现起来也不复杂,主要是一步步想清楚下面的实现步骤:第一步:小球被限制在固定范围内滑动第二步:停止滑动时,小球吸边效果第三步:点击吸边状态下的小球,变换为音频播放控制面板,点击毛玻璃,恢复成小球第四步:背景毛玻璃效果一步步来说。第一步:小球被限制在固定范围内滑动touchm原创 2020-07-19 15:29:45 · 1432 阅读 · 0 评论 -
微信小程序已支持分享到朋友圈
微信小程序大概本周二也就是7月7日的时候悄悄上线了分享到朋友圈功能,目前还是beta版本。目前小程序分享到朋友圈有以下2个限制:a.仅支持Android平台,ios平台暂不支持b.微信基础库限制2.11.3及以上开发者设置分享小程序到朋友圈,有2种方式:wx.showShareMenu(),支持快速分享到朋友圈使用默认小程序标题,分享图为小程序logo,不可自定义参数。(uni-app已支持)wx.showShareMenu({ menus: ['shareAppMessage'原创 2020-07-12 18:05:33 · 700 阅读 · 0 评论 -
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
最近写小程序时,遇到了 iPhoneX 底部小黑线与内容重叠的问题,实际上是iPhoneX安全区域的适配问题,了解清楚这个问题花了挺多时间的,也实操出了结果,忍不住来总结总结。本文目录前言 · 内容与小黑线重叠情况说明1.安全区域含义2.微信小程序适配iPhoneX底部小黑条(Home Indicator) ...原创 2020-03-29 16:58:15 · 5680 阅读 · 2 评论