AntHub
AntHub

jsonp 实现跨域 同时也是一个 webflux 的demo 示例

文章目录

  • 核心原理
  • 代码
    • html
    • 服务端 （java 为例子）
    • 服务端目录结构

核心原理

  • 前端： 使用js 创建 script 标签，将请求地址，放到其src 中，并将 script 标签追加到文档流；
  • 后端：根据约定好的 callback 字段，将 callback中的函数名 拼接成函数调用返回，类似callback_fun('+ data +');
  • 前端认为返回的是js 会立即执行 callback_fun 函数，而此函数参数为数据，函数本身可以完成数据解析和展示的功能；

代码

html

DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>jsonp 实现跨域title>
head>
<style>
      body {
        margin: 0;
        padding: 0;
      }
      #wrapper {
        text-align: center;
        padding-top: 100px;
      }
      #searchBar {
        display: inline-block;
      }
      #input {
        width: 300px;
        height: 20px;
        padding: 9px 7px;
        border: 1px solid #b8b8b8;
        border-right: 1px solid #38f;
        outline: none;
        vertical-align: top;
      }
      #btn {
        border: 1px solid #38f;
        margin-left: -5px;
        display: inline-block;
        vertical-align: top;
      }
      #btn input {
        width: 102px;
        height: 38px;
        border: none;
        background: gray;
        cursor: pointer;
        font-size: 14px;
        color: #fff;
      }
      #btn input:hover {
        background-color: #317ef3;
        border-color: #317ef3;
      }
      #title {
        font-size: 12px;
      }
      ul {
        list-style: none;
      }
      li {
        padding: 10px 0;
      }
    style>
<body>
	<div id="wrapper">
		<div id="searchBar">
			<input type="text" maxlength="50" id="input">
			<span id="btn">
			  <input type="button" value="jsonp_call" onclick="custom()">
			span>
		div>
		<p id="title">接口返回数据：p>
	 div>
body>
	<script>
        
		function custom() {
			var input = document.getElementById('input');
			var inputVal = input.value;
			var url = "http://127.0.0.1:8080/api/jsonp_call?code=utf-8&query="+inputVal+"&callback=commonParse";
			var script = document.createElement('script');
			script.setAttribute('src', url);
			document.getElementsByTagName('head')[0].appendChild(script);
		}

	  
	  function showData(ui_element) {
		var wrapper = document.getElementById('wrapper');
		wrapper.appendChild(ui_element);
	  }
	  
	  var commonParse = function (data) {
		pTag = document.createElement('p');
		pTag.innerHTML = JSON.stringify(data);
		showData(pTag);
	  }
		var input = document.getElementById('input');
		input.addEventListener('keydown', function(e) {
			if (e.key === 'Enter') {
				custom();
			}
		})
	  
	script>
html>

服务端 （java 为例子）

  • controller:
package com.qww.reactivedemo.controller;

import com.alibaba.fastjson2.JSON;
import com.qww.reactivedemo.dao.MySQLDao;
import com.qww.reactivedemo.pojo.User;
import org.springframework.http.MediaType;
import org.springframework.util.StopWatch;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import reactor.core.publisher.Flux;
import reactor.core.publisher.Mono;

import javax.annotation.Resource;
import java.util.HashMap;
import java.util.Map;

@RestController
@RequestMapping("/api")
public class CommonController {

    @Resource
    MySQLDao mySQLDao;

    @RequestMapping(value = "/jsonp_call", produces = MediaType.APPLICATION_JSON_VALUE + ";charset=utf-8")
    public String jsonp(String code, String callback, @RequestParam Map<String,Object> body){
        Map<String,Object> result = new HashMap<>();
        result.put("code", code);
        result.put("callback", callback);
        result.put("body", body);
        return callback + "("+ JSON.toJSONString(result) + ")";
    }
	 
	@GetMapping("/find_all")
    public Flux<User> index(){
        StopWatch find_all = new StopWatch("find_all");
        find_all.start();
        Flux<User> all = mySQLDao.findAll();
        find_all.stop();
        System.out.println(find_all.prettyPrint());
        return all;
    }
}
  • dao:
package com.qww.reactivedemo.dao;

