是三好
是三好

9-AJAX-3原理

AJAX-原理

目录

  • XMLHttpRequest 的学习
  • Promise
  • 封装简易版 axios
  • 案例 - 天气预报

学习目标

  1. 了解原生 AJAX 语法 - XMLHttpRequest（XHR）
  2. 了解 Promise 的概念和使用
  3. 了解 axios 内部工作的大概过程（XHR + Promise）
  4. 案例 - 天气预报

01.XMLHttpRequest - 基础使用

目标

  • 了解 AJAX 原理 XHR 的基础使用

讲解

  1. AJAX 是浏览器与服务器通信的技术，采用 XMLHttpRequest 对象相关代码

  2. axios 是对 XHR 相关代码进行了封装，让我们只关心传递的接口参数

  3. 学习 XHR 也是了解 axios 内部与服务器交互过程的真正原理

  4. 语法如下：

9-AJAX-3原理_第1张图片

  1. 以一个需求来体验下原生 XHR 语法

    获取所有省份列表并展示到页面上

DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>XMLHttpRequest-基础使用title>
head>

<body>
  <h2>XMLHttpRequest-基础使用h2>
  <p class="list">
    
  p>
  <script>
    /**
     * 需求: XMLHttpRequest获取省份数据，渲染到页面上
     * */
    // 1. 创建 XMLHttpRequest对象
    const xhr = new XMLHttpRequest()

    // 2. 设置请求方法 和 请求URL
    xhr.open('GET', 'http://hmajax.itheima.net/api/province')

    // 3. 监听 loadend 事件，接收响应结果
    xhr.addEventListener('loadend', () => {
      // console.log(xhr.response)
      // JSON-->JS对象
      const data = JSON.parse(xhr.response)
      // console.log(data)

      // 渲染到页面上
      document.querySelector('.list').innerText = data.list
    })

    // 4. 发起请求
    xhr.send()

  script>
body>

html>

小结

  1. AJAX 原理是什么?

    答案
    • window 提供的 XMLHttpRequest

  2. 为什么学习 XHR ？

    答案
    • 有更多与服务器数据通信方式
    • 了解 axios 内部原理

  3. XHR 使用步骤？

    答案
    • 1. 创建 XHR 对象 2. 调用 open 方法，设置 url 和请求方法 3. 监听 loadend 事件，接收结果 4. 调用 send 方法，发起请求

02.XMLHttpRequest - 查询参数

目标

  • 使用 XHR 传递查询参数给服务器，获取匹配数据

讲解

  1. 复习下什么是查询参数：携带额外信息给服务器，返回匹配想要的数据
  2. 查询参数原理要携带的位置和语法：url?参数名=值&参数名=值
  3. 所以，原生 XHR 需要自己在 url 后面携带查询参数字符串，没有 axios 帮助我们了
  4. 以需求来体验：查询河北省下属的城市列表
  5. 切换到代码区，编码实现
DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>XMLHttpRequest-查询参数title>
head>

<body>
  <h2>XMLHttpRequest-查询参数h2>
  <p class="city">
    
  p>
  <script>
    /**
     * 需求：通过 XMLHttpRequest 获取某个省份的所有城市，渲染到页面上
    */
    // 1. 创建 XMLHttpRequest对象
    const xhr = new XMLHttpRequest()

    // 2. 设置请求方法 和 请求URL
    xhr.open('GET', 'http://hmajax.itheima.net/api/city?pname=湖北省')

    // 3. 监听 loadend 事件，接收响应结果
    xhr.addEventListener('loadend', () => {
      // console.log(xhr.response)
      // JSON-JS对象
      const data = JSON.parse(xhr.response)
      console.log(data)
      // 渲染到页面上
      document.querySelector('.city').innerText = data.list
    })

    // 4. 发起请求
    xhr.send()

  script>
body>

html>

小结

  1. XHR 如何携带查询参数?

    答案
    • 在调用 open 方法的时候，在 url? 后面按照指定格式拼接参数名和值

03.案例 - 地区查询

目标

  • 使用 XHR 完成案例地区查询

讲解

  1. 需求：和我们之前做的类似，就是不用 axios 而是用 XHR 实现，输入省份和城市名字后，点击查询，传递多对查询参数并获取地区列表的需求

    9-AJAX-3原理_第2张图片

  2. 但是多对查询参数，如果自己拼接很麻烦，这里用 URLSearchParams 把参数对象转成“参数名=值&参数名=值“格式的字符串，语法如下：

    9-AJAX-3原理_第3张图片

DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>案例_地区查询title>
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.1.3/css/bootstrap.min.css" rel="stylesheet">
  <style>
    :root {
      font-size: 15px;
    }

    body {
      padding-top: 15px;
    }
  style>
head>

