2020-09-12 前端学习之周总结

周总结

window shell 命令

  • cd … 返回当前文件夹上一层
  • cd 文件夹名 进入某个文件夹
  • dir 列出当前文件夹目录
  • mkdir 文件夹名 创建一个文件夹
  • rmdir 文件夹名 移出一个文件夹

从浏览器输出地址栏到看到页面都发生哪些事情

  1. DNS解析(将域名转换为IP地址)
  2. 客户端向远程服务器的某一个端口发送一个请求 (一般为80端口)
  3. 服务器会经过内部处理之后,向客户机返回一个文件或一段内容(.html文件,img图片,css文件,JS文件或者是一段JSON)
  4. 客户端将接受到来自服务器端返回的文件或JSON(.html)
  5. 客户端的浏览器将按照HTML,CSS,JS的标准来解析来自服务器端给客户端的文件。

ajxs(HTTP脚本化)发送请求基本步骤

之前的请求是不可控的,页面加载完成后里面存在的元素即所有的元素,现在用ajxs使其变得可控,在触发了某个事件后发送请求

    let http = new XMLHttpRequest();  //实例化一个XMLHTTPRequest对象 别忘了写 new
    //规划一个请求
    // 异步请求:从发送请求只后所有的代码都不会等待服务器端的回执就会执行下文的操作
    http.open("get","http://10.35.165.28/message.php?name=zhangsan",true);//三个参数,第二个为真实的网络环境,不要光写文件名
    http.send();//真正的发送请求
    http.onreadystatechange = function(){
    
           //为了解决异步过快来不及得到请求
        //如果为4 说明请求完毕
        if(http.readyState === 4){
    
      //readyState 为请求状态
            ......          // 需要进行的操作
        }
    }
请求参数

以英文状态下的问号作为分隔,key=value 的形式传入,一般是写给后端看的,不唯一时拼接到" "外边,尽量用模板字符串写 http://... ${}

ajxs只能发送同主机、同协议、同端口的请求,不同则会被阻止。

同源组策略

同源组策略:浏览器为了安全起见,只允许客户端向同主机,同协议,同端口的服务器发送Ajax请求。如果某一个页面的来源地址与要发送请求的地址端口号主机名协议名有任意一项不相等,则阻止该请求的发送。

JSONP可以解决这一跨域问题

JSONP的工作机制

JSONP不是一种技术,是解决跨域问题的一种方式。使用script标签向后端发端一次HTTP请求,这次请求返回过来的结果,前端会当做JS代码段来被解析。在发送请求时前端在请求地址上使用参数的形式发送callback的参数,这个参数代表回调函数的函数名。后端接到前端的请求后首先拆解callback请求参数的参数值 ,然后拼接成一段执行函数的JS代码段,并把需要返回给前端的数据当做实参存在。此时前端会自动调用回调函数,形参也就代表了后端返回的数据。

PHP基础

    <?PHP
        $a = "kafuka";        //声明变量用$,是一个整体,变量为$a
        $b = rand(1,90);        //生成随机数
        $arr = array(1,2,8,6,3);    // 声明数组
        count($arr);                // 全局方法count 获取数组长度
        $str = "dhfj";
        $a . $str;              //字符串拼接

        echo $a;               //还有 

        $_Get["前端传的参数名"]     //获取前端参数对应的值
        
    ?>

特别注意

*PHP的语法很严谨,语句结束必须用 ; 不然会报错

与数据库建立连接

<?php
    // 防止乱码
    header("content-type:text/html;chartset=utf-8");
    // 尝试连接本地MySQL数据库,连上的是总的服务
    $connect = mysql_connect("localhost","root","123456");
    // 在已连接的数据路中挑选自己要连接的数据库
    $mysql = mysql_select_db("school");
    mysql_query('SET NAMES UTF8');  // 防止乱码
    //操作数据库
    $result = mysql_query("SELECT * FROM students");

    while($row = mysql_fetch_array($result)){
    
    
        echo $row['name'] . " " . $row['age'] . " " . $row['sex'] . " " . $row['city'];
        echo "<br/>";
    };
    echo $result;
?>

先写到这里……

猜你喜欢

转载自blog.csdn.net/weixin_48364327/article/details/108556335