前端知识整理

防抖和节流是前端很基本的功能，在很多的工具库里都会有。在某些中小公司会用手写防抖，节流作为面试题。目的是考察开发者开发团队公共方法库的能力。今天我们就来尝试一下设计防抖与节流这2个功能的函数。

本地存储是前端的一个重要知识，当今的web页面或多或少都会使用到本地记录功能。今天我们就来回顾一下前端本地存储的知识.帮助大家在开发时，在技术选择上有更清晰的思路。 本地存储的由来 最早的时候浏

缓存是前端性能的一个高效方案，浏览器可以跳过请求资源这个步骤，直接从本地加载资源，大大加快了页面导航的流程。善于利用缓存是一个优化用户体验的方式，每个开发者都应该掌握。 前端缓存由分网络缓存（h

今天我们来了解前端相关的安全知识。网络安全是一个很大的话题，涉及的知识十分广阔。当一个程序的出现网络漏洞的时候，其实每个开发岗位（前端，后端，测试等）都或多或少的有一定的责任。因此在开发过程中，

上一篇文章（点击回顾）我们讲了浏览器页面渲染的流程以及提出一些页面二次渲染的建议。今天我们来看一下浏览器的资源解析过程。 解析白屏 我们发现当浏览器开始渲染页面的时候，会先生成一个空白的页面。然

今天我们来看看浏览器在得到页面资源之后是怎么渲染的。 渲染流程 我们先来想想，构成一个页面的核心资源有哪些？HTML，js，css。

今天我们来讲一下，浏览器的导航流程。顺道讨论一下一道常见的面试题——“在浏览器里，从输入 URL 到页面展示，这中间发生了什么？” 要完成这个过

浏览器是每一位前端开发者的开发武器，了解浏览器，不仅可以帮助我们更好地理解前端工作，还会为我们在技术优化的层面上提供更多的角度。注意本文讲述的浏览器默认指的是chrome。 进程与线程 进程就是

Promise是ES6带来的重量级新特性。就算很多开发者在日常编码中，不习惯使用es6的某些新语法，但相信大部分都会请不自禁地使用Promise。因为他不仅是优化了我们的代码复杂度，甚至改变了我

前言 上篇文章中我们讲了Javascript的原型链（点击回顾），今天我们就来讲讲利用原型链开发的【继承】内容。 类 在讲继承之前，必须要先了解什么是【类】。在日常开发中，我们会经常需要创建一些对象用

要回顾JS知识，怎么能不提到原型链。原型链是面向对象的基础，这套的机制使得js的变量可以在不同实例之间继承访问，大大优化了开发设计的手段。

执行环境，作用域这些都是javascript执行的机制，也许我们在写代码时不会关注这个东西，但我相信大家都知道这些东西的存在。也一定有人为了找工作背过这些概念，工作一段时间后又忘了。本文尝试用自己的理

微任务，宏任务这个东西，在我刚毕业那段时间很少听人提起。不知道为什么近几年的面试好像突然很变得常见。今天我们就来了解一下，究竟什么是微任务，宏任务。

本期的网络系列我们来看看HTTPS，我们在日常工作中肯定都会用到https。相信绝大多数的朋友都知道HTTPS是HTTP的安全版，可是具体是怎么个安全法？其实涉及到安全问题，可以引申出很广，很深的内容

无论是前端还是后端，到最后实际上大家都是web程序员，都离不开web网络。它是我们工作的来源，可是未必每个人都了解它。本文旨在用最通俗的语言，带你大致了解一下当今网络的构成。

数据类型是JavaScript的最基础的内容，我们用日常工作中，对他的使用是无感的。可是假如仔细地研究，我们可以发现数据类型中有着许多的坑。这些内容会出现在我们常说的面试题中，也有可能在某一天出现在我

v-for是很实用的vue指令，其实只要是正确的使用都不会出现太多的问题。用index 作key是很常见的业务代码，短期内，开发者可能会没有发现有什么问题，程序可以正常运行。但是作为对技术，产品有追求

VUE中看似有个很多可以替代计算属性的实现手段,但是实际上计算属性是有自己不可被轻易取缔的优势的.本文就从业务场景讲解一下computed的优势,以及从源码看了解它的实现.

从业务需求分析，为什么会有keep-alive。了解动态组件，keep-alive的用法。并且源码分析keep alive原理，由此了解LRU算法思想。

相信用过VUE开发项目的朋友一定会遇到过一个问题，就是在data中写了一个数组。然后用索引去修改这个数组或者把数组替换后，并不会更新视图。