<body>
  <div class="container">
    <form id="editForm" class="row">
      
      <div class="mb-3 col">
        <label class="form-label">省份名字label>
        <input type="text" value="北京" name="province" class="form-control province" placeholder="请输入省份名称" />
      div>
      
      <div class="mb-3 col">
        <label class="form-label">城市名字label>
        <input type="text" value="北京市" name="city" class="form-control city" placeholder="请输入城市名称" />
      div>
    form>
    <button type="button" class="btn btn-primary sel-btn">查询button>
    <br><br>
    <p>地区列表: p>
    <ul class="list-group area-group">
      
      <li class="list-group-item">东城区li>
    ul>
  div>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.2/axios.min.js">script>
  <script>
    /**
     * 需求: 根据省份和城市名字, 查询对应的地区列表
     *  1. 生成查询参数
     *  2. 调用接口
     *  3. 渲染数据
    */
    document.querySelector('.sel-btn').addEventListener('click', () => {
      // 1. 生成查询参数
      // 1.1 获取输入的省市
      const pname = document.querySelector('.province').value
      const cname = document.querySelector('.city').value
      console.log(pname, cname)
      // 1.2 通过 URLSearchParams 快速生成查询参数
      const params = new URLSearchParams({ pname, cname })
      // 中文会被编码，不影响服务器解析
      const query = params.toString()
      console.log(query)

      // 2. 调用接口
      // 2.1 实例化对象
      const xhr = new XMLHttpRequest()
      // 2.2 设置请求的方法和URL地址
      xhr.open('GET', `http://hmajax.itheima.net/api/area?${query}`)
      // 2.3 监听事件，接收并使用数据
      xhr.addEventListener('loadend', () => {
        // console.log(xhr.response)

        // 3. 渲染数据
        // 3.1 JSON-JS对象
        const data = JSON.parse(xhr.response)
        // console.log(data)
        // 3.2 渲染
        const html = data.list.map(v => `
  • ${v}
    • `    ).join('')
        // console.log(html)
        document.querySelector('.area-group').innerHTML = html
      })
      // 2.4 发送请求
      xhr.send()


    })

      script>
body>

html>

    小结

    1. JS 对象如何转成查询参数格式字符串?

      答案
      • 在调用 open 方法的时候，在 url? 后面按照指定格式拼接参数名和值

    04.XMLHttpRequest - 数据提交

    目标

    • 通过 XHR 提交用户名和密码，完成注册功能

    讲解

    1. 需求：通过 XHR 完成注册用户功能

    2. 注意1：但是这次没有 axios 帮我们了，我们需要自己设置请求头 Content-Type：application/json，来告诉服务器端，我们发过去的内容类型是 JSON 字符串，让他转成对应数据结构取值使用

    3. 注意2：没有 axios 了，我们前端要传递的请求体数据，也没人帮我把 JS 对象转成 JSON 字符串了，需要我们自己转换

    4. 注意3：原生 XHR 需要在 send 方法调用时，传入请求体携带

    9-AJAX-3原理_第4张图片

    DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>XMLHttpRequest-数据提交title>
head>

<body>
  <h2>XMLHttpRequest-数据提交h2>
  <button class="btn">点击注册button>
  <script>

    /**
     * 需求：使用xhr进行数据提交-完成注册功能
    */
    document.querySelector('.btn').addEventListener('click', () => {
      // 1. 实例化XHR对象
      const xhr = new XMLHttpRequest()
      // 2. 设置请求方法和地址
      xhr.open('POST', 'http://hmajax.itheima.net/api/register')
      // 3. 监听事件，接收并使用数据
      xhr.addEventListener('loadend', () => {
        console.log(xhr.response)
      })

      // 4. 设置请求头信息(根据接口文档设置Content-Type)
      xhr.setRequestHeader('Content-Type', 'application/json')

      // 5. 请求体发送数据(和请求头设置的一致)
      // 方案1: 自己写JSON
      // 方案2: JS对象--》转为JSON(推荐!)-JSON.stringify
      const obj = {
        username: 'itheima999',
        password: '123456'
      }
      const data = JSON.stringify(obj)
      xhr.send(data)

    })

  script>
body>

