jsonp

由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows，因此打算使用nodejs来解决这一问题 发现不管什么编辑器只要将图片转换成base64后就可以直接使用（IE8及一下可能不支持），由于编辑器中添加word文档功能也只是自己用，因此可以忽略这种浏览器了 找了很久，试用了很多编辑器，发现只有ckeditor的功能还算符合我的需求（支持自定义HTML属性） 然后我写了一个监听粘贴事件的操作，用来获取粘贴之后的file:///xxxx.jpg这种路径 <script> var service = { http : require('http'), url : require('url'), querystring : require('querystring'), fs : require('fs'), config : { timeout : 60000, charset : 'utf8', port : 10101, host : '127.0.0.1' }, router : { index : function(res, query){ res.end(

webpack webpack 最出色的功能之一就是，除了 JavaScript ，还可以通过 loader 引入 任何其他类型的文件 。 Webpack 核心概念： Entry （入口）：Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 Output （出口）：指示 webpack 如何去输出、以及在哪里输出 Module （模块）：在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。 Chunk （代码块）：一个 Chunk 由多个模块组合而成 ，用于代码合并与分割。 Loader （模块转换器）：用于把模块原内容按照需求转换成新内容。 Plugin （扩展插件）：在 Webpack 构建流程中的特定时机会广播出对应的事件，插件可以监听这些事件，并改变输出结果 配置项 入口 Entry entry: { a: "./app/entry-a", b: ["./app/entry-b1", "./app/entry-b2"] }, 多入口可以通过 HtmlWebpackPlugin 分开注入 plugins: [ new HtmlWebpackPlugin({ chunks: ['a'], filename: 'test.html', template: 'src/assets/test

前言 前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 本文完整的源代码请猛戳 github博客 ，纸上得来终觉浅，建议大家动手敲敲代码。 一、什么是跨域？ 1.什么是同源策略及其限制内容？ 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。 同源策略限制内容有： Cookie、LocalStorage、IndexedDB 等存储性内容 DOM 节点 AJAX 请求发送后，结果被浏览器拦截了 但是有三个标签是允许跨域加载资源： <img src=XXX> <link href=XXX> <script src=XXX> 2.常见跨域场景 当协议、子域名、主域名、端口号中任意一个不相同时，都算作不同域 。不同域之间相互请求资源，就算作“跨域”。常见跨域场景如下图所示： 特别说明两点： 第一：如果是协议和端口造成的跨域问题“前台”是无能为力的。 第二：在跨域问题上，仅仅是通过“URL的首部”来识别而不会根据域名对应的IP地址是否相同来判断。“URL的首部”可以理解为“协议, 域名和端口必须匹配” 。 这里你或许有个疑问： 请求跨域了，那么请求到底发出去没有？ 跨域并不是请求发不出去

文章目录 Gin介绍 安装 快速开始 路径参数 构造参数 post传参 get+post混合形式 构造Map格式 分组路由 Gin介绍 Gin是一个golang的微框架，封装比较优雅，API友好，源码注释比较明确，已经发布了1.0版本。具有快速灵活，容错方便等特点。其实对于golang而言，web框架的依赖要远比Python，Java之类的要小。自身的net/http足够简单，性能也非常不错。框架更像是一些常用函数或者工具的集合。借助框架开发，不仅可以省去很多常用的封装带来的时间，也有助于团队的编码风格和形成规范。 安装 下载安装 $ go get -u github.com/gin-gonic/gin 1 项目中导入 import "github.com/gin-gonic/gin" 1 （可选）导入NET/HTTP。例如，如果使用诸如HTTP.StasuCK之类的常数，则需要这样做。 import "net/http" 1 快速开始 让我们先通过一个简单的例子，迅速的了解以下 以下demo代码摘自Gin的github实例 package main import "github.com/gin-gonic/gin" func main() { r := gin.Default() r.GET("/ping", func(c *gin.Context) { c.JSON(200,

同源策略 浏览器有同源策略，协议 域名 端口不同，就不能互相访问资源 实现跨域 jsonp cors postMessage Window.name http-proxy Document.domain JSONP 本地声明一个函数 function show ( data ) { console .log(data) } 复制代码 后段返回该函数的执行 < script src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=lol&cb=show" > </ script > // cb就是厚度返回的执行函数名 复制代码 //后端会返回 show({ p: false q: "lol" s: (10) ["lol官网", "lol手游", "lol转区", "lol是什么意思", "lol半价吧", "lol春季赛", "lol转区系统"] }) 复制代码 封装一个通用jonsp函数 //使用 jsonp({ url : 'xxx' , params :{ wd : 'xxx' }, cb : 'xx' }).then( res => console .log(data)) 复制代码 let jsonp = ( {url,params,cb} )=> { return new Promise ( (

一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题。解决方法有JSONP，Flash等等。 JSONP 我们发现，Web页面上调用js文件时不受是否跨域的影响，凡是拥有"src"这个属性的标签都拥有跨域的能力，比如<script>、<img>、<iframe>。那就是说如果要跨域访问数据，就服务端只能把数据放在js格式的文件里。恰巧我们知道JSON可以简洁的描述复杂数据，而且JSON还被js原生支持，所以在客户端几乎可以随心所欲的处理这种格式的数据。然后客户端就可以通过与调用脚本一模一样的方式，来调用跨域服务器上动态生成的js格式文件。客户端在对JSON文件调用成功之后，也就获得了自己所需的数据。这就形成了JSONP的基本概念。允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。 jQuery支持JSONP的调用。在另外的一个域名中指定好回调函数名称，就可以用下面的形式来就加载JSON数据。 url?callback=? jQuery.getJSON(url + "&callback=?", function(data) { alert(data.a + data.b); }); 服务端当然也要提供JSONP的支持