42 posts tagged with "Frontend"

multipart/form-data v.s. application/x-www-form-urlencoded​

multipart/form-data 和 application/x-www-form-urlencoded 是两种常用的 HTTP 表单数据编码方式，它们在 Web 应用程序中用于提交表单数据到服务器。尽管它们的目的相似，但它们在实现和使用上有一些关键的差异。

相同点​

1. 表单数据传输：它们都用于通过 HTTP POST 请求传输表单数据到服务器。
2. 浏览器支持：现代 Web 浏览器都支持这两种编码类型，并能够自动处理表单数据的编码和解码。
3. 数据类型：它们可以传输文本字段，如文本输入、选择框、复选框等。

常用换行属性​

在 CSS 中，处理文本过长自动换行的问题通常涉及到几个不同的属性，这些属性可以帮助你控制文本的显示方式，确保它们在容器内适当地换行。以下是一些关键的 CSS 属性，你可以用来管理文本换行：

1. word-wrap (或 overflow-wrap): 这个属性可以设置为 break-word，允许单词在需要时可以被拆分换行，以避免文本溢出容器。

   word-wrap: break-word;
   

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

一般选择器​

1. 组合选择器​

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

画布尺寸​

Canvas 有两种 width 和 height：

1. 一种是 width、height 属性，一般称其为 画布尺寸，即图形绘制的地方。默认值分别为 300px、150px。

例如：

<canvas id="canvas" width="300" height="150"></canvas>

2. 另一种是 CSS 样式里的 width、height 属性，可通过内联样式、内部样式表或外部样式表设置。一般称其为 画板尺寸，用于渲染绘制完成的图形。默认值为空。

The path element features quite a number of these commands. There are two that are relevant for our purposes:

• Q, which instructs the path to create a quadratic Bézier curve.
• C, which instructs the path to create a cubic Bézier curve.

Online practice site: https://bezier.method.ac

SVG is a markup language for describing two-dimensional graphics applications and images, and a set of related graphics script interfaces. SVG 1.1 2nd edition is a W3C Recommendation and is the most recent version of the full specification. SVG 2 editor's draft is the next version and current status is draft.

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

Method​

图：HTTP请求方法

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

GET​

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

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

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

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