HanpengChen

在web开发中，我们经常碰到需要判断数据是数字还是字符串，判断是数组还是对象的场景，接下来我们一起来看看JavaScript中都有哪些方法可以判断数据类型。 在JS中，我们最常用的判断方法自然是typeof。 在ES5中，JavaScript有六种数据类型：Number、Str…

在前面 JavaScript中的数据结构——链表 一文中，我们学习了链表。今天我们一起来学习另外两种数据结构：栈和队列。 栈是一种特殊的列表，限定仅在表尾进行插入和删除操作的线性表。表尾这一端我们称为栈顶，相对地，把另一端称为栈底。 栈遵循后进先出（LIFO）原则进行存储数据，…

作为一名前端工程师，我们每天都在跟浏览器打交道，浏览器的本地存储更是经常用到。今天我们就一起来聊一聊浏览器的本地存储。 浏览器的本地存储主要分为：Cookie、 WebStorage、 IndexedDB。其中WebStorage又可以分为localStorage和sessio…

数据结构与算法在前端开发工程师的日常工作中也许不常用，但在这对前端工程师要求日益提高的时代，如果对数据结构、算法思维、代码效率等知识拥有足够的储备，那么我们将拥有更强的竞争力。 话不多说，我们接下来学习一种数据结构：链表(Linked list)。 数组对于每个开发来说是非常熟…

在上一篇文章《JavaScript设计模式——工厂模式》中我们一起学习了工厂模式，接下来我们一起来学习另一种设计模式——单例模式。 单例模式：保证一个类只有一个实例，并提供一个访问它的全局访问点。无论创建多少次，都只返回第一次所创建的那唯一的一个实例。 单例模式是创建型设计模式…

在瞬息万变的前端领域，技术更新迭代非常快，我们经常能在网络上看到诸如“学不动了”之类的言论。但是作为一名前端开发工程师，除了各种新技术，还有许多“一次学习，终身受益”的知识值得我们花时间去学习，设计模式就是其中之一。 在学习设计模式之前，我们先要知道什么是设计模式。 设计模式并…

页面性能优化是前端开发中一个重要的环节，而评判前端性能的优劣有两个比较经常听说的指标：白屏时间和首屏时间。 接下来我们一起来看看什么是白屏时间和首屏时间，如何去计算。 白屏时间(First Paint)：是指浏览器从响应用户输入网址地址，到浏览器开始显示内容的时间。 首屏时间(…

缓存，作为性能优化的最有效方法之一，在面试过程中经常被问到，作为一名开发人员，缓存是必须掌握的一块知识。 浏览器缓存机制有四个方面：Memory Cache、Service Worker Cache、HTTP Cache、Push Cache。 对于前端开发工程师来说，比较熟悉…

时间如白驹过隙，弹指间已近2020年尾声。2020年注定是难忘的一年，在这一年里发生了太多事情：新冠疫情、八国股市熔断、洪水... 作为一个工作三年的前端开发，在这一年里，有得亦有失。 每年春节过后都是跳槽旺季，虽年初爆发的疫情对招聘有影响，但仍阻挡不了广大打工者的求职热情，我…