Jacket_7O

前言 最近在公司改bug，突然发现上一个前端留下的毛病不少，页面存在各种适配问题，为此甲方爸爸时常提出宝贵意见！ 你的页面是不是时常是这样： 侧边栏未收缩时： 收缩后： 这...

骨架可以在真实内容没有加载出来前让用户提前感知，可以提高用户体验 如果我们每次写组件的时候都要为其定制骨架，那就显得相当繁琐...

发生什么事了 某天，我正在愉快的摸鱼，然后我看到测试给我发了条消息，说我们这个系统在UC浏览器中有问题，没办法操作，点了经常没反应（测试用得iPhone14，是一个h5的项...

我们都知道网站性能的重要性。重要是重要，但是具体如何衡量和识别永远是个非常发散、不容易说清的事情。本文就将以业内重要会议上的分享为中心，分类详细介绍主流语境下所有重要的数据...

现在大部分app应用内的常规活动或者需要经常修改变更的页面，均会以内嵌H5形式呈现，让前端来完成开发；做页面so easy; 但是在ios端下拉和上拉出现的阻尼回弹效果，让...

先简单说下背景需求：移动端web页面有个功能是要滚动定位到某个元素。且不能那么生硬，需要带有动画效果。 最低兼容性要求：Android5.0 IOS11 以上。...

我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，...

在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同...

消息通知竖向无缝轮播组件的实现！另类的无缝轮播实现方式！！！最近有个需求需要做一个无缝轮播的消息通知，并且需要抽离成通用组件，记录下实现这个组件的历程。...

【踩坑记录】H5页面在IOS设备上都有默认的橡皮筋效果。产品经理不想要，那该怎么优雅的禁用这个效果呢？...

一、要点 1. 保持背景视频仅铺满第一屏并适配不同尺寸显示器。【🌟】 通过媒体查询适配宽高比例，控制width跟height的100vh/vw切换。 页面挂载完毕时执行视...

ECMAScript 2024（ES15） 即将发布（2024年6月），新的版本带来了非常多全新的特性。其中有 5 个全新的 JS 方法，可以大幅度提升我们的工作效率，从而...

最近我逛热风小程序（一个卖鞋的小程序）时，发现了一个奇特的图片样式。图片的四个圆角是反向的，和常规图片不一样。 思索一番后，我发现想实现这个效果，需要的 CSS 知识还挺多...

百亿补贴图片加载非常快，为什么呢？因为百亿补贴先加载了一张模糊小图、再加载了一张清晰大图，用户很难感知到模糊到清晰的过程，误以为图片加载很快。接下来我会先给出证据、再分析原...

本文主要讲述如何实现监听元素的可视区检测，并封装一个基本的React Hook，本文将从原理出发，简要介绍 useInView 的实现，并从实际应用场景帮助读者理解如何使用...

在TypeScript类型操作中typeof和in经常放在一起使用，使用频率也很高，因此将这两个关键字放在一起介绍...

过年期间在家里没事，把zustand的源码看了一遍，看完后我最大的收获就是TypeScript水平突飞猛进，再去刷那些类型体操题目就变得简单了，下面和大家分享一下zusta...