现在，用户对于前端页面的要求已经不能满足于实现功能，更要有颜值，有趣味。除了整体 UI 的美观，在合适的地方添加合适的动画效果往往比静态页面更具有表现力，达到更自然的效果。比如，一个简单的 loading 动画或者页面切换效果不仅能缓解用户的等待情绪，甚至通过使用品牌 logo…

为了保证的可读性，本文采用意译而非直译。 下列工具中的重要性与排序无关。 有没有想过你的应用程序的哪些包或哪部分代码所占总大小的多少? Webpack Bundle Analyzer可以帮助咱们分析。 Webpack Bundle Analyzer创建一个实时服务器，并提供依赖…

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

如果你是一位有抱负的前端程序员并准备面试，那么这篇文章很适合你。本文是你学习和面试 React 所需知识的完美指南。 JavaScript 工具缓慢而稳定地在市场中扎根，对 React 的需求呈指数级增长。选择合适的技术来开发应用或网站变得越来越有挑战性。其中 React 被认…

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

本文为 Marno 原创，转载必须保留出处！ 公众号 aMarno，关注后回复 RN 加入交流群 React Native 优秀开源项目大全：http://www.marno.cn 一、前言 先更正下，不然又有人要出来打假了。标题说是 50 个，但其实目前只有 43 个。那为啥…

react凭借virtual DOM和diff算法拥有高效的性能，除此之外也有很多其他的方法和技巧可以进一步提升react性能，在本文中我将列举出可有效提升react性能的几种方法，帮助我们改进react代码，提升性能。但是我们不必一定要在项目中使用这些方法，但是我们有必要知道…

简单介绍：本人实现了一个常见问题列表，点击列表项进入详情页，目标是在页面切换的时候加过渡效果，提升用户体验。 下面来看具体怎么实现吧。 在 react 项目中可使用官网提供的动画过渡库 react-transition-group 来实现切换页面（路由切换）时的过渡效果。 其中…

在我们的印象中，React 好像就意味着组件化、高性能，我们永远只需要关心数据整体，两次数据之间的 UI 如何变化，则完全交给 React Virtual Dom 的 Diff 算法 去做。以至于我们很随意的去操纵数据，基本优化shouldComponentUpdate 也懒得…