RESTful API
RESTful API
什么是 RESTful API
REST 全称为 Representational State Transfer(表现层状态转换)。REST 基于 HTTP 的设计风格，是一种万维网软件架构风格，目的是便于不同软件/程序在网络中互相传递信息。
符合 REST 设计风格的 Web API 称为 RESTful API。RESTful API 是目前比较成熟的一套互联网应用程序的API设计理论。可以为不同的客户端提供统一的接口。
RESTful API 设计规范
API版本
可以将 API 部署在专用的子域名下，或者放入主域名的 URL 中
https://api.example.com 或 https://example.com/api
将版本信息放入 HTTP header 头中，或 URL 中
https://api.example.com/v1
API 版本需向后兼容,使用新版本的 API 的同时,要保证旧版本的 API 可以正常使用
URL
RESTful 的每个 URL 代表一种资源（resource），所有的动作都是对指定资源进行操作。URL ...
webpack
// 简单配置const HtmlWebpackPlugin = require('html-webpack-plugin'); // 通过 npm 安装const webpack = require('webpack'); // 用于访问内置插件const path = require('path');const config = { entry: './path/to/my/entry/file.js', // 输入：项目主文件（入口文件） output: { // 输出 path: path.resolve(__dirname, 'dist'), //想要生成(emit)到哪里 filename: 'my-first-webpack.bundle.js' // webpack bundle 的名称 }, module: { // 配置加载资源 rules: [ // 规则 ...
vs code 快捷键
注释：
a) 单行注释：[ctrl+k,ctrl+c] 或 ctrl+/
b) 取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u)
c) 多行注释：[alt+shift+A]
d) 多行注释：/**
移动行：alt+up/down
显示/隐藏左侧目录栏 ctrl + b
复制当前行：shift + alt +up/down
删除当前行：shift + ctrl + k
控制台终端显示与隐藏：ctrl + ~
查找文件/安装vs code 插件地址：ctrl + p
代码格式化：shift + alt +f
新建一个窗口 : ctrl + shift + n
行增加缩进: ctrl + [
行减少缩进: ctrl + ]
裁剪尾随空格(去掉一行的末尾那些没用的空格) : ctrl + shift + x
字体放大/缩小: ctrl + ( + 或 - )
拆分编辑器 : ctrl + 1/2/3
切换窗口 : ctrl + shift + left/right
关闭编辑器窗口 : ctrl + w
关闭所有窗口 : ctrl + k + w
切换 ...
变形与动画
transform()
transform 属性允许你修改CSS视觉格式模型的坐标空间。使用它，元素可以被转换（translate）、旋转（rotate）、缩放（scale）、倾斜（skew）。只对 block 级元素生效
rotate()
旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。
// HTML<div class="wrapper"> <div></div></div>// CSS.wrapper { width: 200px; height: 200px; border: 1px dotted red; margin: 100px auto;}.wrapper div { width: 200px; height: 200px; background: orange; -webkit ...
Media Queries
Media Queries
Media Queries使用方法
@media 媒体类型and （媒体特性）{你的样式}
注意：使用Media Queries必须要使用“@media”开头，然后指定媒体类型（也可以称为设备类型），随后是指定媒体特性（也可以称之为设备特性）。 媒体特性的书写方式和样式的书写方式非常相似，主要分为两个部分，第一个部分指的是媒体特性，第二部分为媒体特性所指定的值，而且这两个部分之间使用冒号分隔。例如：(max-width: 480px)
媒体特性
最大宽度“max-width”(max-width 表示最大即小于等于)是媒体特性中最常用的一个特性，其意思是指媒体类型小于或等于指定的宽度时，样式生效。如：
// 当屏幕小于或等于480px时,页面中的广告区块（.ads）都将被隐藏。@media screen and (max-width:480px){ .ads { display:none; }}
最小宽度“min-width”(min-width 表示最小即大于等于)与“max-w ...