import com.qww.reactivedemo.pojo.User;
import org.reactivestreams.Publisher;
import org.springframework.data.repository.reactive.ReactiveCrudRepository;
import org.springframework.stereotype.Repository;
import reactor.core.publisher.Flux;
import reactor.core.publisher.Mono;

@Repository
public interface MySQLDao  extends ReactiveCrudRepository<User,Integer>{}
  • pojo
package com.qww.reactivedemo.pojo;

public class User {
    private Integer uid;
    private String uname;
    private String pwd;

    public Integer getUid() {
        return uid;
    }

    public void setUid(Integer uid) {
        this.uid = uid;
    }

    public String getUname() {
        return uname;
    }

    public void setUname(String uname) {
        this.uname = uname;
    }

    public String getPwd() {
        return pwd;
    }

    public void setPwd(String pwd) {
        this.pwd = pwd;
    }
}
  • mainApp:
package com.qww.reactivedemo;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class ReactiveDemoApplication {

	public static void main(String[] args) {
		SpringApplication.run(ReactiveDemoApplication.class, args);
	}

}
  • pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
		 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0modelVersion>
	

	<groupId>com.qwwgroupId>
	<artifactId>reactive-demoartifactId>
	<version>0.0.1-SNAPSHOTversion>
	<name>reactive-demoname>
	<description>reactive Demo project for Spring Bootdescription>
	<properties>
		<java.version>1.8java.version>
		<spring-boot.version>2.3.7.RELEASEspring-boot.version>
	properties>

	<dependencyManagement>
		<dependencies>
			<dependency>
				<groupId>org.springframework.bootgroupId>
				<artifactId>spring-boot-dependenciesartifactId>
				<version>${spring-boot.version}version>
				<type>pomtype>
				<scope>importscope>
			dependency>
		dependencies>
	dependencyManagement>

	<dependencies>
		<dependency>
			<groupId>org.springframework.bootgroupId>
			<artifactId>spring-boot-starterartifactId>
		dependency>
		<dependency>
			<groupId>org.springframework.bootgroupId>
			<artifactId>spring-boot-starter-data-r2dbcartifactId>
		dependency>
		<dependency>
			<groupId>org.springframework.bootgroupId>
			<artifactId>spring-boot-starter-webfluxartifactId>
		dependency>
		

		<dependency>
			<groupId>dev.mikugroupId>
			<artifactId>r2dbc-mysqlartifactId>
			<scope>runtimescope>
		dependency>
		<dependency>
			<groupId>mysqlgroupId>
			<artifactId>mysql-connector-javaartifactId>
			<scope>runtimescope>
		dependency>
		
		<dependency>
			<groupId>com.alibabagroupId>
			<artifactId>fastjsonartifactId>
			<version>2.0.36version>
		dependency>


		<dependency>
			<groupId>org.springframework.bootgroupId>
			<artifactId>spring-boot-starter-testartifactId>
			<scope>testscope>
		dependency>
	dependencies>

	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.bootgroupId>
				<artifactId>spring-boot-maven-pluginartifactId>
			plugin>
			<plugin>
				<groupId>org.apache.maven.pluginsgroupId>
				<artifactId>maven-compiler-pluginartifactId>
				<configuration>
					<source>8source>
					<target>8target>
				configuration>
			plugin>
		plugins>
	build>

project>

服务端目录结构

jsonp 实现跨域 同时也是一个 webflux 的demo 示例_第1张图片

