我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

防抖和节流是两个相似的技术，都是为了减少一个函数无用的触发次数，以便提高性能或者说避免资源浪费。我们都知道js在操作DOM的时候，代价非常昂贵，相对于非DOM操作需要更多的内存和和CPU时间，假如我们一个函数是在滚动滚动条或者更改更改窗口大小的时候频繁触发，还是会出现页面卡顿，…

用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回该列表页面，我们希望：列表页面可以保留用户的筛选（或选中）状态。keep-alive就是用来解决这种场景。当然keep-alive不仅仅是能够保存页面/组件的状态这么简单，它还可以避免组件反复创…

很多人包括我在内很抵触这种问题😡，因为很长一段时间我一直弄不明白 == 和 === 到底是怎么个规则。如果你也没闹明白 == 和 ===，读了这篇文章应该至少不会见到这俩操作符就觉得恶心了吧🤢。 如果要比较的两个项是同种类型的，那么 == 就会返回 === 操作符的执行结果…

网站服务看起来很简单：发送HTML，浏览器进行处理并加载资源，然后我们只要耐心的等页面渲染好即可。 但是你很少知道，整个过程背后发生了很多事情。 你有没有想过，浏览器如何知道应该加载哪些资源，并且以什么顺序来加载这些资源？ 今天我们将看看如何利用资源优先级来提高加载速度。 原文地址：https://css-tricks.com/the-critical-request/

我们通常在本地开发，本地环境和线上也并非完全一样，很多项目第一次上线几乎都会遇到本地开发无法复现的问题，可能是字体、样式的问题，也可能是webpack 编译的问题、甚至可能是本地的奇葩环境。所以 本地完美运行 ≠ 线上完美运行，我们需要 build 项目，模拟线上测试一下，看看…

本文主要是彻底讲明白prototype和__proto__ 是干嘛的，相信很多同学也跟我一样，傻傻的分不清楚两者应该如何使用？、在原型链中到底起到什么作用？、 在继承中起到什么作用？、javascript为什么会设计出这两个属性？等一系列问题，网上查遍许多资料，看的也是云里雾里…

可以对数据代理、数据劫持、模板解析、变异数组方法、双向绑定有更深的理解，本文通过代码详细解释了vue框架的基本原理。