四、实现跨域访问
同源策略 同源：协议相同、域名相同、端口号相同 如果非同源那么将收到的限制： 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学习笔记。
五、玩转Git三剑客-Git集成使用禁忌
极客时间玩转Git三剑客学习第五章Git集成使用禁忌学习笔记。
