qq_45219069的博客

前景知识要实现小程序类似抖音上下滑动预览视频，就我了解的，方案可以分为两种1、利用原生组件swiper（据说很卡，我也试过，好像是有点不流畅）2、自己实现一个上下滑动效果（只需要监听一组事件，判断上拉还是下拉，接着就是移动dom）这里就采用第二种方案自己实现 ps: （本案例基于字节小程序，由于字节已经实现原生组件同层渲染，所以这里不考虑组件层级问题，如果是其他平台，可能需要结合实际解决同层渲染问题，思路应该是一致的）先看效果：开始实现（一） 布局笔者准备在视频列表外嵌套一个大盒子，这个大盒

1、0今天无意间在看视频时，发现了一个up主实现iphone12官网的文字效果，闲来无事，自己也来弄弄看，先看看官网效果这里搞了一个gif，不过也可以看出效果啦，由于本人是米粉，就不奉上苹果官网链接了。2、分析要实现文字渐变颜色，其实是 css 将文字设置为透明，背景图 颜色渐变，可以理解为 字是透明的，背景是黑的，所以映过来，字就是白色的了，这部分代码可以直接百度栗子：background: linear-gradient(90deg,#e8a93f,#fff8aa);-webkit-ba

background-image:radial-gradient(circle at right top, #E6553D, #E6553D 0.2rem, transparent 0.22rem), radial-gradient(circle at right bottom, #F47045, #F47045 0.2rem, transparent 0.22rem), radial-gradient(circle at left top, #E6553D, #E6553D 0

1. 选择器类1.1 p.className -----> p标签同时,class为xxx的元素（与 p .className的区别）1.2 组合类选择器 后代选择器 div p (div中的p元素) , div>p (div中的直接p元素)，div+p (相邻兄弟选择器，div后的p), div~p (后续兄弟选择器，div后的所有p)1.3 伪类选择器 :first-child ， :nth-child(n) ----> (n可以使用公式 3n+0 …)–小计 ：开发

大家都知道 微信中是提供了 长按事件 1、longpress 2、longtap，道理都懂，就是长按（约350ms）后会触发事件这里是就踩了一个坑，业务场景是这样的，长按当前区域，出现对应的业务逻辑（如 批量删除等），自然想到了长按时，触发一个布尔值的改变，从而 控制对应区域的显示或者隐藏 (wx:if 或者(uni-app)的v-if)一切都很顺利，长按后也出现了对应的效果，可当再次...

由于设置了绝对定位，宽度以子元素内容的宽度一致，此时设置什么最小宽度那些都没用，但是又不能写死宽度，需要根据内容来撑开采用 white-space: nowrap；强制不换行，让其内容撑开position: absolute;white-space: nowrap;前后...