logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

uniApp跨端开发: 解决不同平台显示差异问题

本文探讨UniApp跨端开发中的显示差异问题,涵盖屏幕布局、字体渲染、组件样式、导航栏、内置组件及API兼容性六大痛点。提出使用rpx、flex/Grid布局、系统默认字体、平台判断与条件编译等策略,结合全局样式覆盖、动态计算导航栏高度、优化长列表性能及封装统一API工具类,实现多端一致性。强调“统一规范优先,差异化适配为辅”,提升项目稳定性与用户体验,助力高效高质量跨端开发。

#uni-app
uniapp 中使用路由导航守卫,进行登录鉴权

Uniapp登录路由守卫实现方案摘要 本文介绍了两种Uniapp登录状态路由守卫实现方案。方案一使用第三方插件(hh-router-guard或uni-simple-route),方案二通过uni.addInterceptor实现。重点讲解了方案二的实现细节:1)配置白名单机制;2)权限校验逻辑;3)拦截器核心方法;4)初始化调用方式。该方案支持白名单动态更新,可检查token有效性,未登录用户自

#uni-app#前端
Vue2 Vue父子传参使用computed属性,子组件接收参数为undefined, 问题二 子组件自定义事件传递数据,父组件直接把props或绑定对象替换掉,导致无限递归

本文分析了Vue父子组件数据传递中的两个常见问题:1) 计算属性初始化顺序导致子组件接收undefined的问题,建议在created钩子或computed中初始化数据;2) 双向绑定导致的无限循环问题,应避免直接替换对象引用,推荐通过字段级更新或浅拷贝解决。文章提供了完整的解决方案和优化后的查询组件代码,实现了安全的数据传递和更新机制。

#vue.js#前端#javascript
uniapp token过期的几种常见处理方案

本文探讨了UniApp中处理Token过期的解决方案。Token过期会导致401错误,影响用户体验。文章提出五种方案:1)基础版被动刷新;2)双Token无感刷新机制(AccessToken+RefreshToken);3)前端主动预刷新;4)单Token后端延长有效期;5)懒人方案。重点介绍了双Token机制,通过Pinia管理Token状态、HTTP拦截器自动添加Token、请求队列处理并发4

#uni-app
Uni-App 页面跳转监控实战:快速定位路由问题

通过简单的函数代理,我们就能轻松实现全局路由监控。无侵入,不需要改业务代码。实时可见,能直接看到参数和调用堆栈。扩展方便,可以加日志上报、埋点统计。

#uni-app#前端#网络
css3的 --自定义属性, 变量

root {.card {/* 继承自 .container */2.可以在CSS变量中使用计算,比如通过calc( ) 函数来计算尺寸:root {.element {3.css变量与媒体查询结合使用CSS变量非常适合和媒体查询一起使用,能够帮助你轻松地创建响应式设计,你可以在不同的屏幕尺寸下,修改变量的值以实现不同的布局主题:root {body {:root {/* 在小屏幕下修改字体大小

#css3#前端#css
前后端通信核心方案:轮询、WebSocket、SSE

本文介绍了前后端通信的三种核心方案:轮询、WebSocket和SSE。轮询通过定时请求实现简单通信但效率低;WebSocket支持全双工实时通信,适合高频交互场景;SSE仅支持后端单向推送,实现简单且资源消耗低。文章从实时性、通信方向、兼容性等维度对比了三种方案,建议根据业务需求选择:双向高实时用WebSocket,单向推送用SSE,简单需求用轮询。同时提醒需注意连接管理、异常处理等关键问题。

#websocket#网络协议#网络
Java学习(一)

JVM是一个虚拟的计算机,具有指令集并使用不同的存储区域,负责执行指令,,管理数据,内存,寄存器,包含在JDK中对于不同的平台,有不同的虚拟机java虚拟机机制屏蔽了底层运行平台的差别,实现了"一次编译,到处运行"1. JDK 的全称 Java decelopment KIt java开发工具包,JDK=JRE+java开发工具 [java,javac,javadoc,javap等] 2. JDK

#java#学习#开发语言
Vue + ECharts 中 Prop 数据被修改导致图表合并的问题及解决方案

在项目中,我封装了一个Echarts柱状图组件(BarChart.vue),父组件传入seriesData和xData来渲染不同的柱子,但在实际使用中,遇到了问题多次切换不同数据, 图标柱子会出现"合并残留",旧数据还在图标显示不正确。

#vue.js#echarts#前端
uniapp 实现一个底部悬浮面板

本文介绍了微信小程序地图界面与浮动面板交互设计方案。通过三层结构布局:底层地图、中层搜索栏和悬浮按钮、顶层可滚动浮层实现半屏地图展示。核心采用scroll-view包裹透明占位区与工具面板的结构,利用CSS控制初始显示50%地图,用户滚动时面板自然上移覆盖地图。方案避免了复杂JS拖拽计算,实现了流畅的半屏到全屏切换效果,同时适配微信小程序环境并保持代码结构清晰易扩展。

#uni-app
    共 24 条
  • 1
  • 2
  • 3
  • 请选择