浏览器、中间件和服务器的关系
一次完整的http请求包括三次握手与四次挥手的过程。（http是基于tcp协议的）
1、 打开浏览器，地址栏输入:www.cnblogs.com；
2、 开始进行域名解析
浏览器自身搜dns缓存 搜blog.csdn.net有没有缓存 看看有没有过期，如果过期就这个结束；
搜索操作系统 自身的dns缓存；
读取本地的host文件；
浏览器发起一个dns的一个系统调用
3、 浏览器获得域名对应的ip地址后 发起http三次握手
4、 tcp/ip 链接建立起来后，浏览器就可以向服务器发送http 请求 。
5、 服务器端接受到请求，根据路径参数，经过后端的一些处理之后，把处理后的一个结果数据返回给浏览器，如果是一个完整的网页，就是把完整的html页面代码返回给浏览器。
6、 浏览器拿到html页面代码，解析和渲染页面，里面的 js、css图片资源都需要经过上面的步骤。
7、 浏览器拿到资源对页面进行渲染，最终把一个完整的页面呈现给用户。
一个网站源码的执行是无法直接在服务上执行的，需要一个“中间软件”来协调源码和服务器之间的关系，让服务器能够间接的执行源码。
一、服务器的定义
服务器指的是一个管理资源并为用户提供服务的计算机，通常分为文件服务器、数据库服务器和应用程序服务器。运行以上软件的计算机或计算机系统也被称为服务器。
二、中间件
中间件是服务器上负责解析http请求的一组应用程序，负责接收并解析http请求数据包，在服务器上找到数据包所请求的文件后，将其返回给客户端，如果http数据包所请求的是一个动态脚本文件，如php等，中间件就要靠CGI与脚本语言解析软件进行交互，处理好动态脚本文件后，再将处理后的文件其返回给浏览器。
说白了，中间件就是服务器上web端口（通常为80端口）的一个翻译官，负责告诉服务器用户要请求哪些文件，如果用户请求的是一个静态的html页面，就直接在服务器上找到对应文件并将其交给用户浏览器，如果用户请求的是一个动态页面如php，asp等，中间件在找到该文件后，将其交给对应的脚本语言解析程序，脚本语言解析程序将文件解析成html后，再把解析过的文件发送给浏览器。
所以，浏览器本身并不能渲染解析动态脚本文件，以php为例，浏览器解析的.php文件，实际上是经服务器php程序解析后的html文件。
再者，如果服务器上没有安装中间件，那么服务器就不能理解用户发来的http数据包是什么意思，当然也就无法对http请求包进行正确的响应。
三、Web服务器
web服务器就是安装了中间件的服务器。
JavaScript
JavaScript学习笔记：https://blog.csdn.net/sswqzx/article/details/82796026
一、简介
1、概述：
JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。
诞生于1995年，当时的主要目的是验证表单的数据是否合法。
(1）核心（ECMAScript）：这一部分主要是js的基本语法。
（2）BOM：Brower Object Model（浏览器对象模型），主要是获取浏览器信息或操作浏览器的，例如：浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。
（3）DOM：Document Object Model（文档对象模型），此处的文档暂且理解为html，html加载到浏览器的内存中，可以使用js的DOM技术对内存中的html节点进行修改，用户从浏览器看到的是js动态修改后的页面。（增删改查）
2、特点：
- 交互性（它可以做的就是信息的动态交互）
- 安全性（不允许直接访问本地硬盘）
- 跨平台性（只要是可以解析js的浏览器都可以执行，和平台无关）
3、和Java区别：
4、作用
avaScript 被用来改进设计、验证表单、检测浏览器、创建cookies，等等。JavaScript 是因特网上最流行的脚本语言，并且可在所有主要的浏览器中运行，比如： Internet Explorer、 Maxthon、Mozilla、Firefox、Netscape、Chrome和 Opera等。
在目前学习阶段只要记住最常用的二个：（1）运态修改html及css代码 （2）验证表单
5、书写位置
5.1、内嵌式：
理论上js可以书写在页面的任意位置。
<script>
alert("内嵌式")
</script>
5.2、外链式：
首先新建一个文件类型为.js的文件，然后在该文件中写js语句，通过script标签对引入到html页面中。
<script src="js文件路径地址">这里不能写js语句</script>
5.3、行内式：
直接书写在标签身上，是一个简写的事件，所以又称之为事件属性。 onclick单击事件
<input type="button" value="点我呀!" onclick="alert('点我干啥!^6^');">
<button onclick="alert('恭喜你,中 500 万.');">点我呀!</button>
6、注释：
单行注释： // 注释语句 快捷键ctrl+/
多行注释： /* 注释语句 */ 快捷键ctrl+shift+/
注意：多行注释相互不能嵌套使用，只能在多行注释里面使用单行注释！
7、数据类型：
Js中的数据类型：
数值型：number（凡是数字都是数值型，不区分整数和小数）
字符串：string（凡是引号包裹起来的内容全部都是字符串）
布尔：boolean（true、false）
对象类型：object（特殊取值null）
未定义型：undefined
对比java中的数据类型：
整数：byte short int long
小数：float double
字符：char
布尔：boolean
字符串：String
8、变量：
8.1、定义：就是存放数据的、内疗可以存储任意数据
8.2、声明变量：
var 变量名称 = 存储的数据; (variable 变量)8.3、变量命名规范：
1. 只能由字母、数字、_（下划线）、$（美元符号）组成。 2. 不能以数字开头。 3. 命名中不能出现-（js会理解成减号进行减法的操作），不能和关键字冲突。
js是弱类型语言，不重视类型的定义，但js会根据为变量赋值的情况自定判断该变量是何种类型：
数值型：var i = 1; var d = 2.35; 字符串：var str = "用心学习"; 布尔型：var b = true;
对比Java:java是强类型的语言，注重类型的定义，Java定义类型如下：
整型：int i = 1; 浮点型：double d = 2.35; 字符串：String str = “用心学习”; 布尔型：boolean b = true;
总结：js中变量的定义。只要加一个var就行。java则使用什么类型的变量就要定义什么类型的。
9、检测数据类型：
<script type="text/javascript">
var a;
alert(typeof a); // undefined
a = 998;
alert(typeof a); // number
a = "用心学习";
alert(typeof a); // string
a = true;
alert(typeof a); // boolean
</script>
10、算术运算符
+ - * / % ++ --注意：
1. 由于js中的小数和整数都是number类型，不存在类似整数除以整数还是整数的结论。
2. 字符串和其他的数据使用+号运算，会连接成一个新的字符串。
3. 字符串使用除了+以外的运算符：如果字符串本身是一个数字，那么会自动转成number进行运算
，否则就会返回一个NaN的结果，表示这不是一个数字。NaN：not a number
<script>
alert(1234 / 1000 * 1000); // 1234
var s = "12";
s -= 10;
alert(s); // 2
var s = "aa";
s -= 10;
alert(s); // NaN Not a Number 不是一个数字
var s = "12";
s += 10;
alert(s); // 1210
</script>
11、关系（比较）运算符
-
> >= < <= !=
-
== 等于（只比较内容） === 恒等于（比较内容的同时还要比较数据类型）
-
注意：关系运算符返回的结果只有两个：true / false
12、逻辑运算符
&& 与 true&&false ====>false
|| 或 true||false ====>true
！ 非 !true ====>false
false（理解）：false, 0, null, undefined
true（理解）：true, 非0, 非null, 非undefined
针对 && 顺口溜: 找第一个出现的假值. (一假即假)
针对 || 顺口溜: 找第一个出现的真值. (一真即真)
13、三元运算符：
条件？表达式1：表达式2
如果条件为true，返回表达式1的结果
如果条件为false，返回表达式2的结果
14、if条件语句
这个和Java中if语句一样。
15、switch分支结构
这个和java中switch结构一样。只是Java中表达式为：常量 整型（去long）、字符、字符串
16、循环结构 while、do-while. for;
while(循环条件){循环体;}
do{循环体;}while(循环条件);
for(循环变量赋初值；循环条件；循环变量增值){循环语句;}
console.log（...）; 以日志的形式在控制台输出结果！
18、自定义函数
函数是命名的独立的语句段，这个语句段可以被当作一个整体来引用和执行：
格式：
function 函数名(形式参数){函数体}
调用函数：函数名(实际参数);
18.1、函数只有被调用后才会执行
18.2、如果函数需要返回值、直接使用return 返回、不会像java一样要考虑返回值的类型
21、js事件
21.1、事件概述：
事件三要素：
1. 事件源：被监听的html元素（就是这个事件加给谁），就是某个（某些）html标签
2. 事件类型：某类动作，例如点击事件，移入移除事件，敲击键盘事件等
3. 执行指令：事件触发后需要执行的代码，一般使用函数进行封装
语法格式：事件源.事件类型=执行指令
JS函数
JavaScript 使用关键字 function 定义函数。
函数可以通过声明定义，也可以是一个表达式。
函数声明
在之前的教程中，你已经了解了函数声明的语法 :
function functionName(parameters) { 执行的代码 }
函数声明后不会立即执行，会在我们需要的时候调用到
分号用来分隔可执行JavaScript语句。由于函数声明不是一个可执行语句，所以不以分号结束。
函数表达式
JavaScript 函数可以通过一个表达式定义。
函数表达式可以存储在变量中：
var x = function (a, b) {return a * b};
Function() 构造函数
在以上实例中，我们了解到函数通过关键字 function 定义。
函数同样可以通过内置的 JavaScript 函数构造器（Function()）定义。
函数提升（Hoisting）
在之前的教程中我们已经了解了 "hoisting(提升)"。
提升（Hoisting）是 JavaScript 默认将当前作用域提升到前面去的的行为。
提升（Hoisting）应用在变量的声明与函数的声明。
因此，函数可以在声明之前调用：
myFunction(5); function myFunction(y) { return y * y; }
自调用函数
函数表达式可以 "自调用"。
自调用表达式会自动调用。
如果表达式后面紧跟 () ，则会自动调用。
不能自调用声明的函数。
函数是对象
在 JavaScript 中使用 typeof 操作符判断函数类型将返回 "function" 。
但是JavaScript 函数描述为一个对象更加准确。
JavaScript 函数有 属性 和 方法。
浏览器对象模型 (BOM)
浏览器对象模型（Browser Object Model (BOM)）尚无正式标准。
由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。
改HTML
PHP
php总结：https://www.cnblogs.com/cainiao-chuanqi/p/13332018.html
- PHP 代表 PHP: Hypertext Preprocessor
- PHP 文件可包含文本、HTML、JavaScript代码和 PHP 代码
- PHP 代码在服务器上执行，结果以纯 HTML 形式返回给浏览器
- PHP 文件的默认文件扩展名是 ".php"
PHP能做什么
- PHP 可以生成动态页面内容
- PHP 可以创建、打开、读取、写入、关闭服务器上的文件
- PHP 可以收集表单数据
- PHP 可以发送和接收 cookies
- PHP 可以添加、删除、修改您的数据库中的数据
- PHP 可以限制用户访问您的网站上的一些页面
- PHP 可以加密数据
PHP基本语法
PHP 脚本可以放在文档中的任何位置。
PHP 脚本以 <?php 开始，以 ?> 结束：
<!DOCTYPE html> <html> <body> <h1>我的第一个 PHP 页面</h1> <?php echo "Hello World!"; // 这是一行注释 /* 这是 多行 注释 */ ?> </body> </html>
PHP 中的每个代码行都必须以分号结束
两种在浏览器输出文本的基础指令：echo 和 print。
PHP变量
变量以 $ 符号开始，后面跟着变量的名称
PHP 没有声明变量的命令。
变量在您第一次赋值给它的时候被创建：
PHP 是一门弱类型语言
PHP 会根据变量的值，自动把变量转换为正确的数据类型。
在强类型的编程语言中，我们必须在使用变量前先声明（定义）变量的类型和名称。
PHP的基本语法
PHP(Hypertext Preprocessor,超文本预处理器)是一种运行在服务器端的脚本语言。
1.PHP语言标记
<?php 标准风格标记，属于XML风格；?> <script lanauage="php">长风格标记</script> <? 短风格的标记 ?> <% ASP风格的标记 %>
2.PHP指令分割符
PHP需要在每个语句(指令)后用分号结束！
3.程序注释
// 单行注释 # 单行注释 /* 多行注释 */ /**多行文档注释 */
4.变量
简言之，变量是用于临时存储值的容器。(变量在任何语言中都处于核心地位)
变量的命名：
PHP中声明变量必须是使用一个美元符号"$"加上后面的变量名来表示，使用赋值操作符(=)来给一个 变量赋值。
变量的命名：
一个有效的变量名是由字母或下划线开头，后面跟上任意数量的字母、数字或者下划线。要注意的是，变量名一定不能以数字开头，并且中间不可以使用空格，不能使用点分开 等！
按照正常的正则表达式，他将被表示成：'[a-zA-Z_x7f-xff][a-zA-Z0-9_x7f-xff]*'。
可变变量：
$str = 'hello'; $$str = 'world'; echo "$str $hello"; //输出hello world echo "$str $$str"; //输出hello world
变量的引用赋值：
简单的使用"&"加到将要赋值的变量前。这意味着新的变量简单的引用了原始变量。(换言之，“成为其别名”或者“指向”)。 $foo = 'Bob'; $bar = &$foo; $bar = '世界，你好！'; echo $bar; //输出世界，你好！ echo $foo; //输出世界，你好！ $foo = 'hello world'; echo $foo; //输出hello world echo $bar; //输出hello world
变量的类型：
|-----boole布尔型
|-----integer整形
|-----四种标量类型---- |-----float浮点型，也称double
| |-----string字符串
|
数据类型--|
| |-----array数组
|-----两种复合类型---- |
| |-----object对象
| |-----resource资源
|-----两种特殊类型---- |
|-----NULL
布尔型(TRUE or FALSE): 布尔值FALSE 整型值0为假，其他非零值不论正负均为TRUE 浮点型0.0 空白字符串和字符串'0' 没有成员变量的数组 没有单元的对象（仅适用于PHP4） 特殊类型NULL 整型：如果给定数超出整型范围，将会被解释成float。 浮点型：范围在1.7E-38~1.7E+38之间，精确到小数点15位。 字符串：可以使用单引号、双引号和定界符三种方法定义！ 数组：可以存放多个数据，并且可以存入任何类型的数据。 对象：由属性和方法构成。属性表示对象状态，方法表示对象功能！ 资源类型：保存在外部资源的一个引用，通过专门的函数进行建立和使用！ NULL类型：NULL不表示空格，不表示零，也不表示空字符串，而是表示一个变量的值为空。 将变量直接赋值为NULL; 声明的变量未被赋值 被unset()函数销毁的变量
伪类型：
mixed：说明一个参数可以接受多种不同的（但并不必须是所有的）类型。 number：说明一个参数可以是integer后者float。 callback：接受用户自定义的函数作为参数。
数据类型相互转换：
自动类型转换 布尔型TRUE将转化为1，FALSE转化为0。 NULL转化为0。 整型和浮点型进行运算，先将整型自动转化为浮点型，再进行运算 字符串和数字型参与预算，字符串先转化为数字，再进行运算。 强制类型转换 (int),(integer):转换成整型 (bool),(boolean):转换成布尔型 (float),(double),(real):转换成浮点型 (string):转换成字符串 (array):转换成数组 (object):转换成对象 或使用具体的转换函数：intval(),floatval()和strval()。 注：整型转换为浮点型，由于其精度范围小于浮点型，所以转换后精度不会改变，但是浮点型 转换为整型时，会自动舍弃其小数部分。
检测变量类型：
is_bool():是否为布尔型 is_int(),is_integer(),is_long():是否为整型 is_float(),is_double(),is_real():是否为浮点型 is_string():是否为字符串 is_array():是否为数组 is_object():是否为对象 is_resource():是否为资源类型 is_null():是否为空 is_scalar():是否是标量，也就是是否为整数、浮点数、布尔型或字符串。 is_numeric():是否是任何类型的数字或数字字符串 is_callable():判断是否是有效的函数名
常量：用于一些固定的值！
常量的声明：通过使用define()函数声明常量，常量名照样区分大小写，按照惯例，一般常量名全大写，常量名前不要加"$"。
example：define('NAME','xiaozhang');
echo NAME; //输出xiaozhang
常量和变量的区别：
常量前没有"$"符号 常量只能通过define()函数定义，不能通过赋值 常量可以不用理会变量范围的规则而在任何地方定义和访问 常量一旦定义就不能被重新定义或者取消定义，直到脚本运行结束自动释放 常量的值只能是标量类型
PHP中常用魔术常量：
__FILE__:当前的文件名 __LINE__:当前的行数 __FUNCTION__:当前的函数名 __CLASS__:当前的类名 __METHOD__:当前对象的方法名
运算符
算数运算符： + 加 - 减 * 乘 / 除 % 取余(求模) ++ 累加 -- 累减 注：$a++先计算表达式然后再执行递增的操作，++$a先执行递增操作，再计算表达式的值。累减同理！
赋值运算符：
= 将一个值或表达式计算结果赋给变量 += 将变量与所赋值相加后的结果再赋给该变量 -= ...... *= ...... /= ...... %= ...... .= 将变量与所赋值相连后的结果再赋给该变量
比较运算符：
> 大于 < 小于 >= 大于等于 <= 小于等于 == 等于 === 全等于 <>或!= 不等 !== 不全等 注：==和===的区别在于==只关心参与比较的数的值是否相等，而不管类型是否相同！
逻辑运算符：
and或&& 逻辑与 两边必须都为TRUE才为TRUE or 或|| 逻辑或 两边只要一个为TRUE就为TRUE not或！ 逻辑非 取反，若表达式为TRUE则结果为FALSE xor 逻辑异或 两边不同时为TRUE
表达式：PHP的基石，几乎所编写的任何代码都可以看做是一个表达式，通常是变量、常量和运算符的组 合等！
Burp Suite暴力破解实验
BurpSuite工具使用详解https://www.cnblogs.com/cainiao-chuanqi/p/14352017.html
