微信小程序自定义tabbar实战
做微信小程序的朋友大多遇到过这种尴尬:产品经理拿着设计稿说,这个 tabbar 要中间凸起一个按钮,图标要能带角标,选中态要有个小动画。而小程序原生 tabBar 只支持静态配置,改个图标都得重新编译,更别说凸起和动画了。这时候就得上自定义 tabbar。 自定义 tabbar 的核心思路其实不复杂:把原生 tabbar 隐藏掉,自己写一个 fixed 定位的组件,用 wx.switchTab 做
共 7 篇
做微信小程序的朋友大多遇到过这种尴尬:产品经理拿着设计稿说,这个 tabbar 要中间凸起一个按钮,图标要能带角标,选中态要有个小动画。而小程序原生 tabBar 只支持静态配置,改个图标都得重新编译,更别说凸起和动画了。这时候就得上自定义 tabbar。 自定义 tabbar 的核心思路其实不复杂:把原生 tabbar 隐藏掉,自己写一个 fixed 定位的组件,用 wx.switchTab 做
做微信小程序时,原生导航栏往往满足不了设计需求:首页要沉浸式背景图、详情页要透明渐变、品牌页要放 logo 和搜索框。这时就得用自定义头部(custom navigationBar)。我做过十几个带自定义头部的项目,把踩过的坑和可复用的写法整理成这篇,直接抄代码就能用。一、先关掉原生导航栏在页面 json 里配置:{ "navigationStyle": "custom", "disableScr
很多刚入行的朋友问我:小程序开发都需要学习什么? 这个问题看似简单,其实答案取决于你想做到什么程度。如果只是改改模板、套个UI库,一周就能上手;但如果你想独立完成一个带支付、带后端、能上线的完整项目,需要补的东西并不少。这篇文章我按自己的实战经验,把学习路径拆成几个阶段,尽量说清楚每一块该学到什么程度。一、先搞清楚小程序运行的本质小程序不是网页,也不是原生App,它是宿主环境(微信、支付宝、抖音等
2026年已过大半,是时候抬头看看2026年的网站设计走向了。过去两年我们经历了AI生成内容爆发、浏览器原生能力增强、用户对隐私与性能的要求同步提高。作为独立开发者,我把自己在实际项目中验证过、以及社区里正在成形的趋势整理成这篇文章,希望能帮你少走弯路。一、AI 原生界面:从“加个聊天框”到“界面即对话”2026年最明显的变化是:AI 不再是网站角落里的一个聊天悬浮球,而是成为界面本身。具体表现有
作为独立开发者,我经常被问到:小程序和H5到底有什么区别? 这个问题看似简单,但真正影响技术选型的细节很多。今天从运行环境、性能、能力、开发成本和分发五个维度,把区别一次讲透。一、运行环境:宿主不同,底层不同H5 运行在浏览器里,本质上是一个网页。它依赖浏览器的渲染引擎(WebView),通过 HTTP 请求加载资源,用 DOM 和 CSS 描述界面。小程序则运行在宿主 App 提供的容器中,比如
为什么你需要一份 API 使用场景清单做小程序开发,最难的不是写页面,而是“这个需求该用哪个 API”。微信官方文档有上千个接口,但真正高频使用的不过几十个。这篇文章按业务场景整理一份常用接口速查表,帮你少翻文档、少踩坑。一、用户身份与登录登录几乎是每个小程序的起点,核心是拿到 openid 并建立自己的会话体系。wx.login:获取临时登录凭证 code,传给后端换 openid 和 sess
做独立开发这几年,uniapp 几乎是我做小程序和 App 的首选框架。它一套代码多端运行确实省事,但真上手后会发现,坑也不少。这篇文章把我踩过的坑和常见问题的解决方法整理出来,希望能帮你少走弯路。一、条件编译写不对,多端适配白费很多人写条件编译时经常漏掉平台标识,导致代码在某一端直接报错。记住 uniapp 的条件编译是写在注释里的,格式必须严格:// #ifdef MP-WEIXIN cons
微信扫码,直接沟通需求

微信扫码,直接沟通需求