Shiki
一个兴趣使然的程序员


前端三年,从一到亿。

"反思过去,规划未来。"

你们同样不可能从现在这个点上看到将来;只有回头看时,才会发现它们之间的关系。所以你必须相信,那些点点滴滴,会在你未来的生命里,以某种方式串联起来。 自我介绍 我是一位 16 年毕业 211 CS 专业的本科生,一直把自己定位为工程师,用技术解决问题。我之前很少写文章,看着自己的页面 PV 从零到上亿,技术栈从 JQuery 到 Vue 到 React,觉得是时候回顾一下这工作的两...

大促主会场技术揭秘

"上亿PV,零事故是怎样炼成的"

业务背景 会场类页面是每年 618 大促中不可或缺的一部分,主会场是其中最重要的一环,有着巨大的访问量。主会场所包含的内容非常丰富,几乎涵盖大促期间所有热门活动、会场及店铺的入口,进行高价值优惠券的发放工作,页面的性能以及稳定性直接影响到用户的购物体验,同时还要求开发人员可以快速,安全的响应多变的线上需求变更。这样的页面工作量很大,对代码质量要求高,接来下我就介绍一下经过多次大促积累沉淀下...

Redux源码解读

"200行代码,短小精悍。"

Redux 核心概念 单一 store ,只能挺过 getState()获取状态,不能直接修改 只能通过触发 action 修改状态 使用纯函数 reducers 描述 action 如何改变 state 整个 redux 的实现就是围绕上面的这三点进行实现的,整个源码量不大,理解了核心概念后去看源码会发现源码的结构逻辑非常清晰,代码中的注释也非常全面,本篇文章会按照如何...

proto 和 prototype

"原型链的重要概念"

定义 遵循 ECMAScript 标准,someObject.[[Prototype]] 符号是用于指向 someObject 的原型。从 ECMAScript 6 开始,[[Prototype]] 可以通过 Object.getPrototypeOf()和 Object.setPrototypeOf()访问器来访问。这个等同于 JavaScript 的非标准但许多浏览器实现的属性  pr...

构造函数与继承

"创建对象与实现继承"

构造函数 Javascript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象。这个对象的所有属性和方法,都会被构造函数的实例继承。这意味着,我们可以把那些不变的属性和方法,直接定义在 prototype 对象上。 function Person(firstName) { this.firstName = firstName; } Person.protot...