uni-app 转微信小程序 · 避坑与实战全记录掘金前端/@猫头_这是一份从真实项目中整理出的uni-app转微信小程序迁移指南,覆盖分包、样式、组件、API、交互、性能等全链路问题,附完整代码片段与官方文档溯源。
uniapp Vue3版本使用pinia存储持久化插件pinia-plugin-persistedstate对微信小程序的配置掘金前端/@咸虾米文章讲述了在uniapp开发微信小程序商城的购物车模块时,使用pinia进行全局状态管理,遇到强制刷新页面商品列表清空的问题,通过pinia插件pinia-plugin-persistedstate解决持久化存储问题,并介绍了在uniapp
原生微信小程序研发,如何对图片进行统一管理?掘金前端/@qingyingWin介绍了在原生微信小程序中统一管理图片资源的方法,包括在配置文件中集中存储图片链接、利用变量和函数动态生成路径,并通过全局变量或工具函数在不同页面调用,该方法便于维护和修改。
10 分钟搞定婚礼小程序?我用 DeepSeek 把同学的作业卷成了范本!掘金前端/@前端Hardy作者讲述了帮同学快速完成婚礼主题微信小程序作业的全过程,包括需求分析、借助DeepSeek实现以及页面效果展示等,还提供了可复用的开发笔记和源码获取方式
为了满足产品和设计,我撸了一个校准器ElkCalibrate📏掘金前端/@不爱说话郭德纲作者因产品经理和设计师提出的新需求,对基础校准器进行改进,开发出智能校准器组件ElkCalibrate。介绍了组件亮点、功能实现、应用场景、性能优化及企业落地案例等内容,该组件已开源。
别再用 100vh 了!移动端视口高度的终极解决方案稀土掘金技术社区/@ErpanOmer文章指出在移动端实现占满屏幕的元素时,使用100vh会出现超出屏幕高度的问题,原因是移动端视口动态变化。过去用JavaScript动态计算有性能等问题,现在CSS工作组引入了如svh、lvh、dvh等新的动态视口单位,尤其是100dvh能完
手指一拉,世界焕新:移动端下拉刷新全攻略掘金前端/@路明非Ricardo/3 天前文章以实际的React项目为例,介绍了移动端下拉刷新功能的实现原理,包括交互流程拆解和代码逐步解析,还讲解了样式文件,提及了触底加载扩展、常见问题及解决方法等
京东购物车动效实现:贝塞尔曲线的妙用稀土掘金技术社区/@奈德丽/3 天前作者以京东购物车动效为例,分享了实现该动效的思路,包括借助AI生成UI结构、使用贝塞尔曲线计算小球轨迹、利用requestAnimationFrame实现高性能动画、动态计算元素位置以及移动端适配等,提升了用户体验。
答题抽奖活动小程序技术复盘掘金前端/@姑苏洛言/4 天前作者对答题抽奖活动小程序进行技术复盘,介绍了活动基本情况,如活动周期3天、单日最高访问用户数近1000人等,还对前端实现中微信小程序原生开发的框架选择及主要页面答题页面的题目展示、选项交互等技术架构方面进行了分析。
《校园生活平台从 0 到 1 的搭建》第四篇:微信授权登录前端掘金前端/@云边散步/4 天前本文详细介绍了校园生活平台微信授权登录前端的功能目标、实现步骤、启动与测试说明。包括调用wx.login获取code配合后端实现登录流程,本地持久化登录状态,请求统一注入token,token自动校验与跳转,展示用户个人信息以及退出登录等功
移动端适配的终极奥义:从lib-flexible到postcss-pxtorem的全方位指南掘金前端/@FogLetter/4 天前文章深入探讨移动端适配话题,先阐述了移动端适配的痛点,引出相对单位rem,接着介绍了从设计稿到代码时单位换算的烦恼,重点讲解了postcss-pxtorem这个能自动将px单位转换为rem的工具,还分享了实战中的技巧与坑,最后强调掌握正确方
微信小程序使用 Tailwind CSS version 3掘金前端/@有梦想的程序员/5 天前文章介绍了在微信小程序中使用Tailwind CSS version 3的方法,包括安装依赖、初始化配置文件、引入样式等步骤,还提到了原生组件样式隔离性的问题及解决方法。
全球热点一键抓取!NewsNow:cpolar内网穿透实验室第630个成功挑战掘金前端/@袁煦丞cpolar内网穿透实验室/5 天前文章介绍了一款名为NewsNow的新闻聚合软件,它通过AI算法精准匹配用户兴趣圈层,支持自定义订阅关键词,具有智能反沉迷设计、热点标签自由组合、极简界面无广告等特点。同时,文章还介绍了如何使用cpolar内网穿透技术突破局域网限制,实现随时
多端小程序打包发布脚本Goodme 前端团队/@汪奇超/5 天前文章指出多平台手动发布小程序存在流程重复、版本信息同步困难、效率低、风险高等问题。介绍了微信、支付宝、抖音等平台发布所依赖的核心工具,设计了自动化脚本架构,通过jenkins并发脚本实现三端并发打包发布,成果显著,如一键发布、降低发布时间、
RepaintBoundary是什么?怎么用?掘金前端/@RaidenLiu/6 天前文章介绍了Flutter中的RepaintBoundary,它能为子组件创建独立的display list和Layer,避免无谓重绘,还通过示例代码验证了其效果,并总结了触发重绘的情况及使用时的注意事项。