Javascript(0X01)


jsonp(JSON with Padding) vs json(ajax)

说说JSON和JSONP

0. json, jsonp 的概念
  • json is a data struction, same with XML
  • jsonp is a solution for cross-domain
1. Cross-domain
  • ajax 请求普通资源文件存在跨域无权限访问的问题
  • but, SCRIPT,IMG,IFRAME these tag that has “src” attribute has cross-domain ability.
2. jsonp 约定
  • 本地SCRIPT标签src属性指定跨域服务器资源文件(js)地址,并约定url增加callback参数,该参数传入本地回调函数的函数名
  • 跨域服务器约定返回callbackName([json])形式数据.
  • 这样处理的结果就是, 跨域服务器js脚本被浏览器解析之后,便会执行callbackName([json])该javascript语句(callback需实现声明).
  • 核心就一句话,通过带callback参数的url请求来让跨域服务器替本地生成解析json数据的js脚本(我给你一个空篮子麻烦帮我装满芒果).
3. ajax 跟 jsonp才具有可比性
  • ajax support by XMLHttpRequest/ActiveXObject
  • jsonp support by SCRIPT tag src 属性的跨域能力
4. 为了统一格式
  • jquery把jsonp封装进了ajax.

最美的翻墙姿势

step 1. install chrome plugin named SwitchyOmega
step 2. get PAC address(https://pac.itzmx.com/abc.pac)
step 3. plugin>选项>新建情景模式>PAC情景模式>输入PAC网址>立即更新情景模式>切换情景模式


requirejs

参考文献
1 了解整个requireJS的结构-step-1
2 了解整个requireJS的结构-step-2
3 了解整个requireJS的结构-step-3
4 requirejs
5 requirejs源码分析


words: flash, padding,