77 篇博文 含有标签「Fullstack」

CSS 选择器具有广泛的功能和用法，包括一些高级的技术和技巧。以下是一些 CSS 选择器的高级用法：

一般选择器​

1. 组合选择器​

• 并集选择器（,）：选择多个元素，使用逗号分隔它们。例如：h1, h2, h3 { color: blue; }。
• 后代选择器（空格）：选择嵌套在另一个元素内部的元素。例如：div p { color: red; }。

HTTP 的报文结构，它是由 header+body 构成，请求头里有请求方法和请求目标，响应头里有状态码和原因短语，本节的主要内容就是请求头里的请求方法。

Method​

图：HTTP请求方法

如上图所示，本文将 HTTP 方法分为了：常用方法、非常用方法和拓展方法。其中常用方法、非常用方法是需要我们重点掌握的，而拓展方法本文不会介绍，如果需要的话可以百度学习。

GET​

GET 方法自 0.9 版出现并一直被保留至今，它的含义是请求从服务器获取资源，这个资源既可以是静态的文本、页面、图片、视频，也可以是由 PHP、Java 动态生成的页面或者其他格式的数据。

枚举（Enum）类型经常被用于取值在一定范围内的场景，比如一周只能有七天，角色权限设计等。枚举类型变量使用enum字段来定义，枚举成员的值可以是数字或者字符串，并且枚举成员是只读的。

枚举按照类型划分，主要分为以下三种：

• 数字枚举（Numeric enum）
• 字符串枚举（String enum）
• 异构枚举（Heterogeneous enum）

Type Annotations​

• What: Like type declaration in Java.
• How: Syntax as following:

variable: type;

ES/TS Primitive Types​

boolean​

let bool: boolean = true;

物理像素与独立像素​

px 像素（Pixel），相对长度单位。本来 px 还是很好理解的，但是由于 Retina 屏让 px 变得扑所迷离，也是在移动端 Web 开发的时候不得不跨越的一个坎。我们先了解一下两个概念：

• 物理像素(实际像素)：即小格子，是各个厂家所宣称的屏幕分辨率，比如：2880x1800，Retina 屏所说的像素就是物理实际像素。
• 独立像素：即大格子，是 JS/CSS 所认为的像素
  • 非 Retina 屏 独立像素 = 物理像素
  • Retina 屏 独立像素 < 物理像素

Online demo: http://www.liquidapsive.com

Basic Concept​

Before introduction on responsive and adaptive design, let's start by Static and Liquid which are basis of responsive and adaptive design.

Static​

Static layouts are the traditional web: one design that sits in the center of the page and requires horizontal scrolling if the window is too small for it. M dot sites (m. site is a website that's specifically designed for mobile devices, and exists on a separate subdomain) are the traditional answer to this, providing a wholly separate site for a lower resolution - and all the work of creating a separate site.

npm (Node Packaged Modules) is node's official package manager. You can also see all the versions of node and corresponding npm here.

Overview​

npm CLI documentation

Acronym​

-g​

--global 缩写为 -g，表示安装之后的包将位于系统预设的全局目录之下。

-S​

--save 缩写为 -S，表示安装的包将写入 package.json 里面的 dependencies。