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

现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

使用 React.js 一段时间了，把使用过程遇到的小坑和小技巧记录下来，希望能够帮助到其他人。此文章是长篇大论你只有耐得住寂寞，禁得住诱惑才会有所成长。 1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信 下面demo中点击父…

数组是 JS 最常见的一种数据结构，咱们在开发中也经常用到,在这篇文章中,提供一些小技巧,帮助咱们提高开发效率。 1. 删除数组的重复项 2. 替换数组中的特定值 有时在创建代码时需要替换数组中的特定值，有一种很好的简短方法可以做到这一点，咱们可以使用.splice(start…

上一篇介绍了下webpack的一些配置，接下来讲下reactRouter4里面关于路由的一些配置，如何做到模块的按需加载，这也是常用的一种优化网站性能的方式。 首先在创建React项目的时候，我们一般要引入两个包，react 和 react-dom， 那么 react-rout…

在JS中，对象是有很多key和value构成的一种数据存储结构。例如，如果想描述一个人的基本信息，可以构建一个拥有firstName和lastName的对象，并且分别被赋值为北宸和范。在JS对象中的key的值是String类型的。 此时有些开发会说，为什么不用var perso…

页面需要定时发送请求，获取数据，而且这个请求是一个公共请求，应用中所有页面都会进行这样一个操作。所以假如用户打开五个页面，那五个页面都会发送请求，即便用户看不到其余的4个。这种多余的请求会加重服务端的压力。 浏览器里在当前标签页切换时，会触发 visibilitychange …

大家好，我是神三元，这一次，让我们来以React为例，把服务端渲染(Server Side Render，简称“SSR”)学个明明白白。 这一部分来简要实现一个React组件的SSR。 一. SSR vs CSR 废话不多说，直接起一个express服务器。 启动之后打开loc…

以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star. 组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。 天然分层: JQuery 时代的…