前端面试基础知识合辑

前端开发过程中，经常会碰到需要 DOM 元素居中的场景，面对不同的情况，居中的实现方式有很多种，今天就让我们来重温一下DOM元素居中的多种实现方式。

防抖与节流函数是一种最常用的 高频触发 优化方式，能对性能有较大的帮助。两种优化方式有很多实现方法，本篇只介绍几种实现思路。

面向对象语言的三大特征为 继承、封装、多态，如何让 JavaScript 语言实现继承也是面试中的高频面试题。

深拷贝和浅拷贝只针对像 Object, Array 这样的复杂类型数据的。简单来说，浅拷贝只复制一层对象的属性，而深拷贝则递归复制了所有层级。

我们不是要做一个能够解决问题的方案，而是要做一个能够 '漂亮地' 解决问题的方案------《白帽子讲web安全》

HTTP 状态码是我们开发过程中需要掌握的基础知识之一，也是面试时的高频问题，本文将为大家讲解各种 HTTP 状态码的含义。

上篇文章为大家讲解了 WebScoket 的基础，本篇文章就为大家通过一个实例介绍 WebScoket 的使用。

阅读本文您将收获 WebScoket 基础介绍、WebScoket 使用指南、实时推送技术。本文讲解各种 WebScoket 属性及特点。

随着前端技术的逐渐发展，模块化的概念越来越成熟。随着ES6的出现，模块的设计思想变得尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。

浏览器的本地存储死我们开发过程中经常会用到的知识点，也是页面间数据通信的一种方式，本篇文章为大家讲解浏览器的几种存储方式及详细使用方法。

JS 数据类型是前端基本知识之一，也是面试过程中最常见的面试题目之一，当被问到相关的题目时，你是否只是笼统地介绍一遍各种类型呢，本篇文章带大家来详解 JS 的数据类型

如何用CSS画一条一像素的细线，这个问题是很多开发者开发过程中常见的问题，也是前端同学在面试的时候常见的问题之一。本篇文章为大家介绍如何优雅地画一像素的细线。

浮点数转换成二进制，并采用科学计数法表示。 (-1)^s表示符号位，当s=0，V为正数；当s=1，V为负数。 M表示有效数字，尾数位，大于等于1，小于2。 2^E表示指数位。 对于单精度浮点数即32位的浮点数，最高的1位是符号位 S ，接着的8位是指数 E ，剩下的23位为有效…

强烈推荐在开发中每个图像中都使用 alt 属性。这样即使图像无法显示，用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说，alt 属性通常是他们了解图像内容的唯一方式 这个问题就要引申出下面部分了，<img /> 标签属于替换元素，具有内置的宽高属性，所…

经常使用，交互实现在我的开发习惯里是能用原生css实现就用原生。 比如一些hover操作需要淡进淡出，就需要用 transation 和 opacity 相结合去实现。 还有一些窗口的抖动可以通过 animation 去实现，设定 keyframes 关键帧。 加入购物车的动画…

2009年，W3C 提出了一种新的方案---- Flex 布局，意为“弹性布局”，可以简便、完整、响应式地实现各种页面布局。 兼容性方面它已经几乎得到了所有浏览器的支持，小程序都兼容，具体兼容性可以看下图。(什么？你老板要兼容IE6？让他滚~) 定义了在分配多余空间之前，项目占…

缓存的分类：服务器缓存(代理服务器缓存、CDN 缓存)，第三方缓存，浏览器缓存等。 缓存命中率：从缓存中得到数据的请求数与所有请求数的比率。理想状态是越高越好。 过期内容：超过设置的有效时间，被标记为 '陈旧' 的内容。通常过期内容不能用于回复客户端的请求，必须重新向源服务器请…

git add [file1] [file2] ... git rm [file1] [file2] ... git commit [file1] [file2] ... -m [message] git commit --amend [file1] [file2] ... g…

拿到域名对应的IP地址之后，浏览器会以一个随机端口（1024<端口<65535）向服务器的WEB程序（常用的有httpd，nginx）等的80端口发送链接请求。 为同一个主机名配置多个IP地址，在应答DNS查询时，DNS服务器对每个查询将以DNS文件中主机记录的IP地址按顺序返…

以现有的通用显示器为例，帧率大多为60fps，即一秒钟60帧，这是一个什么概念呢，就是一秒钟的动画是由60幅静态图片连在一起形成的。60fps是动画播放比较理想，比较基础的要求。 产生这种情况的原因就是页面在渲染某些帧时所花的时间较长，导致停留在这些帧的时间较长，所以画面卡顿了…