穆克

## 引言 在数字时代，每一秒都有亿万张图片在光纤中奔涌。当你在社交媒体滑动指尖，当你在电商平台浏览商品，无数个JPEG、PNG、WebP格式的图片正在上演一场静默的魔术——它们用肉眼难辨的格式差异，

vue3 生态又变强大了，动效开发，直接拿来就用，炫酷又高效，不用再眼巴巴的羡慕 react 了😎

我得承认，我有过很长一段时间的 技术社区上瘾。 每天上班第一件事，就是打开掘金、Hacker News、InfoQ，把热门文章刷一遍。通勤的地铁上，也要用手机看看今天又出了哪个新框架的测评、哪个Vit

背景 在uniapp中，原生的头部不适合我们，就需要自定义头部满足场景需求。 本文就从0到1封装一个自定义头部，对应的组件已发布插件市场cos-header,可以下载进行体验。 1. 不同平台对自定义

uni-app实现下拉刷新和上拉加载的几种方式uni-app实现下拉刷新和上拉加载的几种方式uni-app实现下拉刷新和上拉加载的几种方式

新手在开发 uniapp 项目的时候，会遇到3个难题： 1.页面布局：头部和尾部固定，中间滚动 2.下拉刷新、上拉加载分页功能 3.处理空数据图。

在用 UniApp 开发一个折叠面板组件（Collapse）时，为了追求性能，我理所当然地给内容区域加上了 v-if。我想： “只有点开的时候才创建 DOM，不点开就不渲染，这不就是最完美的按需加载吗

我用 100vh 写的 H5，在 Android 上被软键盘“顶穿”了 😭 事情是这样的。 我用 height: 100vh 写了一个很普通的 H5 页面， 结构也很常规：上面是内容，下面是输入框。

在 UniApp 开发中，由于需要跨平台（小程序、H5、App 等），样式兼容性是常见挑战。以下是常见问题及解决方案总结： 一、单位问题 问题：px 在不同平台显示不一致（如 H5 与小程序）。 解决