logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

[特殊字符] Vue3 高性能循环滚动 Hook(支持平滑模式与逐项滚动模式)

本文介绍了一个纯Vue3+原生JS实现的高性能useScroll Hook,用于实现循环滚动效果。支持两种滚动模式(逐项滚动和平滑滚动)、水平和垂直方向,并采用多项优化措施:使用requestAnimationFrame驱动动画、DOM尺寸缓存、will-change提示优化、自动清理资源等,确保流畅性能和无缝循环。提供了完整的实现代码和使用示例,适用于新闻公告、排行榜等需要循环滚动的场景,具有轻

#前端#javascript
[特殊字符] Vue3 项目最佳实践:组件命名、目录结构与类型规范指南

《Vue3+TypeScript企业级项目架构规范》从组件命名、变量定义到目录结构,提出一套标准化开发方案:1.采用PascalCase命名组件文件,区分页面级与通用组件;2.规范变量(camelCase)、常量(UPPER_SNAKE_CASE)及组合函数(use前缀)命名;3.独立存放枚举与类型定义;4.推荐模块化目录结构,分离配置、服务、组件等层级;5.强调API统一导出、组合式逻辑封装等优

#前端
[特殊字符] TypeScript 版本 Beacon 信号滤波与室内定位引擎

本文介绍了一个基于iBeacon蓝牙信号的室内定位系统解决方案。针对RSSI信号波动大导致定位跳变的问题,提出了一套完整的信号处理流程:首先通过动态窗口平均和众数容差滤波对信号进行平滑处理,然后利用对数路径损耗模型计算距离,再采用Levenberg-Marquardt算法进行多边定位,最后通过速度限制滤波防止位置突变。系统采用TypeScript实现,提供了信号状态分级、异常过滤等功能,能够输出稳

#前端#typescript
[特殊字符] Vue3 + WebView 双端通信桥:用 TypeScript 构建高可维护的 JSBridge 与 JSSDK

优化点说明强类型映射通过保证调用与回调参数类型一致Promise 化接口异步调用结构更清晰,易用性更强iOS/Android 自动检测自动区分 WebView 环境初始化多订阅 + 一次性事件同时支持ononce监听安全防护调用前,防止未初始化调用单例模式保证全局唯一的通信实例,避免重复注册这套桥接方案结合了TypeScript 类型安全 + Promise 异步接口 + Vue3 生命周期管理能

#typescript#javascript#前端
⚙️ Vue3 多任务轮询 Hook:优雅控制多接口定时刷新

摘要:本文介绍了一个Vue3 Hook——useMultiPolling,用于统一管理多个轮询任务。该Hook支持多任务独立启停、异步任务执行、自动清理定时器、动态扩展任务等功能。实现方案采用setTimeout+递归方式避免执行延迟,通过Map存储任务提高效率,并自动在组件卸载时清理。使用示例展示了如何配置和启动多个轮询任务,还提供了单独控制任务和动态添加任务的进阶用法。作者建议对耗时任务可结合

#javascript#前端#vue.js
vue3页面离开提示hooks

【代码】vue3页面离开提示hooks。

文章图片
#javascript#前端#vue.js
热血前端勇闯自动化测试 Playwright + TypeScript 如何debug以及如何使用Cookie

问:前端做好好的为什么要来卷测试呢?答:因为所有主线流程测试可能不会完全兼顾得到,所以为了能更(yu)好(kuai)的工(mo)作(yu),所以内心就产生了一个邪恶的想法😈假如我提测前把所有的主流程跑一边呢?so 请看下文(默认已经安装和了解Playwright了)提示:以下是本篇文章正文内容,系好安全带 准备发车!

文章图片
#前端#typescript#自动化 +1
到底了