Tinn_na

前言 这是一道前端面试题，看到这个问题第一反应结果是不是 [1,2,3]，但是真正的结果是[1, NaN, NaN]，为什么呢？首先看下 Array.map() 函数在 MDN中 的定义 Array.

背景 在浏览器控制台窗口输入以下两行代码，结果出乎意料 前置知识 在计算机的世界里，应该是只有二进制数据的，不是 0 就是 1，那么为了表达生活中最为常见的十进制数据，就会有个转换过程 十进制转为二进

背景 CSS 自诞生以来，基本语法和核心机制一直没有本质上的变化，它的发展几乎全是表现力层面上的提升。最开始 CSS 在网页中的作用只是辅助性的装饰，轻便易学是最大的需求；然而如今网站的复杂度已经不可

背景 在高清屏（Retina）下移动端的 1px 会很粗， 如下面图一是假的 1 像素，图二是真的 1 像素 产生原因 主要是跟 DPR(device Pixel Ratio) 设备像素比有关，它是默

水平垂直居中 居中元素定宽高 absolute + 负 margin absolute + margin auto absolute + calc 居中元素不定宽高 absolute + transf

一些常见基本概念 物理像素(physical pixel)：又被称为设备像素，它是显示设备中一个最微小的物理部件，每个像素可根据操作系统设置自己的颜色和亮度，正是这些设备像素的微小距离欺骗了肉眼看到的

line-height(行高)：顾名思意指一行文字的高度，具体来说是指两行文字间基线之间的距离，如下图中两条红线之间的距离就是行高 line-height。vertical-align 中有 top、

初识 CSS CSS 全称为 cascading style sheet 层叠样式表，它的主要作用是为 HTML 标签添加各种各样的样式和修饰效果 HTML 页面引入 CSS 的方式 行间样式：直接写

普通 script 标签 JS 可能会修改 HTML 和 CSS，因此 JS 的下载执行过程不能和 HTML / CSS 并行 HTML 解析过程中若碰到外联的 JS 会暂时中止 HTML 的解析流程