前言 前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 一、什么是跨域？ 1.什么是同源策略及其限制内容？ 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到 XSS、CSFR 等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个 ip 地址，也非同源。 同源策略限制内容有： Cookie、LocalStorage、IndexedDB 等存储性内容DOM 节点AJAX 请求发送后，结果被浏览器拦截了但是有三…
2019 农历新年即将到来，是时候总结一下团队过去一年的技术沉淀。过去一年我们支撑的数据相关业务突飞猛进，其中两个核心平台级产品代码量分别达到30+万行和80+万行，TS 模块数均超过1000个，协同开发人员增加到20+人。由于历史原因，开发框架同时基于 React 和 Angular，考虑到产品的复杂性、人员的短缺和技术背景各异，我们尝试了各种方法打磨工具体系来提升开发效率，以下是节选的5项主要方法。 一、基于 Redux 的状态管理 从2013年React发布至今已近6个年头，前端框架逐渐形成 React/Vu…
一 序言 在 传统Ajax 时代，进行 API 等网络请求都是通过XMLHttpRequest或者封装后的框架进行网络请求,然而配置和调用方式非常混乱，对于刚入门的新手并不友好。今天我们介绍的Fetch提供了一个更好的替代方法，它不仅提供了一种简单，合乎逻辑的方式来跨网络异步获取资源，而且可以很容易地被其他技术使用，例如 Service Workers。 二 与Ajax对比 使用Ajax请求一个 JSON 数据一般是这样： 同样我们使用fetch请求JSON数据： 从两者对比来看，fetch代码精简许多，业务逻辑更…
平时工作中经常被JavaScript跨域问题所困扰，其实有很多种解决方式，下面给大家介绍常用的几种，希望能帮助到大家： 1.jsonp解决跨域问题 客户端代码： 服务端代码： 相信大家对此种方式并不陌生，需要引用jquery库文件，并且要与服务端进行协调处理。 我先写了个简单的ajax调用非同源的异步请求直接报错 执行jsonpFn方法 成功获取服务端信息！ 2.window.name解决跨域问题 在客户端浏览器中每个页面都有一个独立的窗口对象window，默认情况下window.name为空，在窗口的生命周期中，…
随着移动设备的普及，日常生活中随处可见二维码，大有一码走天下之势。那么前端如何来生成二维码？ 通过QRCode.js我们可以快速生成二维码啦，一起来看看怎么使用吧。 https://github.com/davidshimjs/qrcodejs/ QRCode.js地址 1、引入插件 /*html*/ <div id="qrcode"></div> /*js*/ <script src="qrcode.js"></script>
