JS 作用域链
本篇我们来看看啥是作用域以及作用域链，首先，来看看下面的代码：const name = "Lydia"const age = 21const city = "San Francisco"function getPersonInfo() { const name = "Sarah" const age = 22 return `${name} is ${age} and lives …
CSS Grid 网格布局
一、概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上图这样的布局，就是 Grid 布局的拿手好戏。Grid 布局与 Flex 布局有一定的相似性，…
看完这篇 Session、Cookie、Token，和面试官扯皮就没问题了
Cookie 和 SessionHTTP 协议是一种无状态协议，即每次服务端接收到客户端的请求时，都是一个全新的请求，服务器并不知道客户端的历史请求记录；Session 和 Cookie 的主要目的就是为了弥补 HTTP 的无状态特性。Session 是什么客户端请求服务端，服务端会为这次请求开辟一块内存…
CSS display 属性详解
display的所有属性{/* CSS 1 */display: none;display: inline;display: block;display: list-item;/* CSS 2.1 */display: inline-block;display: table;display: inline-table;display: table-cell;display: table-column;display: table-column-group;display: table-footer…
13 个 npm 快速开发技巧
译者：前端小智原文：medium.com/@bretcamero…为了保证的可读性，本文采用意译而非直译。每天，数以百万计的开发人员使用 npm 或 yarn 来构建项目。运行npm init或npx create- response -app等命令几乎构建JS项目的首选方式，无论是为客户端或服务器端，还是桌面应用程序。但…
理解并运用 CSS 的负 margin 值
本文样式代码采用 SCSS。浏览器兼容性为 IE6+。你的网页中，不可能没有使用过 margin。大多数情况下，我们采用的都是正数的 margin 值，可能有时候会用到负的 margin 值。在我们的印象中，负的 margin 值就类似于浏览器的 hack 一样，不被人接受。但是，本文要说明的就是，负…
『ES6知识点总结』let+const+变量+变量作用域+块作用域+变量声明提升