在小程序开发中,采用了富文本编辑器生成html上传至后端,但是富文本中图片带有width属性,很遗憾图片不是自适应,大屏手机编辑的内容,在小屏幕手机预览会超出屏幕,因此要对富文本内容进行处理,方案筛选出所有图片添加样式,下方为查找图片并添加样式的核心代码let htmlText = '
在产品开发中,难免会有图片上传,但昂贵的图片资源服务会造成一大笔费用,图片压缩是图片静态资源优化的一种常用手段,那么前端如何在图片压缩中贡献自己的一份力量,此文是在【商图助理】小程序过程中开发的一款组件,在使用中体验还是不错的,近期在公司项目【活动抽奖】小程序重构过程中我想到了曾经封装的这款组件,进行了少许的优化,以及文档说明并如到【活动抽奖】项目中,下方为该组件的代码,使用uni-app,vue语法封装html
&l
BackgroundAudioManager.onTimeUpdate ios回调问题,BackgroundAudioManager.seek ios不生效
使用uniapp框架构建整屏翻页,仿抖音效整屏翻页效果,上翻或下翻到达一定临界值翻页,小于临界值,回弹复位。非 scroll-view非swiper
测试环境 iphoneX 12.4测试环境 小米 android 9通过上边两张图可以看出差异 : IOS中 在点击暂停录音之后,点击继续录音,调用继续录音事件, 会先执行一次继续录音事件再执行开始录音事件而在android中, 在点击暂停录音之后,点击继续录音,调用继续录音事件, 会先执行一次继续录音事件再执行继续录音事件在此处涉及到录音计时,平台差异导致定时器一直处于异常,调节时间超出开发预期,做以记录。在语音播放上,编辑器不会触发语音播放完成事
小程序苹果11适配,iphoneX适配,iphone11适配
在小程序图片上传中发现返回的数据 为json字符串且 在network中Preview查看汉字为乱码但是在console.log中正常且不乱码在后台设置了统一返回json对象,但是前台始终显示字符串需前端自行将字符转对象 ( 始终觉得是后台编码问题,真正答案有待商讨先做记录)wx.chooseImage({
success (res) {
const tempFilePaths = res.tempFilePaths
wxa/msg_sec_check接口content需要以json字符串的形式发送否则会出现异常
在采用uniapp开发微信小程序过程中遇到了一个坑,在微信从小程序中采用globalData可直接调用 this.globalData.windowWidth = res.windowWidth但是在uni-app中,经过测试,在app.vue里使用 this.globalData.xxx = "xxxx"这种是无效的,因为this并不能直接引用到globalData。在App.vue里,需要这样赋值: this.$options.globalData.xxxx = "xxxx"但是在
微信小程序场景菊花码
在自研产品「商图助理」正式全馆普及之后,出现了定位不在范围内的情况,经过埋点后台统计,查看部分机型存在定位偏离,且偏离比较大,起初在限定用户定位范围值设定的比较小,导致这部分用户一直无法使用本系统,最终对实际检测值进行了适中的扩大,下方放出前后端计算两坐标点距离的代码JSfunction GetDistance( lat1, lng1, lat2, lng2){
var radLat1 = lat1*Math.PI / 180.0;
var radLat2 = lat2*M
附代码html
data: {
screen_width:'',//屏幕宽度占比
tempFilePath:'',//图片零时地址
phoneSystemInfo:''
来深圳入职新公司的第一天,在熟悉公司项目代码时发现了一些问题,
代码略显臃肿,没有太多的组件化,其中一个功能中为了让遮罩层全屏遮罩,放弃了官方的tabbar,将底部三个tab页面,写在了一个home页中,导致该页面非常庞大,维护数据特别大,同时导致自己熟悉代码进度缓慢,就遮罩层这块,之前自己有在项目中使用,有几个技巧。
以下方案为折中方案,缺点是在显示遮罩时看不到遮罩下边的tabbar,具体需求具体解决吧!