入行三年多，由于最近开始接手angular项目，到此为止，算是三大框架都撸了一遍了，不敢说熟练使用，但是也是有了一些使用和选型心得了，在此尝试细说三大框架的优点以区别，加深自己理解的同时，帮助大家快速搞定技术选型。 React：蚂蚁数据可视化、爱彼迎、飞猪、阿里大于、虾米音乐、…

在应用的开发过程中，state 代表需要显示在应用上的数据。当 state 发生变化时，往往需要一种机制来检测变化的 state 并随之更新对应的界面。这个机制就叫做 Change Detection 机制。 在 WEB 开发中，更新应用界面其实就是对 DOM 树进行修改。由于…

作为 Modern JavaScript 基础设施的一部分，Promises 对前端开发者而言异常重要。 它是 async/await 语法的基础，是 JavaScript 中处理异步的标准形式。并且，未来的 Web API，只要是异步的，都会以 Promises 的形式出现。…

出于对自身职业发展上的规划，我决定换一个工作环境，离开工作了三年的公司。 我并没有急着找下家，而是决定裸辞。希望利用这段空档期去总结过去三年的工作，并展望未来自身的发展。 过去的一年，我以「前端 Leader」的身份参与了一个交通出行项目的开发并上线了多款 APP 。虽然包括我…

当前世界中，技术发展非常迅速并且变化迅速，开发者需要更多的开发工具来解决不同的问题。本文就对于当下主流的前端开发技术React、Vue、Angular这三个框架做个相对详尽的探究，目的是为了解开这些前端技术的面纱，看看各自的庐山真面目。 React（也被称为React.js或R…

现代前端项目多为单页Web应用(SPA)，在单页Web应用中路由是其中的重要环节。 每个现代前端框架都有与之对应的路由实现，例如 vue-router、react-router 等。 本文并不涉及 vue-router、react-router 的实现方式，而是介绍前端路由的基…

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

公司里的PHP后台项目，上一任的工程师对于很长列表的处理，都是直接全部进行渲染，导致的一个问题就是，加载页面都要加载比较久的时间，这里只能庆幸这个后台项目只是给公司里边的大佬用，用的机器还可以，除了忍受一下加载速度比较慢之外，没有很大的影响。但他们能忍，作为前端工程师，我实在是…

在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。 正如下面这个例子：我在列表页点击“收藏”后，对应的详情页按钮会…