微信小程序

前提条件 会scss 明白vw,vh的意思 会vue 会es6语法, 会ts 小程序代码文件构成 ts文件: 实现主要代码逻辑 wxml文件: 实现页面/组件视图 scss文件: 实现页面/组件引入

最终效果 原理 使用translateX, 将元素从0，移动到-100%, 并无限循环 注意事项 当第一次执行完毕，此时元素的位置是在-100%的位置，此时开始执行第二次，元素会迅速恢复到0%的位置，

现代项目的特点 常见特点 前后端分离 微信小程序或类uniapp，可能无法使用cookie传参 一般至少都有踢人下线和记住我功能 部分有 OAuth2 集成的需求 大厂项目通常有 sso 需求 如果是

效果 注意has语法的兼容性 参考资料 :has() - CSS：层叠样式表 | MDN (mozilla.org)

问题说明 前提 假设UI给你的设计稿是750的，你本地开发也在750的浏览器视口下进行。 重现问题 假设你采用的rem方式适配，在750的设计稿上，有段文字的字体大小是20px，那么在375的浏览器视

不同屏幕上图片高清显示解决方案 - 简书 (jianshu.com)不同屏幕上图片高清显示解决方案 - 简书 (jianshu.com)不同屏幕上图片高清显示解决方案 - 简书 (jianshu.co

* 如果在wcss文件或sass文件中，background-image 只支持设置网络图片或base64图片，并不支持设置本地路径(无论是相对路径还是绝对路径，都无效) * 微信小程序不支持如下方式

不要保持组件状态，则用wx:if/wx:else 需要保持组件状态，则用hidden属性控制 hidden属性无法直接应用于自定义组件和非块级元素，解决方案是在外层，再额外套一层view 直接用hid

微信小程序：自定义组件中如何监听页面的滚动 在页面中ts/js文件中，定义scrollTop的data变量，在页面的onPageScroll(e: WechatMiniprogram.Page.IPa

效果图 微信小程序scroll-view实现下拉刷新，上拉加载更多 scroll-view的下拉刷新和上拉加载（触底）_scroll-view上拉加载-CSDN博客 参考资料 基于NestedScro

计算滑动角度 js计算两点之间角度 通过手动旋转的方式，实现组件的360度无缝旋转。图示是实现结果的几个截图： 顺时针转到 66deg 逆时针转到 315deg 转到 180deg 实现分析 如图所示

防抖 节流 使用场景：用于需要执行多次且触发相对平滑的情况，单位时间内事件只能触发一次，如：scroll 事件、mouseover事件、播放事件等。 类型：节流函数分为立即执行和非立即执行两种，立即执

分别介绍用于适配时的优缺点 rem 以html根节点的font-size为基准的适配方案，实际效果可以简单理解为将界面元素进行缩放。一般还需要额外的js来配合修改html根节点的font-size h

touch事件分别在什么时候被触发 touchstart：手指触摸动作开始 touchmove：手指触摸后移动 touchcancel：手指触摸动作被打断，如来电提醒，弹窗 touchend：手指触摸

手把手教你用canvas绘制小程序海报（一） - 掘金 (juejin.cn) wxml-to-canvas | 微信开放文档 (qq.com)

TS定义组件，想使用自定义属性怎么办? 想在组件中使用自定义属性(且该属性与视图显示无关)，使用TS方式定义就会像下面的例子（job就是期望的自定义属性）。可能会增加很多工作量，组件中定义的所有字段，

setData 的文档藏在哪里? 框架接口 / 页面 / Page (qq.com) setData 约束 性能与体验 / 运行时性能 / 合理使用 setData (qq.com) 性能与体验 /

px转rpx px转rem px转vw scss vw vh与px换算 - 掘金 (juejin.cn)

什么是安全区? 安全区的概念从什么时候开始的？ 安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑条（Home Indicato

calc 函数无法使用scss变量或scss函数? 正确写法 css变量无法使用sass变量? 正确写法 前端 - CSS Var 自定义属性中使用 Scss 变量 - 个人文章 - SegmentF