爱吃糖的猫
爱吃糖的猫

解决跨域问题的 5 种办法

本文节选自我的博客：解决跨域问题的 5 种办法

  • 作者简介：大家好，我是MilesChen，偏前端的全栈开发者。
  • CSDN主页：爱吃糖的猫
  • 我的博客：爱吃糖的猫
  • Github主页: MilesChen
  • 支持我：点赞+收藏⭐️+留言
  • 介绍：The mixture of WEB+DeepLearning+Iot+anything

前言

跨域问题一直是前后端交互过程中遇见频率最高的问题，本文带来五种解决跨域问题的办法，总有一种适合你。

跨域

什么是跨域？

  • 同源：两个资源的 协议、域名、端口都相同。否则就是跨域

为什么要有跨域？

  • 浏览器的安全限制，为了防止读取非同源的DOM、Cookie、LocalStorage、IndexDB；

跨域请求的过程？

  • 向非同源发起请求，请求资源跨域时，浏览器一般会先发起预检请求，检测资源是否支持跨域，再发起真实请求，请求类型为 preflight ，请求方法为OPTIONS 表示预检请求。

解决跨域的五种方式

  1. 把协议、域名、端口改成相同的；
  2. 在响应头添加 Access-Control-Allow-Origin 相关字段来允许跨域，利用这种解决思路具体的实现的方式有 nginx配置、后端手动修改字段CORS、后端中间件请求拦截、谷歌插件等方式；
  3. JSONP，利用了script标签不受浏览器同源策略的影响；
  4. 反向代理，利用跨域只对浏览器有效，在node中开启跨域代理，负责请求转发。Vue和React都有代码配置，适用于开发环境；
  5. CSP（content-Security-policy）设置白名单。

下面来展开聊其中的几个具体实现

Nginx配置解决跨域问题

在nginx服务器中配置，为响应头添加跨域字段

location ^~ /api/ {
    add_header 'Access-Control-Allow-Origin' $http_origin; # 任何域名都支持跨域
    add_header 'Access-Control-Allow-Credentials' 'true';  # 允许前端带上cookie
    add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
    add_header Access-Control-Allow-Headers '*';
    if ($request_method = 'OPTIONS') { # 如果是预检请求也要支持跨域
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Origin' $http_orig  in;
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain; charset=utf-8';
        add_header 'Content-Length' 0;
        return 204;
    }
}

JSONP解决跨域问题

JSONP利用了script标签不受浏览器同源策略的影响，可以通过src属性，请求非同源的js脚本。除了script标签，img、link标签也支持跨域。但是img只能跨域图片（其实也可以获取图片二进制再使用JS解析也能拿到数据，但没必要怎么做）、link只能跨域css。

JSONP的4大缺陷：

  1. 只支持get请求
  2. 不安全
  3. 有缓存
  4. 传递信息有限制

JSONP伪代码

其实就是本地定义一个函数，用发起请求（发起的JS脚本请求）的方式调用自己
前端HTML的代码

同级目录JS文件夹下的getdata.js 文件

abc({ name: 'ls', age: 30 })  //回调了HTML中的abc函数

实现JSONP

前端部分




    
    
    Document

Node后端部分

const http = require('http')
const url = require('url')
const server = http.createServer()
server.on('request',function(req,res){
    // 将api/test?callback=func 解析为 query和pathname urlobj是个对象还有一起其他内容
    let urlobj = url.parse(req.url,true)
    console.log(urlobj);
    if(urlobj.pathname === '/api/test'){
        // 返回了一个函数 func({name:'mileschen'})
        res.end(`${urlobj.query.callback}(${JSON.stringify({name:'mileschen'})})`)
    }else{
        res.end('404')
    }
})
server.listen(4433,function(){
    console.log('server start');
})

jQuery发起JSONP请求

jQuery是通过动态创建和移除script标签的方式来发起JSONP请求。在发起SONP请求的时候，动态向

中append一个

