logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

web网站使用内嵌式微信登录获取Token

轮询虽然简单有效,但会产生很多无用的HTTP请求。对于追求性能和实时性的应用,可以使用长连接技术替代轮询。流程会发生一些变化,但核心的安全原则不变。显示二维码,而不是弹出一个新的浏览器窗口。这种“内嵌式”登录的用户体验确实更好。微信服务器将用户的浏览器(虽然用户看不到,但这确实发生在一个后台的。:实现复杂度更高,需要后端支持 WebSocket 或 SSE。:实时性更强,服务器资源消耗更少(相比于

#前端#微信#状态模式
WebSocket消息零丢失的方案

要确保WebSocket消息不丢失,必须在应用层实现一个自定义的、带有ACK和重传机制的可靠消息协议。黄金法则客户端生成唯一ID:所有可靠性的基础。发送方维护待确认队列+超时重传:应对ACK丢失或网络延迟。接收方进行去重处理:应对发送方的重传。服务器先持久化,后ACK:应对服务器崩溃。设计离线消息同步机制:应对接收者不在线的情况。从这个健壮的框架出发,你就可以构建一个真正可靠的实时聊天应用了。

#websocket#网络#网络协议
Vue 3实现拖拽功能

(通过 SortableJS) 会在拖拽过程中动态添加一些 CSS 类,你可以利用它们来美化拖拽效果。: 拖拽项在原列表中的占位符样式。: 正在被拖拽的项本身的样式。: 被选中的项(鼠标按下的瞬间)。同时,你还可以监听派发的事件,来执行自定义逻辑(如调用API)。@start: 拖拽开始。@end: 拖拽结束。@add: 添加到新列表。@update: 在原列表内更新顺序。<template><d

#vue.js#javascript#前端
在vue3中使用webSocket构建聊天对话

高内聚,低耦合: WebSocket 的所有复杂逻辑(状态、心跳、重连)都封装在中,Vue 组件只负责展示 UI 和调用简单的 API,非常清晰。响应式: 利用 Vue 3 的reactive,数据流是单向且自动的,无需手动操作 DOM 或通过事件总线传递状态。健壮性: 心跳机制能检测到网络假死,而自动重连则提升了用户体验,使应用能从临时的网络问题中恢复。可扩展方向:状态管理 (Pinia): 对

#websocket#网络协议#网络 +3
Flutter关于Theme.of(context).colorScheme.inversePrimary的解释

​:Flutter 3.0+ 推荐的配色方案对象,包含一组协调的颜色​。

#开发语言#flutter#前端
在Flutter中实现轮播图(Carousel/Slider)

特性(库)PageView(手写)易用性非常高,几行代码即可实现一般,需要自己处理控制器和状态功能非常丰富(自动播放, 无限循环, 放大效果等)基础,高级功能需自己写很多代码可定制性高,提供大量配置选项极高,完全由你控制,但也很复杂代码量少多推荐场景绝大多数项目,快速开发,功能稳定学习PageView原理,或有高度定制化的特殊需求结论:对于99%的开发场景,直接使用都是最佳选择。它能让你专注于业务

#flutter
Flutter 的 fluro 路由

TransitionType:转场枚举(native/material/cupertino/inFromRight/inFromLeft/inFromBottom/fadeIn/custom 等)。params:传给 handlerFunc 的参数表,类型为 Map<String, List<String>>,包含路径参数和查询参数。tag=a&tag=b → params['tag'] == [

#javascript#开发语言#ecmascript
梳理 Flutter 的通信机制。

通信机制使用场景方向核心技术/模式Widget 间通信UI 状态同步和事件传递Widget 树内部构造函数、回调、InheritedWidget、Provider、BLoC 等平台通道Flutter 与原生功能交互网络通信与后端服务器数据交换HTTP, WebSocket (使用httpdio等库)Isolate 间通信并发编程,避免 UI 线程阻塞SendPortcompute()选择哪种通信机

#flutter
Flutter 动画的核心思想

优先选择隐式动画:对于简单的UI状态变化,始终先考虑等隐式动画,它们代码最少,最易于维护。需要控制时使用显式动画:当你需要循环、暂停或更复杂的动画序列时,就采用“Controller + Tween + AnimatedBuilder”的显式动画模式。性能优化:始终使用来包裹你的动画部分,避免不必要的setState导致整个页面重建。释放资源:永远不要忘记在State的dispose方法中调用,否

#flutter#前端#ui
Flutter 与原生混合开发

特性将 Flutter 集成到原生应用 (Add-to-App)在 Flutter 中嵌入原生视图 (Platform Views)主导方原生 App是主导,Flutter 是一个或多个页面/模块。是主导,原生视图是嵌入的组件。适用场景渐进式重构、为现有大型应用添加新功能。复用已有的复杂原生组件(地图、WebView、专业SDK)。核心技术管理、、平台通道UiKitView、平台通道主要挑战引擎生

#flutter#前端
    共 36 条
  • 1
  • 2
  • 3
  • 4
  • 请选择