Jquery对象与基本设置

Jquery:

1.x 版本支持IE6、7、8低版本浏览器,官方不再更新

入口函数:

1
2
3
4
<script src="../js/jquery.js"></script>
$(document).ready(function(){})
//或者
$(function(){})

入口函数可以在一个页面多次使用,表示页面结构加载完成。jQuery中的this指向已经处理,不建议在jQuery下使用箭头函数。

cookie/localstorage

会话跟踪技术

  • 会默认在请求头里面携带

  • 前端cookie
  • 一套协议域名端口对应一套cookie

  • 存储在当前浏览器独立创建的本地文件

  • cookie里面存储的信息是纯文本形式的

  • cookie里面存储信息最大4kb,最大条数为50

  • 时效性:默认 session

  • cookie是必须同域名,同协议,同端口的页面才可以访问

  • 浏览器通过 协议+域名+端口作为key值,cookie作为value,实现映射结构的数据存储

  • cookie是有安全限制; (很像作用域 / 以文件夹为单位的父子级包裹关系,决定了cookie的可访问性)

  • cookie的所有特征都是用字符串去描述的

CORS跨域/async-await/fetch

CORS跨域:

  • CORS跨域是后端响应头的配置
  • CORS跨域主要是服务端配置的
  • 在后端语言之中配置

promise:

异步:
  • 主要用来解决异步回调地狱问题

  • Promise:承诺

  • 状态:
    • pendding:正在进行;
    • fulfilled:成功履行承诺
    • rejected:没有遵守承诺
  • 承诺的状态一旦发生改变,那么这个状态不可逆

Promise.then/JSONP跨域

Web Worker

同步实现优先于异步实现

  • 异步队列中如果先执行完会等待同步完成
  • 子元素和父元素的侦听顺序

Promise.then

GET和POST区别

JSONP跨域

前后端分离/Ajax

  1. 前后端分离技术
  2. PHP与MySQL数据库
  3. Ajax–异步

http协议补充 - 请求携带数据

  • GET : GET 请求的数据全部放在url路径之中 ;
  • 路径后方可以拼接php数据
    • url?key=value&key2=value
    • 使用GET请求携带的数据, 以key为键,以value为值 以组的形式进行发送;
    • 每条数据都以key=value形式进行分割;
  • 我们通常把传递数据的key值称之为 字段;