html>

    小结

    1. XHR 如何提交请求体数据?

      答案
      • 在 send 中携带请求体数据，要按照后端要求的内容类型携带

    你可能感兴趣的:(学习整理之web前端,ajax,javascript,ecmascript)

    • python数据分析之爬虫基础：爬虫介绍以及urllib详解 web13765607643 python数据分析爬虫
      前言在数据分析中，爬虫有着很大作用，可以自动爬取网页中提取的大量的数据，比如从电商网站手机商品信息，为市场分析提供数据基础。也可以补充数据集、检测动态变化等一系列作用。可以说在数据分析中有着相当大的作用！页面结构介绍这里主要介绍HTML的一些简单结构，需要一点前端的知识，可以根据情况直接跳过。Title姓名年龄性别张三18男铁锅炖大鹅小鸡炖蘑菇锅包肉奖励自己睡觉起床读书学习爬虫相关概念1、爬虫的概
    • 每日一题之屏蔽信号 Ace＇ 算法c++
      问题描述在与三体文明的对抗中，人类联邦探测到了两个重要的信号源，分别用非负整数aa和bb来表示。为了抵御三体舰队的入侵，科学家们制定出一项关键策略——屏蔽信号，目标是要让aa、bb这两个信号源其中之一的数值归零。在实施屏蔽操作时，有着一套既定规则：每次操作，科学家们需要先对比两个信号源的数值大小，然后用较大的那个数减去较小的数，得出差值之后，再把原本较大的那个数替换成这个差值。就这样反复操作，一轮
    • 【Golang】Go语言Web开发之模板渲染 景天科技苑 Go语言开发零基础到高阶实战golang前端开发语言Go语言模板渲染模板渲染golang模板渲染
      ✨✨欢迎大家来到景天科技苑✨✨养成好习惯，先赞后看哦~作者简介：景天科技苑《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。《博客》：Python全栈，Golang开发，PyQt5和Tkinter桌面开发，小程序开发，人工智能，js逆向，App逆向，网络系统安全，数据分析，Django，fastapi，flas
    • 黑客工具介绍 嗨起飞了 网络安全网络安全网络攻击模型
      渗透测试红队工具箱深度解析：6大核心工具实战指南法律声明：本文所有工具及技术仅限用于合法授权的安全测试，使用者需遵守《网络安全法》及相关法律法规，擅自攻击他人系统将承担刑事责任。一、Nmap：网络侦察的全能之眼1.1工具原理剖析Nmap（NetworkMapper）采用TCP/IP协议栈指纹识别技术，通过发送定制化数据包分析响应差异，精准识别主机存活状态、开放端口及服务版本。其脚本引擎（NSE）支
    • Kafka系列之：记录一次源头数据库刷数据，造成数据丢失的原因 快乐骑行^_^ KafkaKafka系列记录一次源头数据库刷数据造成数据丢失的原因
      Kafka系列之：记录一次源头数据库刷数据，造成数据丢失的原因一、背景二、查看topic日志信息三、结论四、解决方法一、背景源头数据库在很短的时间内刷了大量的数据，部分数据在hdfs丢失了理论上debezium数据采集不会丢失，就需要排查数据链路某个节点是否有数据丢失。数据链路是：debezium——kafka——flume——hdfs根据经验定位数据在kafka侧丢失，下一面进一步确认是否数据在
    • 【力扣技巧之动态规划】力扣322：零钱兑换【C++】 The Gao LeetCode交流c++数据结构算法动态规划leetcode
      原题给定不同面额的硬币coins和一个总金额amount。编写一个函数来计算可以凑成总金额所需的最少的硬币个数。如果没有任何一种硬币组合能组成总金额，返回-1。你可以认为每种硬币的数量是无限的。分析这道题是一道典型的动态规划的题目。对于动态规划的题目，我们一直说有五个过程，首先要找到状态，其次确定basecase，再者定义一个适宜采用动态规划的dp数组，然后要找到状态转移方程，最后求得题解。对于这
    • python爬虫之自动化爬取网页 陌小 pythonseleniumpythonchrome
      以下为公开源码fromseleniumimportwebdriverfromselenium.webdriver.chrome.optionsimportOptionsimporttimefrombs4importBeautifulSoupurl='https://movie.douban.com/'chrome_optins=Options()chrome_optins.add_argument
    • 自动化爬取json_爬虫解决方案之爬取“搜狗引擎” 公子大白0m0 自动化爬取json
      主题.jpg1.爬取的背景为甚我们会提到“搜狗引擎爬虫呢”，一切根源来自于最近需要爬取领英的会员资料，我们可以通过人名|领英的方式具体的搜索以查询结果，这只是爬取领英的其中一个方法，具体的方法我们之后会讲，大家可以期待一下哦！，好了，讲回正题，我们该如何爬取“搜狗引擎”呢，我们先去首页看看搜狗首页.png我们可以看到每个链接的右下角都会有对应的时间和快照，这个是什么意思呢，因为我们爬取领英时需要登
    • 【PCIe 总线及设备入门学习专栏 10.1 -- Linux PCIe 驱动框架 之 RK3399 Region1 访问】 主公讲 ARM #【PCIeBus专栏】pcie
      文章目录CPU读写region0的地址MEM/IO读写示例配置Region1用于内存读写配置Region1地址转换Region1地址访问descregistersCPU读写region0的地址本篇文章紧接【PCIe总线及设备入门学习专栏10–LinuxPCIe驱动框架】由【PCIe总线及设备入门学习专栏10–LinuxPCIe驱动框架】我们知道RK3399的PCIecontrollerRegion
    • dify基础之prompts SNOWPIAOP 系统定制
      摘要：在大型语言模型（LLM）应用中，Prompt（提示词）是连接用户意图与模型输出的核心工具。本文从概念、组成、设计原则到实践案例，系统讲解如何通过Prompt解锁LLM的潜能，提升生成内容的准确性与创造性。要想用好dify，prompts是必备的基础。一、什么是Prompt？Prompt是用户提供给LLM的指令或输入，可以是问题、指令或一段描述，用于引导模型生成符合预期的输出。其核心作用在于：
    • JavaScript--核心语法基础 丿狴犴λ jsjavascripthtml前端
      JavaScript--核心语法基础1.编程语言2.js历史3.js的作用4.JS组成部分5.JS的使用5.1引入方式5.2script位置5.3语法规则5.46.变量（重点）6.1什么是变量？6.2创建变量6.3变量命名规则7、数据类型（重难点）7.1分类7.2基本数据类型7.3引用数据类型--对象（object）7.4数据类型的检测8.数据类型的转换8.1隐式转换8.2强制转换9.运算符9.1
    • k8s之pod的调度之污点与容忍污点，什么是污点？ 如何容忍污点 终端行者 Kuberneteskubernetes容器云原生
      在Kubernetes中，污点（Taint）和容忍（Toleration）是用于控制Pod调度到特定节点的重要机制。污点允许节点拒绝某些Pod的调度，而容忍则允许Pod忽略节点的污点，从而调度到特定节点上。1.污点（Taint）1.1.污点的作用污点是节点上的一个标记，用于限制哪些Pod可以调度到该节点。通常用于以下场景：专用节点：某些节点专门用于运行特定类型的Pod（如GPU节点）。节点维护：标
    • webpack基础配置 吃杠碰小鸡 前端前端工具库webpack前端javascript
      文章目录一、默认入口和默认出口二、资源配置三、输出文件3.1多文件入口3.2HtmlWebpackPlugin插件四、环境4.1环境变量4.2热更新五、代码分离5.1公共模块5.2懒加载5.3预获取/预加载模块六、缓存七、TreeShaking八、公共路径webpack是一个用于现代JavaScript应用程序的静态模块打包工具，在许多项目中都有应用，但是往往平台搭建以后很少去修改配置，熟悉基础配
    • WPS 加载项开发说明 金山办公开发者 JSAPI二次开发javascript
      WPS加载项结构WPS加载项由自定义功能区和网页两部分组成。自定义功能区只需要一个配置文件，对应WPS加载项目录中的ribbon.xml文件；网页部分负责执行自定义功能区对应的逻辑功能。因为不需要显示网页，所以省略了HTML文件，并用main.js来引入所有的外部JavaScript文件；在这些JavaScript文件中通常包含了一系列用JavaScript实现的函数，这些函数与自定义功能区的功能
    • linux shell脚本 cp,shell命令之cp 李启方 linuxshell脚本cp
      操作系统为macOS10.12.4cp为复制命令，实际中分为文件间的复制，目录间的复制，文件到目录的复制以及链接的复制。文件间的复制cpfile1file2如果file2不存在，就先创建file2，然后把file1内容复制到file2中如果file2存在，把把file1的内容覆盖file2的内容覆盖file2的内容，有时候并不是所希望的参数-i可以提示是否覆盖file2参数-n让复制命令不覆盖fi
    • [持续更新]八股速通之Java基础面试题答案精简速记版! 八股文领域大手子 java数据库mysqljvmsqlspring
      问题1：请解释Java中ArrayList和LinkedList的区别？回答思路：数据结构：明确底层实现（数组vs双向链表）。性能对比：从查询、插入/删除、内存占用三方面分析。适用场景：根据性能特点给出使用建议。补充细节：扩容机制、线程安全性等。示例回答：ArrayList基于动态数组实现，支持快速随机访问（时间复杂度O(1)），但在中间插入或删除元素时，需要移动后续元素，性能较差（平均O(n)）
    • 介绍目前主流的IT资产设备管理系统之【WGFIX】篇 资产管理运维服务器
      WGFIX是一款轻量免费的资产设备管理系统，安装部署使用都非常简单，适合快速上手使用，稳定高效主要功能包括资产概要图表，资产设备管理，资产设备变更管理，资产设备维护管理，设备巡检，账号密码管理等功能模块运行效果图如下
    • ocp 之 Prometheus Operator ~Operator-Prometheus原理 -JG第一次-PrometheusRule - Prometheus断点每周 yuezhilangniao k8sPrometheus
      Prometheus的告警恢复和修改operator版Prometheus默认的Prometheus.ymlgpt回答告警问题如果您没有收到Prometheus的告警恢复通知，请检查以下几个可能的原因：检查Alertmanager的配置文件中的group_wait参数是否正确设置。group_wait参数定义了Alertmanager在发送告警恢复通知之前等待的时间，以便其他相关告警的解决状态被合
    • 哪吒2票房为何如此之高？背后隐藏的奥秘大揭秘！ 山峰999 大数据经验分享用户体验科技前端
      在这个瞬息万变的电影市场中，有一部作品犹如一颗璀璨的明星，以其惊人的票房成绩和广泛的影响力，迅速占据了观众和业界的焦点——《哪吒2》！自2025年1月29日在中国大陆上映以来，这部动画电影不仅延续了前作的辉煌，更是在票房上取得了突破性的成就，令人瞩目。那么，是什么让《哪吒2》的票房如此之火呢？让我们一起深入探究，揭开它背后的神秘面纱！一、前作口碑积累，续集备受期待首先，不得不提的是前作《哪吒之魔童
    • sql专题 之 sql的执行顺序 m0_67265654 面试学习路线阿里巴巴sql数据库java
      文章目录sql的执行顺序sql语句的格式实际的执行顺序：虚拟表vs数据集虚拟表结果集总结嵌套查询在sql查询中的执行顺序前文我们了解了sql常用的语句，这次我们对于这些语句来个小思索戳这里→sql专题之常用命令sql的执行顺序SQL语句的执行顺序是数据库查询优化和结果生成的关键sql语句的格式selectdistinct要查的字段,sum(列字段),开窗函数from左表l[left|inner]j
    • Canvas绘制简易雨滴碰撞效果 DTcode7 HTML网站开发#canvas绘图HTML绘图canvasJavaScriptcanvas绘图
      Canvas绘制简易雨滴碰撞效果基本概念与作用说明示例一：基本的雨滴生成与移动HTML结构JavaScript逻辑示例二：添加碰撞检测更新JavaScript示例三：动态改变雨滴的速度和大小更新JavaScript示例四：添加用户交互更新JavaScript示例五：模拟风的影响更新JavaScript实际工作中的技巧在Web开发中，HTML5Canvas提供了一个强大且灵活的绘图环境，可以用来创建
    • RabbitMQ系列（二）基本概念之Publisher yyueshen RabbitMQ#RabbitMQ概念rabbitmq分布式
      在RabbitMQ中，Publisher（发布者）是负责向RabbitMQ服务器发送消息的客户端角色，通常被称为“生产者”。以下是其核心功能与工作机制的详细解析：一、核心定义与作用消息发送者Publisher将消息发送到RabbitMQ的Exchange（交换机），而非直接发送到队列。Exchange根据消息的RoutingKey（路由键）和绑定规则将消息路由到对应的队列（Queue）。解耦生产与
    • 最详细的Windows下安装node.js 和 npm大全 i建模 前端开发node.jswindowsnpmjavascripttypescript前端框架
      说明Node.js®是一个免费、开源、跨平台的JavaScript运行时环境,它让开发人员能够创建服务器Web应用、命令行工具和脚本。NPM的全称是NodePackageManager，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。2020年3月17日，Github宣布收购npm，GitHub现在已经保证npm将永远免费。安装时一般要选择LTS版本，也就是长期
    • 基于yolov10的水果成熟度之石榴成熟度检测 qq1309399183 计算机视觉实战项目集合YOLO目标检测目标跟踪计算机视觉人工智能水果成熟度检测视觉检测
      石榴成熟度检测**Pomegranate*是一个基于深度学习的系统，旨在自动化检测和分类石榴果实的生长阶段（未成熟、成熟、成熟期）。该系统采用最新的YOLOv10目标检测模型，能够高效地分析图像或视频中的石榴果实，并根据其外观特征识别其生长阶段。通过这种技术，农民可以更好地监控石榴果实的发育过程，优化作物管理，合理安排收获时间，从而提高生产效率和经济收益。系统概述石榴作为一种重要的水果作物，广泛种
    • 软件测试之压力测试知识总结 君君学姐 压力测试
      软件测试之压力测试知识总结一、压力测试概述压力测试（StressTesting）是软件测试中的一种重要手段，用于验证软件应用程序在极端负载条件下的稳定性和可靠性。其主要目的是在软件承受极高负载时，测量其健壮性、错误处理能力和恢复能力，确保软件在危急情况下不会崩溃或表现异常。压力测试也被称为耐力测试，在软件工程中占有举足轻重的地位。1.1压力测试的目的压力测试的主要目的包括：测量软件在极限负载下的表
    • 数据结构 之 【无头单向非循环链表】(C语言实现) zl_dfq 数据结构数据结构链表
      下面将无头单向非循环链表简称为单链表头指针：指向链表第一个节点的指针链表为空时，头指针也为空要实现单链表，就是要实现单链表的增删查改一、无头单向非循环链表的c语言实现1.准备工作#include#include#includetypedefintSLTDataTypde;typedefstructSLTNode{SLTDataTypdedata;structSLTNode*next;}SLTNod
    • RabbitMQ系列（六）基本概念之Routing Key yyueshen RabbitMQ#RabbitMQ概念rabbitmq分布式
      在RabbitMQ中，RoutingKey（路由键）是用于将消息从交换机（Exchange）路由到指定队列（Queue）的关键参数。其核心作用是通过特定规则匹配绑定关系，确保消息被正确分发。以下是其核心机制与用法的详细说明：一、核心定义与作用消息路由的核心标识生产者发送消息时需指定RoutingKey，交换机根据此值和队列绑定的BindingKey决定消息流向。类比：类似快递单上的“地址”，决定包
    • RabbitMQ系列（七）基本概念之Channel yyueshen RabbitMQ#RabbitMQ概念rabbitmq分布式
      RabbitMQ中的Channel（信道）是客户端与RabbitMQ服务器通信的虚拟会话通道，其核心作用在于优化资源利用并提升消息处理效率。以下是其核心机制与功能的详细解析：一、Channel的核心定义虚拟通信链路Channel是建立在TCP连接（Connection）上的轻量级虚拟连接，允许在单个TCP连接上复用多个独立的信道（Channel）。为了确保其私有性和线程安全性，每个Channel拥
    • 算法系列之动态规划 修己xj 算法算法动态规划代理模式
      动态规划（DynamicProgramming，简称DP）是一种用于解决复杂问题的算法设计技术。它通过将问题分解为更小的子问题，并存储这些子问题的解来避免重复计算，从而提高算法的效率。本文将介绍动态规划的基本概念、适用场景、复杂度分析，并通过Java代码实现经典的动态规划问题。动态规划介绍动态规划的核心思想是将一个复杂的问题分解为若干个相互重叠的子问题，通过解决这些子问题来构建原问题的解。动态规划
    • STL之容器——map/multimap 虔诚的学习者 stlstl
      map/multimap：由红黑树实现，元素为键值-实值。一：特点1.map为单重映射，键值和实值是一对一的关系，不允许重复键值；multimap是多重映射，允许相同键值，一个键值可以对应多个实值。2.具有自动排序功能，所有map里的数据都是有序的。3.map提供的[]操作符的重载；multimap未提供。二：定义与初始化mapm1;map>m2;map>m3;multimapm4;multima
    • windows下源码安装golang 616050468 golang安装golang环境windows
               系统： 64位win7， 开发环境：sublime text 2，  go版本： 1.4.1    1.  安装前准备(gcc, gdb, git)        golang在64位系
    • redis批量删除带空格的key bylijinnan redis
      redis批量删除的通常做法： redis-cli keys "blacklist*" | xargs redis-cli del 上面的命令在key的前后没有空格时是可以的，但有空格就不行了： $redis-cli keys "blacklist*" 1) "blacklist:12: [email protected]
    • oracle正则表达式的用法 0624chenhong oracle正则表达式
        方括号表达示 方括号表达式 描述 [[:alnum:]] 字母和数字混合的字符 [[:alpha:]] 字母字符 [[:cntrl:]] 控制字符 [[:digit:]] 数字字符 [[:graph:]] 图像字符 [[:lower:]] 小写字母字符 [[:print:]] 打印字符 [[:punct：]] 标点符号字符 [[:space:]]
    • 2048源码(核心算法有，缺少几个anctionbar，以后补上) 不懂事的小屁孩 2048
      2048游戏基本上有四部分组成， 1：主activity，包含游戏块的16个方格，上面统计分数的模块 2：底下的gridview，监听上下左右的滑动，进行事件处理， 3：每一个卡片，里面的内容很简单，只有一个text，记录显示的数字 4：Actionbar，是游戏用重新开始，设置等功能(这个在底下可以下载的代码里面还没有实现) 写代码的流程 1：设计游戏的布局，基本是两块，上面是分
    • jquery内部链式调用机理 换个号韩国红果果 JavaScriptjquery
      只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象（通过this  因为一旦一个函数称为一个对象方法的话那么在这个方法内部this（结合下面的setStyles）指向这个对象） function create(type){ var element=document.createElement(type); //this=element;
    • 你订酒店时的每一次点击 背后都是NoSQL和云计算 蓝儿唯美 NoSQL
      全球最大的在线旅游公司Expedia旗下的酒店预订公司，它运营着89个网站，跨越68个国家，三年前开始实验公有云，以求让客户在预订网站上查询假期酒店时得到更快的信息获取体验。 云端本身是用于驱动网站的部分小功能的，如搜索框的自动推荐功能，还能保证处理Hotels.com服务的季节性需求高峰整体储能。 Hotels.com的首席技术官Thierry Bedos上个月在伦敦参加“2015 Clou
    • java笔记1 a-john java
      1，面向对象程序设计（Object-oriented Propramming，OOP）：java就是一种面向对象程序设计。 2，对象：我们将问题空间中的元素及其在解空间中的表示称为“对象”。简单来说，对象是某个类型的实例。比如狗是一个类型，哈士奇可以是狗的一个实例，也就是对象。 3，面向对象程序设计方式的特性：     3.1 万物皆为对象。    
    • C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题 必备考点（一） aijuans C/C++求职面试必备考点
              找工作在即，以后决定每天至少写一个知识点，主要是记录，逼迫自己动手、总结加深印象。当然如果能有一言半语让他人收益，后学幸运之至也。如有错误，还希望大家帮忙指出来。感激不尽。        后学保证每个写出来的结果都是自己在电脑上亲自跑过的，咱人笨，以前学的也半吊子。很多时候只能靠运行出来的结果再反过来
    • 程序员写代码时就不要管需求了吗？ asia007 程序员不能一味跟需求走
            编程也有2年了，刚开始不懂的什么都跟需求走，需求是怎样就用代码实现就行，也不管这个需求是否合理，是否为较好的用户体验。当然刚开始编程都会这样，但是如果有了2年以上的工作经验的程序员只知道一味写代码，而不在写的过程中思考一下这个需求是否合理，那么，我想这个程序员就只能一辈写敲敲代码了。       我的技术不是很好，但是就不代
    • Activity的四种启动模式 百合不是茶 android栈模式启动Activity的标准模式启动栈顶模式启动单例模式启动
      android界面的操作就是很多个activity之间的切换,启动模式决定启动的activity的生命周期 ;   启动模式xml中配置     <activity android:name=".MainActivity" android:launchMode="standard&quo
    • Spring中@Autowired标签与@Resource标签的区别 bijian1013 javaspring@Resource@Autowired@Qualifier
      Spring不但支持自己定义的@Autowired注解，还支持由JSR-250规范定义的几个注解，如：@Resource、 @PostConstruct及@PreDestroy。   1. @Autowired    @Autowired是Spring 提供的，需导入    Package:org.springframewo
    • Changes Between SOAP 1.1 and SOAP 1.2 sunjing ChangesEnableSOAP 1.1SOAP 1.2
      JAX-WS SOAP Version 1.2 Part 0: Primer (Second Edition) SOAP Version 1.2 Part 1: Messaging Framework (Second Edition) SOAP Version 1.2 Part 2: Adjuncts (Second Edition)   Which style of WSDL
    • 【Hadoop二】Hadoop常用命令 bit1129 hadoop
      以Hadoop运行Hadoop自带的wordcount为例，   hadoop脚本位于/home/hadoop/hadoop-2.5.2/bin/hadoop，需要说明的是，这些命令的使用必须在Hadoop已经运行的情况下才能执行   Hadoop HDFS相关命令  hadoop fs -ls  列出HDFS文件系统的第一级文件和第一级
    • java异常处理（初级） 白糖_ javaDAOspring虚拟机Ajax
      从学习到现在从事java开发一年多了，个人觉得对java只了解皮毛，很多东西都是用到再去慢慢学习，编程真的是一项艺术，要完成一段好的代码，需要懂得很多。 最近项目经理让我负责一个组件开发，框架都由自己搭建，最让我头疼的是异常处理，我看了一些网上的源码，发现他们对异常的处理不是很重视，研究了很久都没有找到很好的解决方案。后来有幸看到一个200W美元的项目部分源码，通过他们对异常处理的解决方案，我终
    • 记录整理-工作问题 braveCS 工作
      1）那位同学还是CSV文件默认Excel打开看不到全部结果。以为是没写进去。同学甲说文件应该不分大小。后来log一下原来是有写进去。只是Excel有行数限制。那位同学进步好快啊。 2）今天同学说写文件的时候提示jvm的内存溢出。我马上反应说那就改一下jvm的内存大小。同学说改用分批处理了。果然想问题还是有局限性。改jvm内存大小只能暂时地解决问题，以后要是写更大的文件还是得改内存。想问题要长远啊
    • org.apache.tools.zip实现文件的压缩和解压，支持中文 bylijinnan apache
      刚开始用java.util.Zip，发现不支持中文（网上有修改的方法，但比较麻烦） 后改用org.apache.tools.zip org.apache.tools.zip的使用网上有更简单的例子 下面的程序根据实际需求，实现了压缩指定目录下指定文件的方法 import java.io.BufferedReader; import java.io.BufferedWrit
    • 读书笔记-4 chengxuyuancsdn 读书笔记
      1、JSTL 核心标签库标签 2、避免SQL注入 3、字符串逆转方法 4、字符串比较compareTo 5、字符串替换replace 6、分拆字符串 1、JSTL 核心标签库标签共有13个， 学习资料：http://www.cnblogs.com/lihuiyy/archive/2012/02/24/2366806.html 功能上分为4类： (1)表达式控制标签：out
    • [物理与电子]半导体教材的一个小问题 comsci 问题
            各种模拟电子和数字电子教材中都有这个词汇-空穴       书中对这个词汇的解释是; 当电子脱离共价键的束缚成为自由电子之后,共价键中就留下一个空位,这个空位叫做空穴       我现在回过头翻大学时候的教材,觉得这个
    • Flashback Database --闪回数据库 daizj oracle闪回数据库
      Flashback 技术是以Undo segment中的内容为基础的， 因此受限于UNDO_RETENTON参数。要使用flashback 的特性，必须启用自动撤销管理表空间。 在Oracle 10g中， Flash back家族分为以下成员： Flashback Database， Flashback Drop，Flashback Query(分Flashback Query,Flashbac
    • 简单排序:插入排序 dieslrae 插入排序
      public void insertSort(int[] array){ int temp; for(int i=1;i<array.length;i++){ temp = array[i]; for(int k=i-1;k>=0;k--)
    • C语言学习六指针小示例、一维数组名含义，定义一个函数输出数组的内容 dcj3sjt126com c
      # include <stdio.h> int main(void) { int * p; //等价于 int *p 也等价于 int* p; int i = 5; char ch = 'A'; //p = 5; //error //p = &ch; //error //p = ch; //error p = &i; //
    • centos下php redis扩展的安装配置3种方法 dcj3sjt126com redis
      方法一 1.下载php redis扩展包  代码如下 复制代码 #wget http://redis.googlecode.com/files/redis-2.4.4.tar.gz 2 tar -zxvf 解压压缩包，cd /扩展包 （进入扩展包然后 运行phpize 一下是我环境中phpize的目录，/usr/local/php/bin/phpize (一定要
    • 线程池(Executors) shuizhaosi888 线程池
      在java类库中，任务执行的主要抽象不是Thread，而是Executor，将任务的提交过程和执行过程解耦 public interface Executor { void execute(Runnable command); }   public class RunMain implements Executor{ @Override pub
    • openstack 快速安装笔记 haoningabc openstack
      前提是要配置好yum源 版本icehouse，操作系统redhat6.5 最简化安装，不要cinder和swift 三个节点 172 control节点keystone glance horizon 173 compute节点nova 173 network节点neutron control /etc/sysctl.conf net.ipv4.ip_forward =
    • 从c面向对象的实现理解c++的对象（二） jimmee C++面向对象虚函数
      1. 类就可以看作一个struct，类的方法，可以理解为通过函数指针的方式实现的，类对象分配内存时，只分配成员变量的，函数指针并不需要分配额外的内存保存地址。 2. c++中类的构造函数，就是进行内存分配(malloc)，调用构造函数 3. c++中类的析构函数，就时回收内存(free) 4. c++是基于栈和全局数据分配内存的，如果是一个方法内创建的对象，就直接在栈上分配内存了。 专门在
    • 如何让那个一个div可以拖动 lingfeng520240 html
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml
    • 第10章 高级事件（中） onestopweb 事件
      index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
    • 计算两个经纬度之间的距离 roadrunners 计算纬度LBS经度距离
      要解决这个问题的时候，到网上查了很多方案，最后计算出来的都与百度计算出来的有出入。下面这个公式计算出来的距离和百度计算出来的距离是一致的。 /** * * @param longitudeA * 经度A点 * @param latitudeA * 纬度A点 * @param longitudeB *
    • 最具争议的10个Java话题 tomcat_oracle java
      1、Java8已经到来。什么！？ Java8 支持lambda。哇哦，RIP Scala！ 　　随着Java8 的发布，出现很多关于新发布的Java8是否有潜力干掉Scala的争论，最终的结论是远远没有那么简单。Java8可能已经在Scala的lambda的包围中突围，但Java并非是函数式编程王位的真正觊觎者。 　 　2、Java 9 即将到来 　　 Oracle早在8月份就发布
    • zoj 3826 Hierarchical Notation(模拟) 阿尔萨斯 rar
      题目链接：zoj 3826 Hierarchical Notation 题目大意：给定一些结构体，结构体有value值和key值，Q次询问，输出每个key值对应的value值。 解题思路：思路很简单，写个类词法的递归函数，每次将key值映射成一个hash值，用map映射每个key的value起始终止位置，预处理完了查询就很简单了。 这题是最后10分钟出的，因为没有考虑value为{}的情
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他