你可能感兴趣的:(前端,前端,跨域)

  • 【前端】Node.js使用教程 m0_74825172 面试学习路线阿里巴巴前端node.jsvim
    目录一、?Node.js开发环境和编译1.1安装Node.js1.2创建一个Node.js项目1.3编写Node.js程序1.4运行Node.js程序1.5使用Node.js模块二、高级的Node.js编程概念和示例2.1异步编程2.2错误处理2.3网络请求2.4构建Web服务器2.5数据库交互三、Node.js开发中重要方面和概念3.1环境变量和配置文件3.1.1使用环境变量3.1.2使用配置文
  • 带你深入了解前端【HTML+JavaScript】 软件技术NINI 前端htmljavascript
    DeepSeek-R1满血版思考完成嗯，用户想要深入了解前端中的HTML和JavaScript，所以我需要整理相关的信息，参考提供的搜索结果，特别是‌和‌，因为它们直接提到了HTML和JavaScript的结合使用。首先，确定HTML和JavaScript的基本关系，然后看看各个搜索结果里的内容有什么可以整合的。比如，搜索结果‌详细介绍了src和href的区别，而‌则讲解了如何在HTML中使用sc
  • AI生成的web框架 包含前后端 k8s管理等 LCY133 人工智能前端kubernetes
    好的，我现在需要根据用户提供的技术栈来设计一个Web平台的搭建方案。用户提到的技术包括前端、后端、算法，GitLab、Jenkins，阿里云ACK和ECS，MongoDB、Redis，Docker、K8s、Nginx。我需要综合考虑这些技术的整合，确保整个架构的高效、可靠和可扩展。首先，用户之前已经得到了一个架构方案，现在可能希望进一步细化或者调整。我需要回顾之前的方案，看看是否有遗漏或可以优化的
  • 【异常】商城H5首页接口调用慢开发踩坑日记 本本本添哥 003-中间件redis缓存数据库
    一、业务功能描述最近业务提出了修改首页UI功能的需求，原来首页都是通过店铺装修功能来实现的，但是原来店铺装修功能，通过接口/mallapi/pagedevise?pageType=1返回给前端数据是存在局限性，返回的都是在店铺装修后数据的缓存值，即返回的内容是用户点击确认之后，记录的是系统商品当时的瞬时值。下面让我们来看看这段代码，代码很简单，主要做了如下事情（1）校验页面分类pageType（1
  • 后端有没有开“跨域通行证”，对前端有什么影响？—— 一看就懂的对比指南 劲雨波 前端前端javascript
    一、快递员的规矩：跨域问题的核心想象浏览器是个严格的快递员，遵守一个规矩：“只送同小区快递，除非对方小区开了通行证！”这里的“通行证”就是后端的CORS配置。后端有没有开这个通行证，直接影响前端能不能顺利发送请求。二、两种场景对比：后端开没开通行证？场景1：后端没开通行证（没配置CORS）对前端的影响：开发时：快递员（浏览器）直接拒单！#控制台报错Accesstofetchat'http://ap
  • 前端开发手册大全 而 已 webjavascriptcsshtmljquerycss3
    web前端开发手册大全(学习参考)html中文中文参考手册：https://www.html.cn/shouce/html/1.htmlJavaScript中文参考手册：https://www.html.cn/shouce/js/11.htmlCSS3.0参考手册：https://www.html.cn/doc/css3/CSS教程手册（新）：https://www.html.cn/book/cs
  • 设计稿转代码技术原理深度解析 寒鸦xxx 科技研究所css前端
    一、设计稿转代码技术概述1.历史来源设计稿转代码（DesigntoCode,D2C）技术起源于低代码运动和设计系统的普及。早期前端开发依赖手工编码还原设计稿，效率低下且易出错。2010年代，随着Figma、Sketch等矢量设计工具的标准化，其基于JSON的结构化数据存储（如Figma的节点树）为自动化转码奠定了基础。2018年后，阿里Imgcook、微软Sketch2Code等工具首次将AI算法
  • 深度科普 - 大名鼎鼎的bun.js到底是什么? 它能否替代node.js? 是否能成为前端生态的未来? 寒鸦xxx 科技研究所前端javascriptnode.js
    什么是bun?聪明的小伙伴们,你们在接触bun时是否有过这样的疑问呢?bun.js是什么?它是如何诞生的?跟node.js的区别是什么?有什么优势?目前的发展情况如何了?他是否是前端的未来?随便在网上一搜索网页可能会告诉你:Bun.js定位为Node.js的现代化替代品。它集成了运行时、包管理器、构建工具、测试框架等核心功能，并原生支持TypeScript、JSX和WebAPI…但是如果直接把bu
  • 前端入门实践手册 千篇不一律 前端node.jsvue.js
    文章目录最简单的node服务器最简单的node服务器参考视频教学链接：https://www.zhihu.com/zvideo/1323742450507354112consthttp=require('http');//1、创建一个httpserver服务http.createServer(function(request,response){//这是请求头response.writeHead(
  • Vue.js中的MVVM FwgForth vue.jsflutter前端
    MVVM（Model-View-ViewModel）是一种软件架构模式，它在Vue.js中得到了广泛应用。本文将详细介绍MVVM模式在Vue.js中的实现方式，并提供相应的源代码示例。Model（模型）：在Vue.js中，模型代表应用程序的数据和业务逻辑。模型可以是从后端API获取的数据，也可以是前端应用程序内部的状态。在Vue.js中，我们可以使用Vue实例的data属性来定义模型。varapp
  • React进阶之前端业务Hooks库（三） VillanelleS react.js前端前端框架
    前端业务Hooks库hooks方法localStorage和sessionStorager区别packages/hooks/src/useLocalStorageStatepackages/hooks/src/useSessionStorageStatepackages/hooks/src/createUseStorageState模块Hooks在不同场景下的应用Hooks陷阱前提例子useLat
  • React进阶之前端业务Hooks库（四） VillanelleS react.js前端前端框架
    前端业务Hooks库其他功能的hook针对domuseClickAwayuseDocumentVisibilityuseEventListeneruseMutationObserveruseResponsive结合组件库(antdesign,elementui)其他功能的hook针对dom合理的使用useLatest，useMemoizedFn，能够保证组件的更新是不发生不必要的变化的。后续在个人
  • Vite：现代前端构建工具的新选择 前端切图仔001 前端
    引言随着前端项目复杂度的不断提高，开发者对构建工具的要求也越来越高。我们需要更快的启动时间、更高效的热更新和更优化的构建结果。Vite作为一个由Vue.js创建者尤雨溪开发的新一代前端构建工具，正是为了解决这些问题而诞生的。本文将深入探讨Vite的优势、核心特性以及它与传统构建工具的对比。Vite官网文档中文指南为什么选择Vite？Vite（法语中"快"的意思）名副其实地提供了极速的开发体验。它主
  • AJAX与PHP数据交互的精细指南 t0_54coder ajaxphp交互个人开发
    在当今的Web开发中，AJAX（AsynchronousJavaScriptandXML）与PHP的结合使用非常普遍，用于实现无刷新页面更新或后台数据处理等功能。今天，我们将通过一个实例，详细讲解如何使用AJAX与PHP进行数据交互，并解决常见的问题。实例背景假设我们有一个用户注册表单，当用户提交表单时，我们需要将数据插入到MySQL数据库中，同时在前端实时显示插入是否成功。前端代码首先，我们在H
  • AJAX和JSONP：前端异步请求与跨域解决方案 创意前端 前端ajaxokhttp编程
    AJAX和JSONP是前端开发中常用的异步请求和跨域解决方案。本文将详细介绍它们的使用方法和源代码示例。一、AJAX（AsynchronousJavaScriptandXML）AJAX是一种在不刷新整个页面的情况下，通过JavaScript与服务器进行异步通信的技术。它可以实现页面的局部刷新，提升用户体验。发起AJAX请求以下是一个简单的AJAX请求的示例：varxhr=newXMLHttpReq
  • React进阶之前端业务Hooks库（六） VillanelleS react.js状态模式前端
    前端业务Hooks库请求useRequest题外：主流大厂编码规范的要求：目录详解useRequest.tsuseRequestImplement.tsFetch.ts插件的实现src/useRetryPlugin.tssrc/useAutoRunPlugin.ts请求失败的日志上报请求useRequest为什么不使用axios而使用useRequest因为axios在vue项目中使用的确频繁，而
  • 武汉前端面试（1） Nueuis 前端
    面一：vue2和vue3的响应式原理比较？vue2通过object.defineProperty对对象的每个属性进行劫持，会遍历对象的每一个属性，使用getter和setter，只能监听部分方法vue3是基于Proxy代理整个对象，不是逐个属性监听，可以监听新增属性和删除属性，使用reactive函数返回通过proxy创建的代理对象，vue3使用proxy的优点：支持新增和删除属性的响应式可以监听
  • React 之 Redux 第二十八节 学习目标与规划大纲及概要讲述 刺客-Andy Reactreact.js前端前端框架
    接下来开始Redux全面详细的文档输出，主要基于一下几个方面，欢迎大家补充指正一、Redux基础概念为什么需要Redux？前端状态管理的挑战（组件间通信、状态共享）Redux解决的问题：集中式、可预测的状态管理适用场景（复杂应用、多组件交互）Redux三大核心原则单一数据源（SingleSourceofTruth）状态只读（StateisRead-Only，通过Action修改）纯函数修改（Red
  • 前端应用--工程化主题切换功能 xiaobing_hope CSS3node-js学习javascriptnode.js
    随着各个应用平台和网站都开始支持深色模式，相较于传统的页面配色方案，深色模式具有较好的降噪性，也能让用户的眼睛看内容更加舒适。那么对于前端开发来说，如何高效的支持深色模式呢？这里的高效指的是工程化、自动化方案，不需要在开发过程中hardcoding。PostCSS原理及相关插件能力postcss是一款使用JavaScript编写的用于编译css的工具，具有良好的插件性，非常有利于开发者扩展。原理：
  • 【含文档+PPT+源码】基于SpringBoot和Vue的编程学习系统 小咕聊编程 springbootvue.js学习
    项目介绍本课程演示的是一款基于SpringBoot和Vue的编程学习系统，主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者。1.包含：项目源码、项目文档、数据库脚本、软件工具等所有资料2.带你从零开始部署运行本套系统3.该项目附带的源码资料可作为毕设使用该SpringBoot+Vue的编程学习系统，后端采用SpringBoot架构，前端采用Vue+ElementUI实现页
  • Virtual Scrolling 虚拟滚动优化方案 shaoin_2 前端零碎前端vue.js
    虚拟滚动（VirtualScrolling）是一种优化前端渲染大量数据的技术，它通过按需渲染可见区域的内容，避免一次性创建所有DOM元素，从而解决性能问题。以下是其核心原理：1.核心思想物理世界：假设列表有10,000条数据，传统渲染会生成10,000个DOM节点。虚拟滚动：只渲染用户当前可见的20条数据（视窗区域），其余数据通过占位和位置偏移模拟完整列表。2.实现步骤(1)容器与占位容器高度：设
  • 微前端架构 qmwneb946 科技博文前端框架
    1.微前端架构概述1.1定义与核心概念微前端架构是一种现代Web应用的架构风格，它借鉴了微服务的理念，将前端应用分解为一组小型的、独立交付的前端应用，每个应用可以独立开发、独立部署，并且可以由不同的团队使用不同的技术栈进行开发。微前端架构的核心概念包括：独立性：每个前端应用都是独立的，拥有自己的代码库、开发流程和部署周期。技术多样性：不同的前端应用可以使用不同的技术栈，如React、Vue、Ang
  • Qiankun 微前端框架全面解析：架构、原理与最佳实践 赵大仁 前端技术微前端javascript深度学习
    Qiankun微前端框架全面解析：架构、原理与最佳实践随着前端应用的不断发展，单体前端项目在复杂度、维护成本和团队协作上面临越来越多的挑战。微前端（MicroFrontends）作为解决方案之一，可以帮助企业拆分前端应用，提高可扩展性和独立部署能力。Qiankun作为基于single-spa的微前端框架，提供了一种简单高效的方式来实现微前端架构。本文将深入解析Qiankun的工作原理、核心功能、实
  • ReactNative组件详解 Code4Android 编程语言androidiosreact-native
    ReactNative学习记录传送门ReactNative核心思想就是组件化，它基于前端框架React,在我们使用其开发Android和iOS的时候，共用一套组件即一套代码，增加了代码复用性。今天的这篇文章不不分析过多的知识点，主要介绍如下内容：如何进行自定义组件如何使用自定义组件组件的生命周期自定义组件ReactNative中我们实现的UI都是有组件组成的，但是有时候为了实现我们想要的效果，并且
  • React入门简介 地信小学生 WebGIS一起学react.js前端前端框架javascript
    Vue与React是前端编程中常用的两个JS框架，两者的一些简单如下所示。Vue建立在一个基于组件的架构上，以组件为中心，可以更轻松地创建动态用户界面。它还有一个强大的双向数据绑定系统，可以让我们轻松地保持数据和用户界面同步；Vue轻量、灵活且强大，最重要的是对于初学者来说相对简单。Vue中文官网包含了详细的说明与教程：https://cn.vuejs.org/React为开发人员提供了一种声明式
  • React Native 新架构，前端开发框架 2401_83974173 2024年程序员学习reactnative架构react.js
    JSthread会先对其序列化,形成下面一条消息UIManager.createView([343,“RCTView”,31,{“backgroundColor”:-16181,“width”:200,“height”:200}])通过Bridge发到ShadowThread。ShadowTread接收到这条信息后，先反序列化，形成Shadowtree，然后传给Yoga，形成原生布局信息。接着又通
  • jQuery获取并解析API接口Json数据的方法 qhdzj87 前端（JSjQuery等）jqueryjsonjavascript
    json是API的常用数据交换格式，在Web开发中，除了后端程序，前端也可以借助JavaScript技术获取并解析API中的json数据，这里介绍一种通过jQuery的$get()函数获取并解析API接口Json数据的方法。其基本语法如下：$get(url,[data],[callback])在$get()函数中，包含了三个参数。其中：url:请求的地址;data:请求数据的列表;callback
  • 面向对象的前端开发_20多种面向前端开发人员的文档和指南（第11号） culi3118 编程语言javajavascriptpythonhtmlViewUI
    面向对象的前端开发It’sthattimeagaintogetlearning!Asbefore,I’vecollectedanumberofdifferentlearningresources,includingguides,docs,andotherusefulwebsitestohelpyougetuptospeedindifferentareasoffront-enddevelopment
  • node.js如何实现文件上传 gt8011 node.js前端expressajax
    一、是什么文件上传在日常开发中应用很广泛，我们发微博、发微信朋友圈都会用到了图片上传功能因为浏览器限制，浏览器不能直接操作文件系统的，需要通过浏览器所暴露出来的统一接口，由用户主动授权发起来访问文件动作，然后读取文件内容进指定内存里，最后执行提交请求操作，将内存里的文件内容数据上传到服务端，服务端解析前端传来的数据信息后存入文件里对于文件上传，我们需要设置请求头为content-type:mult
  • Vue.js表单输入绑定 孤客网络科技工作室 vue.jsvue.js前端javascript
    表单输入绑定在前端处理表单时，我们常常需要将表单输入框的内容同步给JavaScript中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦：templatetext=event.target.value">v-model指令帮我们简化了这一步骤：template另外，v-model还可以用于各种不同类型的输入，、元素。它会根据所使用的元素自动使用对应的DOM属性和事件组合：文本类型的和元素会绑
  • 解读Servlet原理篇二---GenericServlet与HttpServlet 周凡杨 javaHttpServlet源理GenericService源码
    在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
  • MySQL性能优化 bijian1013 数据库mysql
            性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有：         a.优化查询         b.优化数据库结构  
  • ThreadPool定时重试 dai_lm javaThreadPoolthreadtimertimertask
    项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 为了解决不定间隔的重试，选择Timer和TimerTask来完成 package threadpool; public class ThreadPoolTest {
  • Oracle 查看数据库的连接情况 周凡杨 sqloracle 连接
    首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 select * from dict where table_name like '%SESSION%'; 就可以查出一些表，然后根据这些表就可以获得会话信息 select sid,serial#,status,username,schemaname,osuser,terminal,ma
  • 类的继承 朱辉辉33 java
    类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 格式:public class 类名（子类）extends 类名（父类）{ } 子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 protected属性，但要使用private属性仍需通过调用。 子类的方法可以重写，但必须和父类的返回值类
  • android 悬浮窗特效 肆无忌惮_ android
    最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下：   一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。   后来想利用Dialog的dismiss动画来完成。   自定义一个Dialog后，在styl
  • hadoop伪分布式搭建 林鹤霄 hadoop
    要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
  • gdb调试命令 aigo gdb
    原文：http://blog.csdn.net/hanchaoman/article/details/5517362   一、GDB常用命令简介   r run 运行.程序还没有运行前使用 c             cuntinue 
  • Socket编程的HelloWorld实例 alleni123 socket
    public class Client { public static void main(String[] args) { Client c=new Client(); c.receiveMessage(); } public void receiveMessage(){ Socket s=null; BufferedRea
  • 线程同步和异步 百合不是茶 线程同步异步
    多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。 所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法   多线程和异步:多线程可以做不同的事情,涉及到线程通知     &
  • JSP中文乱码分析 bijian1013 javajsp中文乱码
            在JSP的开发过程中，经常出现中文乱码的问题。         首先了解一下Java中文问题的由来：         Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
  • js实现页面跳转重定向的几种方式 bijian1013 JavaScript重定向
            js实现页面跳转重定向有如下几种方式： 一.window.location.href <script language="javascript"type="text/javascript"> window.location.href="http://www.baidu.c
  • 【Struts2三】Struts2 Action转发类型 bit1129 struts2
     在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configurat
  • 【HBase十一】Java API操作HBase bit1129 hbase
    Admin类的主要方法注释：   1. 创建表 /** * Creates a new table. Synchronous operation. * * @param desc table descriptor for table * @throws IllegalArgumentException if the table name is res
  • nginx gzip ronin47 nginx gzip
    Nginx GZip 压缩 Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 常用配置片段如下： gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
  • java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交 bylijinnan java
    public class LinkListTest { /** * we deal with two main missions: * * A. * 1.we create two joined-List(both have no loop) * 2.whether list1 and list2 join * 3.print the join
  • Spring源码学习-JdbcTemplate batchUpdate批量操作 bylijinnan javaspring
    Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 JDBC的batch操作： String sql = "INSERT INTO CUSTOMER " + "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
  • [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展 comsci 工作流
        生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出.........     竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
  • base64编码和url编码 cuityang base64url
    import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.StringWriter; import java.io.UnsupportedEncodingException;
  • web应用集群Session保持 dalan_123 session
    关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
  • Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式'] dcj3sjt126com 数据库
        public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
  • solr StatsComponent（聚合统计） eksliang solr聚合查询solr stats
    StatsComponent 转载请出自出处：http://eksliang.iteye.com/blog/2169134 http://eksliang.iteye.com/ 一、概述        Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能   二、参数
  • 百度一道面试题 greemranqq 位运算百度面试寻找奇数算法bitmap 算法
    那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字.   我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。   还有人觉得应该用算法xxx,我是没想到用啥算法好...！   还有觉得应该先排序...   还有觉
  • Spring之在开发中使用SpringJDBC ihuning spring
      在实际开发中使用SpringJDBC有两种方式：   1. 在Dao中添加属性JdbcTemplate并用Spring注入；     JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
  • JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节 justjavac json
    2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
  • 网站项目建设流程概述 macroli 工作
    一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 　　第一步是需
  • AngularJs 三目运算 表达式判断 qiaolevip 每天进步一点点学习永无止境众观千象AngularJS
    事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 var b = "{{", a = "}}"; this.startSymbol = function(a) {
  • Spark算子：统计RDD分区中的元素及数量 superlxw1234 sparkspark算子Spark RDD分区元素
    关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量     Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。   可以利用RDD的mapPartitionsWithInd
  • Spring 3.2.x将于2016年12月31日停止支持 wiselyman Spring 3
                  Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。          请大家及时准备及时升级到Spring
  • fis纯前端解决方案fis-pure zccst JavaScript
    作者：zccst FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 1，fis-pure的安装 $ fis install -g fis-pure $ pure -v 0.1.4 2，下载demo到本地 git clone https://github.com/hefangshi/f