🎀 🌸

[梦泽]TurboFeLy:一个比Pjax更强的现代化界面无刷新加载

有问题请联系小渡qq2092115940

[梦泽]TurboFeLy:一个比Pjax更强的现代化界面无刷新加载

一个现代化的界面无刷新加载库兼原生 SPA 加速库,旨在提供比 Pjax 更现代化的解决方案

https://github.com/YShenZe/TurboFeLy

使用文档和从Pjax迁移文档前往仓库查看

 

开发目的

页面无刷新加载是PHP时期的东西了 ,那时候还是Pjax统一天下。

现在的现代化前端框架对SPA(单页应用)支持很强 Turbo等SPA加速库相继发布。

Pjax由于其低扩展、低配置、低适配而被时代淘汰。

对于非渐进式框架的原生/超集/预处理开发来说,急需一个比Pjax更现代化解决方案,TurboLinks出现了。

梦泽实在用不习惯TurboLinks,于是自己开发了TurboFeLy,是一个工程化的页面无刷新加载库,基于Fetch+DOM差异算法开发,比器TurboLinks,TurboFeLy多了DOM差异更新、智能多级缓存、预加载、内置动画系统,其技术力达到TurboLinks3.0水平。做为竞品,TurboFeLy相TurboLinks来说,社区生态还是太差了。

据测试,TurboFeLy的DOM差异算法相对TurboLinks的直接替换,DOM操作次数减少40%-60%。

图片[1]-[梦泽]TurboFeLy:一个比Pjax更强的现代化界面无刷新加载-故渊渡

在 10k 节点页面中:

  – TurnoFely 差异更新耗时:12-18ms

  – TurboLinks 整页替换耗时:45-65ms

  *差异算法使渲染线程占用时间减少 63%*

开源地址:https://github.com/YShenZe/TurboFeLy

温馨提示:本文最后更新于2025-03-25 10:34:00,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长
版权声明

   站内部分内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供网络资源分享服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请 联系我们 一经核实,立即删除。并对发布账号进行永久封禁处理。在为用户提供最好的产品同时,保证优秀的服务质量。


本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。
THE END
喜欢就支持一下吧
分享
评论 抢沙发

请登录后发表评论

    暂无评论内容