你可能感兴趣的:(json)

  • 建筑物损坏程度分割数据集labelme格式2816张5类别 FL1623863129 数据集深度学习
    数据集格式：labelme格式(不包含mask文件，仅仅包含jpg图片和对应的json文件)图片数量(jpg文件个数)：2816标注数量(json文件个数)：2816标注类别数：5标注类别名称:["minor-damage","destroyed","un-classified","major-damage","no-damage"]每个类别标注的框数：minor-damagecount=1371
  • 根据deepseek模型微调训练自动驾驶模型及数据集的思路 ywfwyht 自动驾驶深度学习人工智能自动驾驶人工智能机器学习
    以下是使用DeepSeek模型微调训练自动驾驶模型的详细步骤和代码示例。本流程假设你已有自动驾驶领域的数据集（如驾驶指令、传感器数据等），并基于PyTorch框架实现。Step1:环境准备#安装依赖库pipinstalltorchtransformersdatasetsnumpypandasStep2:数据准备假设数据集格式为JSON，包含输入文本（传感器/场景描述）和输出控制指令：//data/
  • 使用 MySQL 从 JSON 字符串提取数据 m0_66323401 面试学习路线阿里巴巴mysqljsonoracle
    使用MySQL从JSON字符串提取数据在现代数据库管理中，JSON格式因其灵活性而广泛使用。然而，当数据存储在JSON中时，我们经常需要将其转换为更易于处理的格式。本篇文章将通过一个具体的SQL查询示例，展示如何从存储在MySQL中的JSON字符串提取数据并重新格式化。1.背景知识JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器
  • AWS上基于Llama 3模型检测Amazon Redshift里文本数据的语法和语义错误的设计方案 weixin_30777913 数据仓库云计算awsllama
    一、技术栈选型核心服务：AmazonRedshift：存储原始文本和检测结果AmazonBedrock：托管Llama370B模型AWSLambda：无服务计算（Python运行时）AmazonS3：中间数据存储AWSStepFunctions：工作流编排辅助工具：psycopg2：RedshiftPython连接器boto3：AWSSDKforPythonPandas：数据批处理JSONSche
  • django上传文件 大得369 djangosqlitepython
    1、settings.py配置#静态文件配置STATIC_URL='/static/'STATICFILES_DIRS=[BASE_DIR/'static',]上传文件#定义一个视图函数，该函数接收一个request参数fromdjango.shortcutsimportrender#必备引入importjsonfromdjango.views.decorators.httpimportrequi
  • 【VUE】前端工程化与前端工程化与webpack boy快快长大 VUE前端vue.jswebpack
    前端工程化与webpack1.前端工程化2.webpack的基本使用2.1创建列表隔行变色项目1.前端工程化2.webpack的基本使用2.1创建列表隔行变色项目初始化项目①新建项目空白目录，并运行npminit–y命令，初始化包管理配置文件package.json②新建src源代码目录③新建src->index.html首页和src->index.js脚本文件④初始化首页基本的结构⑤运行npmi
  • python-将字符串转换为字典 weixin_30505751 pythonjson
    json越来越流行，通过python获取到json格式的字符串后，可以通过eval函数转换成dict格式：>>>a='{"name":"yct","age":10}'>>>eval(a){'age':10,'name':'yct'}转载于:https://www.cnblogs.com/gy-ph/p/8087372.html
  • 在Python 中 字符串 转换为 字典 Yuº Pythonpython
    在Python中把字符串转换为字典例如，将字符串user_info=‘{“name”:“john”,“gender”:“male”,“age”:28}’转换为字典user_dict={“name”:“john”,“gender”:“male”,“age”:28}有以下几种方法1.通过json来转换importjsonuser_info='{"name":"john","gender":"male"
  • 每天一篇逻辑漏洞 不灭锦鲤 学习
    前言：水一篇文章，今天也没有去挖洞内容：学了那么多了，还没有长进，是不是我的学习方法有问题但是到底哪里有问题呢，我又不知道，我好像好久没有总结了，应该写一篇日记，然后总结的一篇文章，然后把日记的内容丢里面，感觉就挺好了，就不用去找文章了好了就这样，进入正题好了，今天学会伪造了jsonp的xss，就是说是json格式的话，不是jsonp格式，可以尝试在url后面加上callback，看是否有返回值
  • VSCode 光标配置美化 Y & Y vscodeidevisualstudiocode
    VSCode光标配置美化01如何设置Ctrl+Shift+P打开控制面板，输入settings打开设置一定要是JSON！然后在最后直接添加就好了02“editor.cursorStyle”光标样式样式描述block实心块▇block-outline空心块line竖线line-thin细的竖线underline▂underline-thin▁03“editor.cursorBlinking”光标待机
  • VSCode - 快捷键美化 Json 代码 丽英y 实践笔记vscodeidejsonpretty美化代码格式
    文章目录即使文件没有被保存为.json文件单独对一段代码，输入Command+J也可以美化
  • 疯狂前端面试题(四) 吃蛋糕的居居 前端html5ajax正则表达式javascriptfirefoxchrome
    一、Ajax、JSONP、JSON、Fetch和Axios技术详解1.Ajax（异步JavaScript和XML）什么是Ajax？Ajax是一种用于在不刷新页面的情况下与服务器进行数据交互的技术。它通过`XMLHttpRequest`对象实现。优点-支持同步和异步请求。-能够发送和接收多种格式的数据（如JSON、XML等）。缺点-原生代码较复杂。-不支持跨域请求（需要服务器配置CORS或使用JSO
  • nodejs第五天 npm yarn pnpm 包管理器 大盗夕落 笔记npmjavascript前端
    文章目录npmpackage.json安装包全局安装配置镜像yarn安装使用镜像配置pnpm使用镜像npmnode中的包管理器叫做npm（nodepackagemanage），我们可以将自己开发的包上传到npm中共别人使用，也可以直接从npm中下载别人开发好的包npm由以下三个部分组成：npm网站https://www.npmjs.com/npmCLI（CommandLineInterface即命
  • 执行js生成json文件并动态写入数据 zuo-yiran jsjavascriptjson前端
    项目中需要执行js后生成一个新的json文件，并在该文件内写入json数据，示例：生成一个json文件，内含执行这个js的时间戳作为json文件中的数据。新建一个js文件create.js，js代码如下：constfs=require('fs');constpath=require('path');constfilePath=path.join(__dirname,'app_version.jso
  • （转）@JsonRawValue 按原样序列化属性 SomeOtherTime java开发语言后端
    @JsonRawValue按原样序列化属性_赵丙双的博客-CSDN博客_序列化属性@JsonRawValue注解能够按原样序列化属性。属性值不会被转义或者加引号（或者说，会自动去掉转义，多余的引号）。属性值已经是一个JSONString，或者属性值已经被加了引号时很有用。ExamplePOJOpublicclassReport{privatelongid;privateStringname;@Js
  • Java中Long类型处理精度丢失问题 原冰洋 javabug
    Long类型处理精度丢失问题描述后端给前端传一个long类型的数据，如果数据过大，前端js接收就会精度丢失，如果再传过来给后端，后端接收到的数据也是精度丢失的数据解决方案只需要将后端从传给前端的long类型的数据变成string类型就好了。1.提供对象转换器jacksonObjectMapper，基于jackson进行java对象到json数据的转换2.在webMvcConfig配置类中扩展Spr
  • POST 方法的content-type类型总结 ۩ﺴ往后余生ﺴ۩ python#python数据处理python
    文章目录一、几种常见类型1：application/x-www-form-urlencoded2:multipart/form-data3：application/json总结什么是Content-typeContent-type是实体首部字段，用于说明请求或返回的消息是用什么格式进行编码的，在requestheader和responseheader里都有存在。用来向服务器或者浏览器说明传输的文件
  • jackSon中@JsonAnySetter @JsonAnyGetter注解详解 灬叛逆丿文 Jackson
    @JsonAnySetter@JsonAnyGetter注解详解这两个属性是用来在序列化和反序列化的时候多余字段可以通过Map来回转换@JsonAnyGetter1.方法是非静态，没有参数的,方法名随意2.方法返回值必须是Map类型3.在一个实体类中仅仅用在一个方法上4.序列化的时候json字段的key就是返回Map的key,value就是Map的valuepublicclassUser{priv
  • Jackson 注解 -- 输出 JSON 字段 shangboerds Jackson
    –Start点击此处观看本系列配套视频。如果一个对象中某个字段中的值是JSON，输出整个对象会有问题，这时我们可以使用注解@JsonRawValuepackageshangbo.jackson.demo13;importorg.apache.commons.lang3.builder.ToStringBuilder;importcom.fasterxml.jackson.annotation.Js
  • Jackson注释的使用 独泪了无痕 Java技术栈jsonjavarestful
    Jackson提供了一系列注解，可以使用这些注解来设置将JSON读入对象的方式或从对象生成什么JSON的方式，下面介绍一些常用的注解。3.1序列化@JsonAnyGetter  @JsonAnyGetter注解运行可以灵活的使用Map类型的作为属性字段，允许getter方法返回Map，该Map然后用于以与其他属性类似的方式序列化JSON的其他属性。通过序列化该实体Bean，我们将会得到Map属性中
  • 2.Spring Boot 中Json的使用，Jackson注解详解 张大仙是个妖怪 #SpringBootspring-bootJacksonobjectMapperJsonPropertyJsonIgnore
    一.前言1.介绍我们常在项目中使用的Json转换工具是fastjson，事实上spring本身集成了非常优秀的json工具，分别为Jackson，Gson，JSON-B，但是官方项目中默认推荐使用Jackson，所以本文着重介绍使用Jackson进行json的转换以及Jackson的注解使用2.项目例子此文章用到的例子在spring-boot项目中，传送门此篇文章用到项目模块：还有更多：sprin
  • 智慧交通道路路面状态干燥潮湿分割数据集labelme格式1115张7类别 FL1623863129 数据集深度学习
    数据集格式：labelme格式(不包含mask文件，仅仅包含jpg图片和对应的json文件)图片数量(jpg文件个数)：1115标注数量(json文件个数)：1115标注类别数：7标注类别名称:["plate","wet","humid","slush","snow","face","dry"]每个类别标注的框数：platecount=205wetcount=667humidcount=634sl
  • @JsonRawValue 注解 boy快快长大 解决问题合集javaandroid数据库
    这里写目录标题1.问题2.@JsonRawValue注解说明1.问题在实际开发中我遇到这样一个问题，查询数据库的结果返回的content内容是含有转移符的JSON字符串，但是我需要返回的不包含转移的String字符串。经过我一顿折腾并未发现解决办法，直到@JsonRawValue注解。importcom.fasterxml.jackson.annotation.JsonRawValue;{"cod
  • 【记录贴】vite打包内存溢出问题FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory 念九_ysl Vuejavascript开发语言ecmascriptnpm前端
    具体报错如下:解决办法：修改package.json的打包命令"build":"vitebuild&&node--max_old_space_size=40960","build:docker":"vitebuild--outDir./docker/dist/",改为"build":"node--max_old_space_size=4096./node_modules/vite/bin/vite
  • 安卓基础（持续更新的笔记） 奶龙牛牛 android笔记java
    为什么要这样：//创建请求体RequestBodybody=RequestBody.create(MediaType.parse("application/json;charset=utf-8"),jsonObject.toString());jsonObject就包含了一个JSON数据，它其实就是：{"name":"张三","age":10}所以，jsonObject.toString()会把我
  • uniapp H5 发布在哪里配置 用心去追梦 uni-app
    UniappH5发布配置指南Uniapp是一个强大的跨平台开发框架，支持同时开发App、H5和小程序。发布H5版本是Uniapp开发中的一个重要环节。以下是详细的UniappH5发布配置步骤和注意事项：项目配置文件在Uniapp项目中，manifest.json文件是核心配置文件，包含了项目的元数据和基本设置。虽然H5发布的主要配置不在这里，但一些基础设置仍然会影响H5的表现。关键配置项name:
  • python中request请求 这个年纪的_我 python
    1.PUT请求defcreate_one_chapter(url,param):headers={'content-type':'application/json','token':''}data=Noneparam=param//这里的data=json.dumps()可以改成json=paramr=requests.put(url=url,headers=headers,data=json.d
  • [npm install 报错] Verion 9 of Highlight.js has reached EOL 90的程序爱好者 npm前端node.js
    1、在项目中执行npminstall报错Verion9ofHighlight.jshasreachedEOL,如下图:2、报错原因Highlight.js不再支持10以前的版本，需下载10及之后的版本3、解决办法打开项目中的package.json文件，将highlight.js的版本修改为:10.7.2,删除node_modules文件夹，再次执行npminstall命令即可解决
  • webdriverio入门
    搭建一个webdriverio进行自动化测试步骤创建目录mkdriwebdriverdemo&&cdwebdriverdemo初始化npminit-y安装wdio/clinpmi--save-dev@wdio/cli修改package.json,添加配置脚本"config":"wdioconfig-y"执行配置脚本npmrunconfig下载chromedriver,与你浏览器版本需对应(比如我是
  • FastJson系列化使用toJSONString时null值问题 bingbingYang_88 java开发语言
    FastJson系列化使用toJSONString时null值问题问题描述问题分析解决方法：问题描述在使用fastjson调用JSON.toJSONString(JSON.parseObject(demo),features);fastJson包版本com.alibabafastjson2.0.53方法将一个String转换成一个对象时，如果对象obj的属性字段有值为null时，该字段会被系列化成
  • web报表工具FineReport常见的数据集报错错误代码和解释 老A不折腾 web报表finereport代码可视化工具
    在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。   NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码
  • Java的WeakReference与WeakHashMap bylijinnan java弱引用
    首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea
  • Linux——（hostname）主机名与ip的映射 eksliang linuxhostname
    一、 什么是主机名 无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的； 主机名是用于什么的呢？ 答：在一个局域网中，每台机器都有一个主
  • oracle 常用技巧 18289753290
    oracle常用技巧 ①复制表结构和数据   create table  temp_clientloginUser as   select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into  mytable  select  * &nb
  • 使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException 酷的飞上天空 exception
    有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou
  • IT系统分析师如何学习大数据 蓝儿唯美 大数据
    我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能
  • spring学习——简介 a-john spring
    Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，
  • 自定义颜色的xml文件 aijuans xml
    <?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &
  • 运营到底是做什么的？ aoyouzi 运营到底是做什么的？
    文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用
  • js面向对象类和对象 百合不是茶 js面向对象函数创建类和对象
    接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下  ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似   下面介绍一些js的类和对象的创建的技术   一:类和对
  • web.xml之资源管理对象配置 resource-env-ref bijian1013 javaweb.xmlservlet
    resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类
  • Create a composite component with a custom namespace sunjing
    https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace   When you developed a composite component the namespace you would be seeing would
  • 【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter bit1129 mongodb
     一、复本集为什么要加入Arbiter这个角色 回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a
  • Javascript开发笔记 白糖_ JavaScript
    获取iframe内的元素 通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if
  • Web浏览器Chrome打开一段时间后，运行alert无效 bozch Webchormealert无效
    今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。 试了试其他浏览器，发现都是没有问题的。 开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。 这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了 就关闭浏览器重启。   结果就好了，这也太怪异了。难道是cho
  • 编程之美-高效地安排会议 图着色问题 贪心算法 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美 高效地安排会议 图着色问题 贪心算法 * 假设要用很多个教室对一组
  • 机器学习相关概念和开发工具 chenbowen00 算法matlab机器学习
    基本概念： 机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。 它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。 开发工具 M
  • [宇宙经济学]关于在太空建立永久定居点的可能性 comsci 经济
           大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........        所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点
  • oracle 11g database control 证书错误 daizj oracle证书错误oracle 11G 安装
    oracle 11g database control 证书错误  win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面 解决办法： 是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：
  • Java I/O之用FilenameFilter实现根据文件扩展名删除文件 游其是你 FilenameFilter
    在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。 在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
  • C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例 dcj3sjt126com carray
    # include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",
  • PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引 dcj3sjt126com primary
    PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引，普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号   INT会员姓名  
  • java集合辅助类 Collections、Arrays shuizhaosi888 CollectionsArraysHashCode
      Arrays、Collections   1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); }      a）Arrays.asL
  • Spring Security（10）——退出登录logout 234390216 logoutSpring Security退出登录logout-urlLogoutFilter
           要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu
  • 透过源码学前端 之 Backbone 三 Model 逐行分析JS源代码 backbone源码分析js学习
    Backbone 分析第三部分  Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里， 但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件， 如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。
  • SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter 乒乓狂魔 springMVC
    这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate
  • 分布式基础知识和算法理论 bluky999 算法zookeeper分布式一致性哈希paxos
      分布式基础知识和算法理论 BY [email protected] 本文永久链接：http://nodex.iteye.com/blog/2103218   在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同
  • Android Studio的.gitignore以及gitignore无效的解决 bell0901 androidgitignore
    　　github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 　　自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了 　　　　　　# OSX files　　　　　　//mac os下　　　　　　.DS_Store
  • 成为高级程序员的10个步骤 tomcat_oracle 编程
    What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。   Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加 提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进 历经更大的挑战。随着你的成长，各种影响力也会提高。
  • mongdb在linux下的安装 xtuhcy mongodblinux
    一、查询linux版本号： lsb_release -a  LSB Version:    :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他