
h5
文章平均质量分 85
HouGISer
武大GIS专业背景、高级web前端开发工程师、多年地图编辑器研发经验。
业余时间探索技术落地场景,做点好玩的:https://tryiscool.space。
商务合作私聊。
展开
-
万语千言,不敌一纸情书
背景2.14就是情人节了,不知道各位读(直)者(男)想到了什么样的礼物,或者是还没有女盆友。。想来和女盆友在一起已经五年多了,想当年没少给她写情书。尽管后来这一个习惯断了,但是情书这种形式还是很有意义。现在作为一名理工男,想用技术来实现一个电子情书。我给这个项目起了一个挺浪漫的名字:一纸情书。实际上这个项目是去年疫情期间,我和女盆友异地,我花了一天时间做出来送给她的,她还挺喜欢的。网页链接:[https://railwayhs.cn/loveletter](https://railwayhs.c原创 2021-02-10 15:13:02 · 2799 阅读 · 13 评论 -
uniapp开发h5页面实现图片预加载功能
背景h5页面,很多时候存在大量的图片、动画,这些都需要下载大量的静态资源,如果我们直接打开页面,会发现部分图片正在加载或者还未下载的现象,严重影响体验效果。为了解决这个问题,我们需要进行图片预加载的操作。什么是图片预加载?简单来说,图片预加载就是在页面渲染前把所有的图片、GIF等静态资源全部下载完毕,使得页面渲染后直接打开缓存的图片资源,从而减少卡顿的问题,优化用户体验。那么如何在h5中...原创 2020-01-24 17:24:44 · 13094 阅读 · 2 评论 -
uniapp开发h5页面,实现背景音乐播放+暂停
背景我们平常见到的h5页面,大多数都有背景音乐,打开页面自动播放,该文教大家如何利用uniapp开发h5,实现内置音乐播放、暂停,以及音乐icon的旋转和暂停动画。创建音乐对象代码如下:var innerAudioContext = uni.createInnerAudioContext();innerAudioContext.autoplay = true;//自动播放innerAu...原创 2020-01-24 17:03:38 · 12663 阅读 · 7 评论 -
解决uniapp开发h5页面时使用canvas字体显示大小有误问题
背景用uniapp开发h5页面,如果你使用canvas画图,可能会用到canvasContext.setFontSize()这个函数,经过测试,如果设置的size是小数,那么在csdn、知乎等内置浏览器中访问,字体大小是不正确的。解决方法用Math.round()等取整函数,将小数转为整数,再赋值。建议最好使用canvas中,涉及数字的都取整,不要用小数,以免出现其他问题!...原创 2020-01-04 16:47:25 · 2743 阅读 · 0 评论