Shiki
一个兴趣使然的程序员

前端三年，从一到亿。

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

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

Posted by Shiki on January 11, 2019

大促主会场技术揭秘

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

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

Posted by Shiki on August 8, 2018

Redux源码解读

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

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

Posted by Shiki on July 4, 2018

proto 和 prototype

"原型链的重要概念"

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

Posted by Shiki on May 21, 2018

构造函数与继承

"创建对象与实现继承"

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

Posted by Shiki on May 12, 2018

FEATURED TAGS
Thinking of life JavaScript LeetCode React 项目总结
ABOUT ME

一个做前端的，在追寻自己想要的生活的道路上努力着。