05 2024 档案
摘要：即便绝对定位的子盒子视觉上覆盖在父盒子上，导致父盒子的内容或背景不可见，backdrop-filter 依然作用于父盒子自己的背景及背后的内容上。简而言之，backdrop-filter 是针对元素自身及其背后内容的一个效果，它不受该元素内子元素定位方式的影响。因此，即便子盒子“脱标”，父盒子的 b
阅读全文
摘要：let observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { const img = entry.target; img.
阅读全文
摘要：HEIC 是一种高效的容器图像文件格式，使用高效视频编码（HEVC）标准进行压缩，相比 JPEG、PNG 格式体积更小。 随机抽取 100 张小程序在使用的 JPEG、PNG 图片，转为 HEIC 图片，图片体积减小 74.75%。 小程序从抖音 28.0.0 版本开始增加对 HEIC 格式图片的支
阅读全文
摘要：watch 和 watchEffect 都能响应式地执行有副作用的回调。它们之间的主要区别是追踪响应式依赖的方式： watch 只追踪明确侦听的数据源。它不会追踪任何在回调中访问到的东西。另外，仅在数据源确实改变时才会触发回调。watch 会避免在发生副作用时追踪依赖，因此，我们能更加精确地控制回调
阅读全文
摘要：width: fit-content;
阅读全文
摘要：点击查看代码 export function useLockFn(fn: (...args: any[]) => Promise<any>) { const isLock = ref(false) const lockFn = async (...args: any[]) => { if (isLo
阅读全文
摘要：要实现在页面切换时保存数据状态且记忆滚动条位置，同时避免闪烁现象，可以采用以下几种策略来优化用户体验，这些策略尤其适用于单页面应用（SPA）如Vue或React应用中： 1. 使用Keep-Alive（Vue中） 在Vue中，可以利用<keep-alive>组件来缓存组件实例，这样在切换页面时，组件
阅读全文
摘要：国际化（i18n）涉及多个方面，包括文本翻译、日期和数字格式、货币单位等，以及如何确保不同语言版本在界面布局上的一致性和美观性。针对您提到的中文字符较短而阿拉伯语等语言字符较长，导致样式难以统一的问题，可以采取以下策略： 1. 弹性布局（Flexbox 或 Grid） Flexbox：使用Flexb
阅读全文
摘要：在JavaScript中，Promise链中的.catch()方法用于捕获前面Promise中的错误，并且无论这个错误是在.then()链中的哪一个环节产生的，.catch()都会捕获到。当错误被.catch()处理之后，如果希望后续的Promise链继续执行，可以这样做。 所以对于代码 promi
阅读全文
摘要：scroll-snap-type https://developer.mozilla.org/zh-CN/docs/Web/CSS/scroll-snap-type
阅读全文
摘要：小程序跳转要在配置文件中navigateToMiniProgramAppIdList 数组，各个平台不同注意官方文档 并且在事件节点上添加 data-eventsync="true",该方法必须点击直接调起 <button class="bg-1 font-20 button" @click="te
阅读全文
摘要：点击查看代码 <template> <view class="multiline"> <view class="info"> <view :class="{hide:!iSinfo}" :style="!iSinfo?computedStyle:''"> <view :style="{ color:
阅读全文
摘要：记录一下现网微信小程序版本ios手机极个别手机关于登录api（别的没试过）不调用的问题，其他的ios可以正常唯独极个别的ios不可以 1.后台的隐私政策未更新 2.微信小程序打包上传的时候es6转换es5未勾选导致一些新的未支持 3.机型不同微信或者微信基础库（后台可以配置）版本号 4.实在不行上报
阅读全文
摘要：CSRF（跨站请求伪造）原理： CSRF是一种网络攻击方式，攻击者利用用户已登录的信任网站A的凭证（通常是Cookie），在用户不知情的情况下，诱使用户的浏览器向另一个网站B发送恶意请求。这种攻击之所以奏效，是因为浏览器会自动携带用户在A网站的认证信息（如Session Cookie）去访问B网站，
阅读全文
摘要：单项数据流（Unidirectional Data Flow）和双向数据绑定（Two-way Data Binding）是前端开发中两种不同的数据管理方式，尤其在Vue和React这类现代前端框架中体现得尤为明显。下面简要概述它们的原理和区别： 单项数据流（React的典型模式） 原理： 单项数据流
阅读全文
摘要：Vue和React作为现代前端开发中流行的两个JavaScript框架，它们有诸多相似之处，同时也存在一些关键性的不同。以下是Vue和React的一些主要相同点和不同点： 相同点： 虚拟DOM：Vue和React都使用虚拟DOM（Virtual DOM）来提高性能，减少直接操作真实DOM的频率，从而
阅读全文
摘要：发现用户痛点并解决是产品开发、市场营销和服务设计中至关重要的环节。这需要深入了解用户的需求、行为习惯以及他们在使用产品或服务过程中遇到的问题。以下是一些有效的方法来发现并解决用户痛点： 1. 直接沟通与访谈 一对一访谈：与目标用户进行深入交谈，了解他们的日常习惯、需求及面临的挑战。 焦点小组：组织一
阅读全文
摘要：点击查看代码 function isValidParentheses(str) { // 定义一个栈，用于存储待匹配的左括号 let stack = []; // 定义一个对象，用于快速判断括号是否成对 const pairs = { ')': '(', '}': '{', ']': '[' };
阅读全文
摘要：
阅读全文
摘要：对于number、string、Boolean、object、symbol数据类型调用valueOf方法，得到的都是数据本身（null、undefined两种类型上的原型链上没有valueOf方法） 点击查看代码 var a = 1; var aa = a.valueOf(); console.lo
阅读全文
摘要：点击查看代码 let stra = `<p>公告：我们于2024年5月3日下午13:00下架本小程序，请您搜索“好故事”进行观看，您的会员和书豆不会受到影响。感谢您的理解与支持</p>` let newStr = stra.replace(/<[^>]*>/g, '')
阅读全文
