一、Axios基础
参考文档：http://www.axios-js.com/zh-cn/docs/ axios库基本概念 它是一个类库，基于promise管理的Ajax库 关于get、post方法的参数 url 第一个参数，请求的url地址 options 对象。 get方法 123456789axios.get('https://v1.hitokoto.cn/', { params: { c: "b" }}).then(function (res) { console.log(res);}).catch(function (err) { console.log(err);}) get请求会把params中的键值对拼接成urlencode格式的字符串，然后以问号传递参数的形式，传递给服务器。 post方法 post方法与get稍有些不同，其第二个参数直接传入对象即代表请求数据。 1234567axios.post( ...
四、实现跨域访问
同源策略 同源：协议相同、域名相同、端口号相同 如果非同源那么将收到的限制： Cookie、LocalStorage和IndexDB无法读取 DOM无法获得 AJAX请求不能发送 互联网默认原则：同源策略（不允许跨域访问） 常见跨域 link元素 script元素 img元素 iframe元素 JSONP 通过动态创建 script 标签，通过 script 标签的 src 请求没有域限制来获取资源 例如在 html 页面中，将 script 标签地址改为后端接口。 网页通过添加一个<script>元素，向服务器请求JSON数据，这种做法不受同原政策限制；服务器收到请求后，将数据放在一个指定名的回调函数里传回来。 12345678910111213141516171819<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c ...
三、jQuery中的Ajax
JQuery中的Ajax 方法 load方法 $.get和$.post方法 $.ajax方法 $.getScript方法和$.JSON方法 事件 ajaxStart和ajaxStop ajaxComlete、ajaxSend、ajaxError、ajaxSuccess事件 load方法 $element.load(url,[data],[callback]) url 异步请求的地址 data 异步请求的数据.。如果传入参数那么请求方式为post，否则为get。请求数据为键值对形式。 callback 自动将返回结果写入到目标元素中 12345$('.btn').click(function () { $('button').load('data/server2.txt', { name: '123' }, function () { console.log('success'); }) ...
二、JSON数据格式
JSON语法规则 ”名称/值“对的集合。例如对象、字典 1234{ "name": "好人", "job": [1, 2, 3, 4, 5]} 字符串必须使用双引号。 值的有序列表。例如数组。 123[ 1,2,3] JSON的值可以是字符串、数值、布尔值、null、对象、数组。 JSON可以独立成文件，扩展名为json。 JavaScript中的JSON json字符串 数据格式符合JSON格式的要求，类型是字符串 1var jsonString = '{"name":"张无忌"}' json对象 JSON数据格式在JavaScript中的具体表现 1234var jsonObject = { name:'张无忌'}var jsonArr = [1,2,3] JSON对象与JSON字符串转换 将json格式字符串转为JSON对象 ...
一、Ajax的基本用法
同步交互与异步交互 同步交互 指发送一个请求，需要等待返回，然后才能够发送下ー个请求。同步交互相当于排队，轮到下一个的情况会因为前一个而有所不同。 与排队类似。例如学生在食堂买饭，只有等前边同学买完才能轮到自己。 客户端向服务器端发送请求，必须等待结果返回，才能向服务端再次发送请求。 异步交互 所谓异步交互，就是指指发送一个请求，不需要等待返回，随时可以再发送下一个请求。同步交互与异步交互的区别在于同步交互需要等待结果，而异步交互不需要等待。 异步交互相比同步交互的优势主要具有以下几点 用户操作无须像同步交互必须等待结果。 异步交互只需与服务器端交換必要的数据内容，而不是将所有数据全部更新。 异步交互对带宽造成的压力相比同步交互更小。 通过Aja实现异步交互不需要任何第三方插件，只要浏览器支持Javascript语言即可实现。 异步交互相比同步交互井不是优势，它也存在一些问题 异步交互破坏了浏览器原有的前进和后退机制。 如果后面逻辑的行依靠前面逻辑行的结果的话，异步交互可能会造成问题。 Aja×实现异步交互对搜索引擎支持较弱。 Ajax实现异步交互会引起一些Web安 ...
图解HTTP读书笔记
第一章 了解Web及网络基础 Web使用一种名为HTTP（HyperText Transfer Protocol，超文本传输协议）的协议作为规范，完成从客户端到服务器端等一系列运作流程。而协议是指规则的约定。可以说，Web是建立在HTTP协议上通信的。 TCP/IP的分层管理 分层的好处：如果互联网只由一个协议统筹，某个地方需要改变设计时，就必须把所有部分整体替换掉。而分层之后只需把变动的层替换掉即可。把各层之间的接口部分规划好之后，每个层次内部的设计就能够自由改动了。层次化之后，设计也变得相对简单了。处于应用层上的应用可以只考虑分派给自己的任务，而不需要弄清对方在地球上哪个地方、对方的传输路线是怎样的、是否能确保传输送达等问题。 应用层 决定了向用户提供应用服务时通信的活动。 TCP/IP 协议族内预存了各类通用的应用服务。比如，FTP（File Transfer Protocol，文件传输协议）和 DNS（Domain Name System，域名系统）服务就是其中两类。HTTP 协议也处于该层。 传输层 传输层对上层应用层，提供处于网络连接中的两台计算机之间的数 ...
七、玩转Git三剑客-使用GitHub进行团队协作
极客时间玩转Git三剑客学习第七章使用GitHub进行团队协作学习笔记。
Chrome代码调试指南
打开开发者工具 在Chrome菜单选择：更多工具->开发者工具 在页面原色上右键单击，选择检查 快捷键 打开最近关闭状态 cmd+opt+i或ctrl+shift+i 快速查看DOM或样式 Command+Option+c或Control+shift+c 快速进入Console查看log运行JavaScript Command+Option+j或Control+shift+j F12打开 使用Elements调试DOM 查看与选择DOM节点 将鼠标移动到需要被查看的元素 右键选择检查 通过开发者工具左上角的小箭头可以选择需要查看的元素 通过如上图所示按钮，也可以定义调试工具所处位置。 实时编辑HTML和DOM节点 在调试工具处，双击dom节点即可进入编辑。 也可以通过右键节点选择编辑HTML模式。 在Console中访问节点 通过document.querySelectAll访问 通过$0快速访问选中元素 拷贝->js path 复制出的路径是通过querySelector接口选择的元素 ...
六、玩转Git三剑客-初识GitHub
极客时间玩转Git三剑客学习第六章初识GitHub学习笔记。
