Faster Dom 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Faster Dom 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
Faster Dom 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
Faster Dom 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
Faster Dom 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

Faster Dom 是 React + MobX + React Router 的轻量级替代品。仅用 JS/TS,便可以创建快速的响应式界面。不使用虚拟 DOM 对比,而是仅重新渲染已更改的部分,使用 requestAnimationFrame 进行更改检测,允许批量更新。

特征:

  • 大小仅为 4.1 KB,压缩后 1.38 KB。
  • 仅在更改/必要时重写。
  • 保证 60 fps。
  • 引入的函数与类名还未最终确定,尚可讨论。
  • 模块和组件有 tree-shaking 优化。
  • 支持 Router + Resolver。
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
01/17 19:50

拯救你的年底 KPI:前端性能优化

前言 性能优化 ,每个工程师跑不掉的一个话题。这里是本人总结的一些优化手法,希望对大家有所帮助,感谢各位大哥😎 演示demo 在线预览: http://118.25.49.69:8085/ fe-optimize 源码: https://github.com/alexwjj/fe-optimize 演示PPT 在线预览:http://118.25.49.69:8086/ fe-ppt 使用HTML做的PPT源码 前端性能的影响(长篇大论警告❗️❗️❗️) 前端性能的一个重要指标是页面加载时间,不仅事关用户体验,也是搜索引擎排...

0
0
01/14 08:40

拯救你的年底 KPI:前端性能优化

关注 前端瓶子君,回复“交流” 加入我们一起学习,天天进步 作者:贩卖焦虑 https://juejin.cn/post/6911472693405548557 前言 性能优化 ,每个工程师跑不掉的一个话题。这里是本人总结的一些优化手法,希望对大家有所帮助,感谢各位大哥😎 演示demo 在线预览: http://118.25.49.69:8085/ fe-optimize 源码: https://github.com/alexwjj/fe-optimize 演示PPT 在线预览:http://118.25.49.69:8086/ fe-ppt 使用HTML做的PPT源码...

0
0
发表了博客
2015/12/14 10:29

为什么说DOM操作很慢

一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来。 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为,比如布局(layout)和绘制(paint)。下面主要先介绍下这些浏览器行为,阐述一个页面是怎么最终被呈现出来的,另外还会从代码的角度,来说明一些不好的实践以及一些优化方案...

1
7
发表于大前端专区
2016/04/06 15:12

为什么说JavaScript中的DOM操作很慢

一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来。 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为,比如布局 (layout)和绘制(paint)。下面主要先介绍下这些浏览器行为,阐述一个页面是怎么最终被呈现出来的,另外还会从代码的角度,来说明一些不好的 实践以及一些优化方...

0
0
发表了博客
2020/12/24 14:22

前端开发者常用的9个JavaScript图表库

当前,数据可视化已经成为数据科学领域非常重要的一部分。不同网络系统中产生的数据,都需要经过适当的可视化处理,以便更好的呈现给用户读取和分析。 对任何一个组织来说,如果能够充分的获取数据、可视化数据和分析数据,那么就能很大程度上帮助了解数据产生的深层次原因,以便据此做出正确的决定。 对于前端开发人员来说,如果能够掌握交互式网页中的数据可视化技术,则是一项很棒的技能。当然,通过一些 JavaScript 的图表库...

0
0
发表于大前端专区
2017/08/23 07:49

探索 ECMAScript 修饰符 (译)

原文:Exploring ES7 Decorators 迭代器(Iterator), 生成器(Generator) 以及 数组推导式,随着这些特性的出现,JavaScript 和 Python 变得越来越像,这让我激动不已。今天我们要谈到的是另一个符合 Python 惯用理念 (Pythonic) 的提议:ECMAScript — 修饰符 (Decorator),该提议来自 Yehuda Katz。 (译者注:ES 的修饰符(Decorator) 在 Python 中也称为修饰符,在 Java 中称为注解(Annotation),在 C# 中称为特性(Attribut...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
1 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部