weixin_45483535的博客

小程序websocket最佳实践，有心跳和断线重连

类似小红书的地图展示帖子功能

可以放心直接粘到自己的项目使用，媲美微信输入框的体验。

小程序微信开发工具使用less（最优法）

百度外包面试经验2022

核心思想：给圆点设置最小宽度（min-width），圆角设置与高度相等（border-radius）。<view class="red_point flex-align-center"> <text>{{messagePointNumber}}</text></view>.red_point { position: absolute; top: 0; left: 4.167vh; border-radius: 4.286vh; m

只需要修改css属性即可解决~pointer-events:none;.mask-box { pointer-events:none;}

背景：实现小程序换肤功能，在个人中心页面开启换肤，首页即刻换肤完成，点击返回首页看不到换肤过程上代码app.js /** * 监听皮肤全局变量 * */ watch(val, watchFn) { const obj = this.globalData; Object.defineProperty(obj, val, { configurable: true, enumerable: true, set(value) {

解决小程序同一个页面不同tab下的scroll-view同步滚动的问题排查发现是因为页面滚动条也触发了，滚动scroll-view的区域会发现页面滚动条也生成了，所以导致两个scroll-view同步滚动。只需要给最外层的view加overflow: hidden即可，最外层的view需要有高度；...

1.检查了路径没问题，相对路径绝对路径都试过了2.json文件里面也配置了"component": true3.js文件有组件的构造函数Component({})但就是报错后来发现我是引用了分包的组件，衰~小程序分包后，主包应该是不能引用分包的任何资源，分包可以引用主包的任何资源，所以一直在报错，有相同问题的小伙伴可以借鉴一下~...

小程序换肤功能UI图的设计是，换肤更换背景图片、边框颜色、文字颜色，自己本地实现了一个简单的换肤功能，还没有连接服务端为了连接服务端做准备，采用了对象.属性的方式，服务端下发时，下发同样格式的json就可以 /** * 设置皮肤，写在了app.js里，方便全局使用 */ setSkin(page) { let skin_info = {} skin_info.big_bg_skin = '/images/skin/bg_skin.png'//背景图片 skin

小程序点击态，点击时自定义样式最近在做播放器的功能，点击播放按钮，上一首，下一首，播放，点击时会很生硬，于是加入了点击态样式，会使用户体验好一些，点击的时候给用户一个反馈<!--上一首---><view hover-class="hover-btn"><image src="/images/player_pre.png"></image></view>.hover-btn { opacity: 0.4;//随便定义样式}

小程序消除滚动条/* 去掉scroll滚动条 */::-webkit-scrollbar { width: 0; height: 0; color: transparent;}

UI图的超出限定字数显示为···，而不是普通的…，于是自己封装了一个函数 /** * 截取文字长度 */ cutTextLong(text, num) {//text为传入文本，num为需要留下的文本长度 if(text.length>num) { return text.slice(0,num?num:11)+'···' }else { return text } },如果只需要显示普通的…通过css即可完成，3行代码~ text {

小程序text有默认上边距，这会使UI还原不准确text { line-height: 9.783rpx; font-size: 9.783rpx; display: block;}把test变成块级元素就可以消除上边距啦~

Object.defineProperty在小程序中的简单使用场景：在app.js中定义了方法可以全局使用，想在其值发生改变时更改UI界面，发现app.js中不能使用setData方法，改值只能更改数据，UI无法同步更新，这时就需要用到defineProperty了，去注册一个监听，来监听值的改变，然后在注册监听的页面setData就可以了上代码//..........................app.js /** * 打印log日志（全局公用的方法） */ myconsol

小程序自定义toast组件注意点有一个：2秒消失的定时器要每次先清除一下，要不然多次调用，最后一个会很快的消失// components/toast/toast.jslet toastSetTimeout;Component({ options: { multipleSlots: true // 在组件定义时的选项中启用多slot支持 }, /** * 组件的属性列表 */ properties: { }, /** * 组件的初始数据

小程序setData及其回调的执行*setData后执行的回调中打印set的变量，发现变量不是赋值后的变量```javascriptthat.setData({ isplay: resData.isPlaying, }, () => { that.myconsole(`isPlay=${that.data.isplay}`) //false that.myconsole(`isPl...

我的场景是固定定位的元素加了点击事件，不生效，控制台没有报错原因是层级不够，设置css的z-index就OK啦~.arrow-left { width: 20rpx; height: 20rpx; position: fixed; left: 10rpx; top: 100rpx; z-index: 999;}...

fixed固定在底部的按钮，iPhone10以上机型，会掉下去，然后就点不到它了场景：我们公司有一个编辑器的需求，可以点击按钮添加多个文本域，两三个是没问题的，当超过可是区域后，再点击输入文字时，按钮就会突然掉下去，怎么也点不到，只出现在iPhone10以上机型，安卓的没有问题。***解决办法***查了很多文档，都说微信没有兼容iPhone10以上机型，要单独处理一下样式，于是我在生命周期on...