很明显，我们的对于用户的响应速度和界面渲染速度，提升了 50% 左右。 该工具已经在 npm 发了包，也在 git 提交了项目，有兴趣的可以去看看，顺便点个 star ，谢谢了。 已经有 n 久没有写过文章了，由于最近工作比较忙，而且项目当中对于前端性能还有架构方面的挑战性还是…

作者介绍：邹弓一，美团点评前端工程师，5 年 Web 前端开发经验，现在是美团点评点餐团队的一员。 前言 本文主要介绍 facebook 推出的一个类库 immutable.js，以及如何将 immutable.js 集成到我们团队现有的 react+redux 架构的移动端项目中。 本文较长…

突然接到产品说要做一个数据监控的系统。有线图、柱状图、地图，类似于数据可视化的方式。 支持用户名、密码登录，默认显示一个维度数据，然后点击可钻取进入第二维度数据，再点击进入第三维度数据展示。 大致估摸着。。。 当然这不是要2周内，全做完。应该是完成步骤6。 相对于公司就我一个前…

在这篇文章里，我们来探索下 React Hooks 的常见问题，以及怎么来避免这些问题。 React Hooks 是在 2018年10月提出 ，并且在2019年2月 发布 。自从 React Hooks 发布以后，很多开发者都在项目中使用了Hooks，因为Hooks确实在很大程…

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少使用它，导致这个如此强大的方法被逐渐埋没。 如果经常使用reduce，怎么可能放过如此好用的它呢！我还是得把他从尘土中取出来擦干净，奉上它的高级用…

在前端领域中，跨域是指浏览器允许向服务器发送跨域请求，从而克服Ajax只能同源使用的限制。 同源策略是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+…

2019年9月21号，我参加了第五届FEDAY。在会上，听了王泽老师的分享，我第一次接触到了monorepo这个概念。本文是结合王泽老师的分享，自己进行一定实践后的总结。 一种项目管理方式：一个git仓库下管理多个项目，适用于大型团队，框架开发，库开发等。 上图这种repo组织…

年后第一天到公司上班，整理一些在移动端H5开发常见的问题给大家做下分享，这里很多是自己在开发过程中遇到的大坑或者遭到过吐糟的问题，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个小赞，如果有问题也可以一起讨论下。 下面是最近一个月整理的JS基础总结，可供大家温故而知新。 移…