合集-bjjc奇奇怪怪bug
摘要：要实现在页面切换时保存数据状态且记忆滚动条位置，同时避免闪烁现象，可以采用以下几种策略来优化用户体验，这些策略尤其适用于单页面应用（SPA）如Vue或React应用中： 1. 使用Keep-Alive（Vue中） 在Vue中，可以利用<keep-alive>组件来缓存组件实例，这样在切换页面时，组件
阅读全文
摘要：点击查看代码 export function useLockFn(fn: (...args: any[]) => Promise<any>) { const isLock = ref(false) const lockFn = async (...args: any[]) => { if (isLo
阅读全文
摘要：width: fit-content;
阅读全文
摘要：watch 和 watchEffect 都能响应式地执行有副作用的回调。它们之间的主要区别是追踪响应式依赖的方式： watch 只追踪明确侦听的数据源。它不会追踪任何在回调中访问到的东西。另外，仅在数据源确实改变时才会触发回调。watch 会避免在发生副作用时追踪依赖，因此，我们能更加精确地控制回调
阅读全文
摘要：HEIC 是一种高效的容器图像文件格式，使用高效视频编码（HEVC）标准进行压缩，相比 JPEG、PNG 格式体积更小。 随机抽取 100 张小程序在使用的 JPEG、PNG 图片，转为 HEIC 图片，图片体积减小 74.75%。 小程序从抖音 28.0.0 版本开始增加对 HEIC 格式图片的支
阅读全文
摘要：let observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { const img = entry.target; img.
阅读全文
摘要：即便绝对定位的子盒子视觉上覆盖在父盒子上，导致父盒子的内容或背景不可见，backdrop-filter 依然作用于父盒子自己的背景及背后的内容上。简而言之，backdrop-filter 是针对元素自身及其背后内容的一个效果，它不受该元素内子元素定位方式的影响。因此，即便子盒子“脱标”，父盒子的 b
阅读全文
摘要：如果你在try块中定义了一个变量，但在catch块中访问时得到undefined，这可能是因为以下几个原因： 变量作用域问题：如果在try块中使用let或const声明了变量，这些变量只在try块内部可见（即具有块级作用域）。当控制权转移到catch块时，这些变量就不可见了，因此尝试访问它们会得到u
阅读全文
摘要：点击查看代码 #!/bin/bash # 设置你要cherry-pick的commit hash commit_hash="a5bdefa5d8cccc7cb73b85a84355c6d977a918fb" # 获取所有本地分支的名字，排除远程跟踪分支 branches=$(git branch -
阅读全文
摘要：由于 js 是单线程，DOM 解析是自上而下的，遇到 link 或 script 标签，去暂停主线程去下载资源，然后再继续解析，主线程在等待网络线程下载的这个时间段就会造成浪费，而 HTML资源提示符 就能很好解决这个问题。 async 异步下载 js 资源，不会阻止 DOM 解析，会在下载完成后立
阅读全文
摘要：点击查看代码 wx.getSetting({ success(res) { // 判断已授权的scope是否含有保存到相册的授权 if (!res.authSetting['scope.writePhotosAlbum']) { // 没有授权过，走完整的授权逻辑 wx.authorize({ sc
阅读全文
摘要：方式1： calc-size方法 div{ height: 0; transition: 1s } .wrap:hover div{ height: calc-size(auto) } 方式2：interpolate-size设置插值计算的规则 其中第一个 numeric-only ，表示仅限数值，
阅读全文
摘要：split() 用于将字符串按照指定分隔符分割成数组 string.split(separator, limit) separator（可选）：指定分隔符，可以是字符串或正则表达式。如果省略，则返回整个字符串作为数组。 limit（可选）：整数，限制返回的数组的最大长度。如果超过限制，多余的部分将被
阅读全文
摘要：
阅读全文
摘要：在CSS（层叠样式表）中，border和outline都用于给元素添加边框效果，但它们之间存在一些区别： 最重要的一点outline外边框不占用空间 1. 用途和功能 border 主要用于定义元素的边框，是元素盒模型的一部分。它可以用于控制元素的大小和布局，因为边框的宽度会影响元素的总宽度和总高度
阅读全文
