书剑若水
书剑若水

react使用useContext实现兄弟组件通信

两个兄弟input通信，实现输入同步

无useReducer版本


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin>script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin>script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js">script>
head>
<body>
<article id="app">article>

<script type="text/jsx">
    let {useContext,useState} = React;

    const AppContext = React.createContext();

    const initialState = {
        inputText: '',
    };

    function Input_one() {
        const {state, setState} = useContext(AppContext);
        return (
            <input value={state.inputText} onChange={e => setState({inputText:e.target.value})}/>
        )
    }

    function Input_two() {
        const {state, setState} = useContext(AppContext);
        return (
            <input value={state.inputText} onChange={e => setState({inputText:e.target.value})}/>
        )
    }

    function App() {
        const [state,setState] = useState(initialState);
        return (
            <React.Fragment>
                <AppContext.Provider value={{state, setState}}>
                    <Input_one/>
                    <Input_two/>
                </AppContext.Provider>
            </React.Fragment>
        );
    }

    ReactDOM.render(
        <App/>,
        document.getElementById("app")
    );
script>
body>
html>

有useReducer版本


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin>script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin>script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js">script>
head>
<body>
<article id="app">article>

<script type="text/jsx">
    let {useContext, useReducer} = React;

    const AppContext = React.createContext();

    const initialState = {
        inputText: '',
    };

    function reducer(state, action) {
        console.log('reducer',arguments);
        switch (action.type) {
            case 'UPDATE_INPUT':
                return {
                    inputText: action.data
                };
            default:
                return initialState;
        }
    }

    function Input_one() {
        const {state, dispatch} = useContext(AppContext);
        const changeInputValue = (newValue) => {
            dispatch({type: 'UPDATE_INPUT', data: newValue,});
        };

        return (
            <input value={state.inputText} onChange={e => changeInputValue(e.target.value)}/>
        )
    }

    function Input_two() {
        const {state, dispatch} = useContext(AppContext);
        const changeInputValue = (newValue) => {
            dispatch({type: 'UPDATE_INPUT', data: newValue,});
        };
        return (<input value={state.inputText} onChange={e => changeInputValue(e.target.value)}/>)
    }

    function App() {
        const [state, dispatch] = useReducer(reducer, initialState);
        return (
            <React.Fragment>
                <AppContext.Provider value={{state, dispatch}}>
                    <Input_one/>
                    <Input_two/>
                </AppContext.Provider>
            </React.Fragment>
        );
    }


    ReactDOM.render(
        <App/>,
        document.getElementById("app")
    );
script>
body>
html>

参考文献：
https://itnext.io/passing-data-between-sibling-components-in-react-using-context-api-and-react-hooks-fce60f12629a

你可能感兴趣的:(react使用useContext实现兄弟组件通信)

  • 详解c++的编译过程，如何从源文件到可执行文件到 飞鼠_ C++c++开发语言
    本节详细介绍c++的编译过程，c++从代码到可执行文件有四个阶段：预处理运行以#好开头的代码，引入头文件，做预处理定义常量等编译对代码进行优化，进行词法与语法的分析，生成与平台无关的中间表示，再将中间代码转换为目标平台的汇编代码。汇编将汇编代码转换为机器码（二进制格式）。链接将目标文件中的未定义符号（如printf）与库文件中的定义匹配。预处理我们可以使用g++-Emain.cpp-omain.i
  • C#网络通信实战：从零打造高性能Socket编程与TCP/IP协议栈应用 墨瑾轩 一起学学C#【一】c#tcp/ip开发语言
    网络通信是现代软件开发中不可或缺的一部分，特别是在分布式系统和互联网应用中。C#提供了丰富的网络编程接口，尤其是基于Socket的TCP/IP协议栈编程，可以实现高性能的网络通信。以下从零开始逐步介绍如何在C#中使用Socket进行高性能网络通信编程，包括创建Socket、连接服务器、发送和接收数据，以及处理并发和错误等，包含详细的代码和注释。一、创建Socket CsharpusingSyste
  • OctoTools：一个具有复杂推理可扩展工具的智体框架 三谷秋水 智能体大模型机器学习人工智能语言模型机器学习
    25年2月来自斯坦福大学的论文“OctoTools:AnAgenticFrameworkwithExtensibleToolsforComplexReasoning”。解决复杂的推理任务可能涉及视觉理解、域知识检索、数值计算和多步骤推理。现有方法使用外部工具增强大语言模型(LLM)，但仅限于专业领域、有限的工具类型或需要额外的训练数据。本文的OctoTools，是一个无需训练、用户友好且易于扩展的
  • 华为海思 CPU「麒麟 X90」曝光 自不量力的A同学 华为
    2025年3月15日，中国信息安全评测中心发布安全可靠测评结果公告（2025年第1号），华为海思麒麟X90处理器首次曝光，其安全可靠等级评测结果为II级。相关信息如下：架构与制程：采用华为自研的“泰山V3”架构，基于ARMv9指令集，首次在PC端实现“超线程+大小核异构”设计，集成多达16核（4大核+12能效核），主频突破4.2GHz。推测制程为中芯国际N+2的等效7nm技术。芯片集成：将CPU、
  • Vuex 和 Pinia 的对比 徐福记c vue.js前端javascript
    Vuex和Pinia都是Vue状态管理库，但它们有一些区别：1.开发背景Vuex：Vuex是Vue.js官方推出的状态管理库，主要用于管理复杂应用中的全局状态。它在Vue2和Vue3中都被广泛使用。Pinia：Pinia是一个社区驱动的状态管理库，最初是为了弥补Vuex在某些场景下的不足而创建的。现在，它已经被Vue官方认可，并成为Vue3推荐的状态管理库之一。2.API设计Vuex：使用stor
  • java文件分块上传,OkHttp文件上传（2）：实现文件分块上传 陈章玉 java文件分块上传
    前言分块上传和断点下载很像，就是讲文件分为多份来传输，从而实现暂停和继续传输。区别是断点下载的进度保存在客户端，ey往是写入数据库，分块上传的进度保存在服务器，每次可以通过文件的md5请求服务器，来获取最新的上传偏移量。但是这样明显效率偏低，客户端可以把offSet保存在内存，每上传一块文件服务器返回下一次的offSet。只不过这个offSet不需要保存在数据库，每次app关闭在打开继续上传可以请
  • C# 零基础入门篇(19.DateTime 使用指南) think__deeply c#开发语言visualstudio
    ##一、概述`DateTime`是C#中用于表示日期和时间的结构，位于`System`命名空间中。它提供了丰富的属性和方法，用于处理日期和时间的创建、格式化、比较和计算。##二、创建DateTime对象###（一）使用默认构造函数```DateTimenow=DateTime.Now;//获取当前日期和时间DateTimetoday=DateTime.Today;//获取当前日期，时间为00:00
  • C# WPF编程-ToggleButton SongYuLong的博客 C#WPF开发c#wpf开发语言
    ToggleButton在WPF中，ToggleButton是一个非常有用的控件，它允许用户在两种状态之间切换：选中（Checked）和未选中（Unchecked）。此外，还有一个中间状态叫做“不确定”（Indeterminate），但需注意的是，并不是所有的使用场景都需要或支持这个状态。下面将介绍如何使用ToggleButton，包括基本用法、样式定制以及事件处理。privatevoidTogg
  • tkinter报错 tcl和tk报错 _tkinter.TclError: Can‘t find a usable init.tcl in the following directories: 大博士.J java数据库python
    问了好几个GPT回答的都不是解决问题的，胡编乱造的目前经过尝试好几个解决方案，终于破案了win10系统使用安装python时自动将tcl和tk识别到了新创建的虚拟环境继承中win11系统则需要手动去做一些操作，才可以解决问题我这报错的问题是这样的self.tk=_tkinter.create(screenName,baseName,className,interactive,wantobjects
  • Kali Linux 渗透测试环境配置（Metasploit + Burp Suite） 李游Leo 环境配置linux运维服务器
    一、KaliLinux系统准备首先，确保你已经成功安装了KaliLinux系统。可以从官方网站下载镜像文件，并通过U盘引导安装等常规方式完成系统部署。建议使用最新稳定版本，以获取最新的软件包支持和安全更新。安装完成后，登录系统，打开终端。由于许多操作需要管理员权限，在终端输入“sudosu”切换到root用户，后续操作若无特殊说明，均在root权限下进行。二、Metasploit配置1.KaliL
  • ARM：使用F103纯汇编点灯 一枝小雨 ARM内核arm开发汇编
    0上节ARM体系结构解析：PC寄存器机制、三级流水线与C/汇编交互全揭秘-CSDN博客1纯汇编点灯主要是通过汇编代码实现下图逻辑：汇编代码实现：PRESERVE8THUMB;VevtorTableMappedtoAddress0atResetAREARESET,DATA,READONLYEXPORT__Vectors__VectorsDCD0DCDReset_Handler;ResetHandle
  • 【大模型开发】ONNX 格式的大模型在 Android 上的部署与测试 云博士的AI课堂 大模型技术开发与实践哈佛博后带你玩转机器学习深度学习android大模型部署本地推理引擎大模型开发机器学习边缘设备
    以下内容将以ONNX格式的大模型在Android上的部署与测试为核心，提供一套可运行的示例（基于AndroidStudio/Gradle），并结合代码进行详细讲解。最后会给出一些针对在移动设备上部署ONNX推理的优化方法和未来建议。目录整体流程概述准备工作2.1ONNX模型准备2.2Android项目准备在Android上使用ONNXRuntime3.1添加依赖3.2项目结构说明3.3代码示例运行
  • 【Bug】串口重定义未勾选MicroLIB导致程序跑飞 学不下去的废狗 Bugbug
    办法来自博客：https://blog.csdn.net/dongdong_csdn/article/details/123756095Bug：简单的使用STM32F103串口1通过重写fputc函数使用printf发送串口数据，发现程序无法正常运行，程序好像无法进入main，在通过Debug查看时发现，按一次运行就会停一次，然后也没进入main函数，发现按三次运行Run才能正常进行main函数R
  • 基于Python的大学生思想政治教育平台mysql(Django Flask Vue Pycharm ) QQ_188083800 pythonmysqldjango
    文章目录具体实现截图项目技术介绍研究方案源码获取详细视频演示：文章底部获取博主联系方式！！！！系统设计核心代码部分展示django项目示例源码/演示视频获取方式具体实现截图项目技术介绍我国主流校园使用的是传统开发基于Java语言通过SpringBoot框架开发管理系统，开发周期长，开发人员学习成本高。使用如Django或Flask开发框架可以大量的减少开发者需要写的代码量，使开发人员可以最少的代码
  • Node.js 包与 npm 详解：概念、作用及完整使用指南 还是鼠鼠 node.jsnode.jsnpm前端vscodeweb
    目录1.Node.js包的概念与作用什么是包？包的作用2.npm（NodePackageManager）简介常用npm命令3.创建一个本地Node.js包步骤1：初始化npm项目步骤2：编写index.js步骤3：在另一个项目中使用这个包4.安装和使用第三方npm包安装lodash使用lodash5.全局安装包与命令行工具6.发布自己的npm包创建npm账号发布包7.结论在Node.js中，**包
  • C# WPF 项目实战：构建一个现代化的音乐播放器 墨夶 C#学习资料1c#wpf开发语言
    嘿，小伙伴们！今天我们要来动手实践一个非常有趣的项目——使用C#和WPF构建一个现代化的音乐播放器。如果你是一名对桌面应用程序开发感兴趣的开发者，并且希望深入了解WPF（WindowsPresentationFoundation）框架，那么这篇文章绝对不容错过！WPF是微软推出的一款用于构建富客户端应用程序的强大框架，支持现代UI设计、数据绑定、动画和多媒体等功能。通过本文，我们将从零开始创建一个
  • libilibi项目优化（1）使用Redis实现缓存 Nijika... libilibi项目优化缓存redis数据库java后端spring
    第一版获取视频信息使用旁路缓存当视频信息存在缓存中时（命中），直接从缓存中获取。不存在缓存中时，先从数据库中查出对应的信息，写入缓存后再放回数据。//获取视频详细信息@RequestMapping("/getVideoInfo")publicResponseVOgetVideoInfo(@NotEmptyStringvideoId){//旁路缓存模式，先从缓存中拿VideoInfovideoInf
  • Spring Boot中Bean的 构造器注入、字段注入和方法注入 Nijika... springspringjava后端
    在Spring中，依赖注入（DI）是实现控制反转（IoC）的一种方式，Spring提供了多种注入方式来将依赖关系注入到Bean中，常见的方式有构造器注入、字段注入和方法注入。下面将详细介绍这三种注入方式。1.构造器注入（ConstructorInjection）构造器注入是通过构造函数将依赖项注入到SpringBean中。Spring容器会在创建Bean时，通过调用构造方法来注入依赖。特点：适用于
  • MySQL实现全量同步和增量同步到SQL Server或其他关系型库 大博士.J mysqladb数据仓库python人工智能
    在将MySQL中的两张表同步到SQLServer的过程中，全量同步和增量同步各有其优缺点。全量同步简单直接但可能耗时较长且资源消耗大，而增量同步则更加高效但需要额外的逻辑来处理数据的变更。以下是对这两种同步方式的详细解释及代码示例的完善。完整代码示例以下是一个完整的示例，包括全量同步和增量同步，以及使用schedule库来设置定时任务。importpymysqlimportpyodbcfromda
  • 从 0 到 1 掌握鸿蒙 AudioRenderer 音频渲染：我的自学笔记与踩坑实录（API 14） 李游Leo harmonyos-nextharmonyos鸿蒙音视频笔记
    最近我在研究HarmonyOS音频开发。在音视频领域，鸿蒙的AudioKit框架提供了AVPlayer和AudioRenderer两种方案。AVPlayer适合快速实现播放功能，而AudioRenderer允许更底层的音频处理，适合定制化需求。本文将以一个开发者的自学视角，详细记录使用AudioRenderer开发音频播放功能的完整过程，包含代码实现、状态管理、最佳实践及踩坑总结。一、环境准备与核
  • Search after解决ES深度分页问题 Elastic开源社区 elasticsearch大数据searchafter深度分页ES
    文章目录1、search_after的作用和意义2、search_after的工作原理3、search_after的使用方法4、注意事项5、与传统分页的对比6、总结search_after是Elasticsearch中用于实现深度分页的一种机制。相比于传统的from和size分页方式，search_after更适合处理大数据集的分页查询，因为它避免了深度分页带来的性能问题。1、search_aft
  • 基于SSM的旅游论坛设计与实现 「已注销」 java项目毕设旅游servletspringmavenspringcloudspringbootlog4j
    目录摘要ABSTRACT1绪论1.1课题背景1.2研究现状1.3研究内容2系统开发环境2.1vue技术2.2JAVA技术2.3MYSQL数据库2.4B/S结构2.5SSM框架技术3系统分析3.1可行性分析3.1.1技术可行性3.1.2操作可行性3.1.3经济可行性3.1.4法律可行性3.2系统性能分析3.3系统功能分析3.3.1角色需求3.3.2功能需求3.4系统流程分析3.4.1注册流程3.4.
  • 用python制作抢票脚本  笔记python
    本片文章给大家介绍如何使用python，仅供参考学习，不能用于其他活动，遵守社会法律法规，标题：使用Python编写抢票脚本**摘要：本文旨在介绍如何使用Python编写一个高效的抢票脚本，以帮助用户在抢票高峰期自动化购票过程，提高成功率。我们将深入讨论抢票脚本的实现原理、关键技术和实际应用场景。简介：在现代社会，随着交通网络的日益完善和人们生活水平的提高，出行已成为人们日常生活中不可或缺的一部分
  • 关于Linux系统下如何配置双网口绑定 1079986725 linux运维服务器
    在Linux系统中，配置双网口绑定（也称为网卡绑定或链路聚合）可以提高网络带宽、冗余和负载均衡。以下是配置双网口绑定的详细步骤：1.确认网卡信息首先，确认系统中已安装并识别的网卡设备。可以使用以下命令查看网卡信息：bashiplinkshow或bashifconfig-a记录下需要绑定的网卡名称（如`eth0`和`eth1`）。2.安装必要的工具确保系统已安装`ifenslave`工具，用于绑定网
  • 使用Python来执行Shell脚本 代码编织匠人 linux运维服务器python
    使用Python来执行Shell脚本Shell脚本可以在Linux系统下用于自动化执行一些命令或者程序，而Python可以很好地与Shell脚本进行交互，可以方便地通过Python脚本来执行Shell脚本。以下是一个简单的Shell脚本示例：#!/bin/bashecho"HelloWorld"该脚本会输出"HelloWorld"。我们可以使用Python的subprocess库来执行该脚本：im
  • Windows 图形显示驱动开发-WDDM 3.0功能- IOMMU DMA 重新映射（一） 程序员王马 windows图形显示驱动开发驱动开发
    概述直到WDDM3.0，Dxgkrnl仅支持通过1:1物理重新映射实现IOMMU隔离，这意味着GPU访问的逻辑页被转换为相同的物理页码。IOMMUDMA重新映射允许GPU通过不再以1:1映射的逻辑地址访问内存。相反，Dxgkrnl能够提供逻辑上连续的地址范围。Dxgkrnl对GPU施加限制：GPU必须能够访问所有物理内存才能启动设备。如果GPU的最高可见地址不超过系统上安装的最高物理地址，则Dxg
  • Windows 图形显示驱动开发-WDDM 3.0功能- D3D12 视频编码（二） 程序员王马 windows图形显示驱动开发驱动开发
    D3D12视频编码回调函数驱动程序实现以下回调函数以支持D3D12视频编码。创建表示视频编码器的驱动程序对象：PFND3D12DDI_CALCPRIVATEVIDEOENCODERSIZE_0082_0会计算D3D运行时需要为驱动程序对象分配的内存量。PFND3D12DDI_CREATEVIDEOENCODER_0082_0创建保存视频编码会话状态的实际视频编码器对象。创建表示视频编码器堆的驱动程
  • c# 正则表达式基础知识 观无 c#正则表达式mysql
    一、使用原理模式匹配机制：在C#中，正则表达式通过定义一种模式来描述文本的特征。例如，\d表示匹配任意一个数字字符。当使用正则表达式进行匹配时，正则表达式引擎会从输入文本的起始位置开始，逐个字符地将输入文本与模式进行比较。引擎尝试找到一个连续的字符序列，该序列与整个模式完全匹配。如果找到了这样的序列，则匹配成功；否则，匹配失败。回溯机制：当正则表达式中存在可选部分（如a?表示a可选出现一次或不出现
  • 谈谈 TypeScript 中的联合类型（union types）和交叉类型（intersection types），它们的应用场景是什么？ 程序员黄同学 TypeScriptJavaScript前端开发typescriptjavascript前端
    一、联合类型（UnionTypes）核心概念使用管道符|表示多选一关系，典型场景：处理可能存在多种类型的变量//基础示例：处理数值型ID（number）或哈希型ID（string）typeEntityID=number|string;functiongetEntity(id:EntityID){//类型守卫处理分支逻辑if(typeofid==='number'){console.log(`Fet
  • 试用qxl-wddm-0.18 henweimei
    今天发现spice官网上有qxl-wddm的驱动，决定研究一下https://www.spice-space.org/download.html关于WDDM，来自百科https://baike.baidu.com/item/WDDM/1408199?fr=aladdin是对旧版的WindowsXP上的XPDM架构的改良，XPDM使用2D的GDI（GraphicsDeviceInterface）
  • 开发者关心的那些事 圣子足道 ios游戏编程apple支付
    我要在app里添加IAP，必须要注册自己的产品标识符（product identifiers）。产品标识符是什么？ 产品标识符（Product Identifiers）是一串字符串，它用来识别你在应用内贩卖的每件商品。App Store用产品标识符来检索产品信息，标识符只能包含大小写字母（A-Z）、数字（0-9）、下划线（-）、以及圆点(.)。你可以任意排列这些元素，但我们建议你创建标识符时使用
  • 负载均衡器技术Nginx和F5的优缺点对比 bijian1013 nginxF5
            对于数据流量过大的网络中，往往单一设备无法承担，需要多台设备进行数据分流，而负载均衡器就是用来将数据分流到多台设备的一个转发器。         目前有许多不同的负载均衡技术用以满足不同的应用需求，如软/硬件负载均衡、本地/全局负载均衡、更高
  • LeetCode[Math] - #9 Palindrome Number Cwind javaAlgorithm题解LeetCodeMath
    原题链接：#9 Palindrome Number   要求： 判断一个整数是否是回文数，不要使用额外的存储空间   难度：简单   分析： 题目限制不允许使用额外的存储空间应指不允许使用O(n)的内存空间，O(1)的内存用于存储中间结果是可以接受的。于是考虑将该整型数反转，然后与原数字进行比较。 注：没有看到有关负数是否可以是回文数的明确结论，例如
  • 画图板的基本实现 15700786134 画图板
     要实现画图板的基本功能，除了在qq登陆界面中用到的组件和方法外，还需要添加鼠标监听器，和接口实现。 首先，需要显示一个JFrame界面： public class DrameFrame extends JFrame {              //显示
  • linux的ps命令 被触发 linux
    Linux中的ps命令是Process Status的缩写。ps命令用来列出系统中当前运行的那些进程。ps命令列出的是当前那些进程的快照，就是执行ps命令的那个时刻的那些进程，如果想要动态的显示进程信息，就可以使用top命令。 要对进程进行监测和控制，首先必须要了解当前进程的情况，也就是需要查看当前进程，而 ps 命令就是最基本同时也是非常强大的进程查看命令。使用该命令可以确定有哪些进程正在运行
  • Android 音乐播放器 下一曲 连续跳几首歌 肆无忌惮_ android
    最近在写安卓音乐播放器的时候遇到个问题。在MediaPlayer播放结束时会回调 player.setOnCompletionListener(new OnCompletionListener() { @Override public void onCompletion(MediaPlayer mp) { mp.reset(); Log.i("H
  • java导出txt文件的例子 知了ing javaservlet
    代码很简单就一个servlet,如下： package com.eastcom.servlet; import java.io.BufferedOutputStream; import java.io.IOException; import java.net.URLEncoder; import java.sql.Connection; import java.sql.Resu
  • Scala stack试玩, 提高第三方依赖下载速度 矮蛋蛋 scalasbt
    原文地址： http://segmentfault.com/a/1190000002894524 sbt下载速度实在是惨不忍睹, 需要做些配置优化 下载typesafe离线包, 保存为ivy本地库 wget http://downloads.typesafe.com/typesafe-activator/1.3.4/typesafe-activator-1.3.4.zip 解压r
  • phantomjs安装(linux，附带环境变量设置) ，以及casperjs安装。 alleni123 linuxspider
    1. 首先从官网 http://phantomjs.org/下载phantomjs压缩包，解压缩到/root/phantomjs文件夹。 2. 安装依赖 sudo yum install fontconfig freetype libfreetype.so.6 libfontconfig.so.1 libstdc++.so.6 3. 配置环境变量 vi /etc/profil
  • JAVA IO FileInputStream和FileOutputStream，字节流的打包输出 百合不是茶 java核心思想JAVA IO操作字节流
    在程序设计语言中，数据的保存是基本，如果某程序语言不能保存数据那么该语言是不可能存在的，JAVA是当今最流行的面向对象设计语言之一，在保存数据中也有自己独特的一面，字节流和字符流 1，字节流是由字节构成的，字符流是由字符构成的 字节流和字符流都是继承的InputStream和OutPutStream ,java中两种最基本的就是字节流和字符流   类 FileInputStream
  • Spring基础实例（依赖注入和控制反转） bijian1013 spring
    前提条件：在http://www.springsource.org/download网站上下载Spring框架，并将spring.jar、log4j-1.2.15.jar、commons-logging.jar加载至工程1.武器接口 package com.bijian.spring.base3; public interface Weapon { void kil
  • HR看重的十大技能 bijian1013 提升能力HR成长
        一个人掌握何种技能取决于他的兴趣、能力和聪明程度，也取决于他所能支配的资源以及制定的事业目标，拥有过硬技能的人有更多的工作机会。但是，由于经济发展前景不确定，掌握对你的事业有所帮助的技能显得尤为重要。以下是最受雇主欢迎的十种技能。 　　一、解决问题的能力 　　每天，我们都要在生活和工作中解决一些综合性的问题。那些能够发现问题、解决问题并迅速作出有效决
  • 【Thrift一】Thrift编译安装 bit1129 thrift
    什么是Thrift The Apache Thrift software framework, for scalable cross-language services development, combines a software stack with a code generation engine to build services that work efficiently and s
  • 【Avro三】Hadoop MapReduce读写Avro文件 bit1129 mapreduce
    Avro是Doug Cutting(此人绝对是神一般的存在）牵头开发的。 开发之初就是围绕着完善Hadoop生态系统的数据处理而开展的（使用Avro作为Hadoop MapReduce需要处理数据序列化和反序列化的场景）,因此Hadoop MapReduce集成Avro也就是自然而然的事情。 这个例子是一个简单的Hadoop MapReduce读取Avro格式的源文件进行计数统计，然后将计算结果
  • nginx定制500，502，503，504页面 ronin47 nginx　错误显示
    server { listen 80; error_page 500/500.html; error_page 502/502.html; error_page 503/503.html; error_page 504/504.html; location /test {return502;}} 配置很简单，和配
  • java-1.二叉查找树转为双向链表 bylijinnan 二叉查找树
    import java.util.ArrayList; import java.util.List; public class BSTreeToLinkedList { /* 把二元查找树转变成排序的双向链表 题目： 输入一棵二元查找树，将该二元查找树转换成一个排序的双向链表。 要求不能创建任何新的结点，只调整指针的指向。 10 / \ 6 14 / \
  • Netty源码学习-HTTP-tunnel bylijinnan javanetty
    Netty关于HTTP tunnel的说明： http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/socket/http/package-summary.html#package_description 这个说明有点太简略了 一个完整的例子在这里： https://github.com/bylijinnan
  • JSONUtil.serialize(map)和JSON.toJSONString(map)的区别 coder_xpf jqueryjsonmapval()
     JSONUtil.serialize(map)和JSON.toJSONString(map)的区别   数据库查询出来的map有一个字段为空   通过System.out.println()输出 JSONUtil.serialize(map)： {"one":"1","two":"nul
  • Hibernate缓存总结 cuishikuan 开源sshjavawebhibernate缓存三大框架
    一、为什么要用Hibernate缓存？ Hibernate是一个持久层框架，经常访问物理数据库。 为了降低应用程序对物理数据源访问的频次，从而提高应用程序的运行性能。 缓存内的数据是对物理数据源中的数据的复制，应用程序在运行时从缓存读写数据，在特定的时刻或事件会同步缓存和物理数据源的数据。   二、Hibernate缓存原理是怎样的？ Hibernate缓存包括两大类：Hib
  • CentOs6 dalan_123 centos
    首先su - 切换到root下面1、首先要先安装GCC GCC-C++ Openssl等以来模块：yum -y install make gcc gcc-c++ kernel-devel m4 ncurses-devel openssl-devel2、再安装ncurses模块yum -y install ncurses-develyum install ncurses-devel3、下载Erang
  • 10款用 jquery 实现滚动条至页面底端自动加载数据效果 dcj3sjt126com JavaScript
      无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术，它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果，改变了一直以来只能通过点击下一页来翻页这种常规做法。 无限滚动自动翻页技术的鼻祖是微博的先驱：推特(twitter)，后来必应图片搜索、谷歌图片搜索、google reader、箱包批发网等纷纷抄袭了这一项技术，于是靠滚动浏览器滚动条
  • ImageButton去边框&Button或者ImageButton的背景透明 dcj3sjt126com imagebutton
    在ImageButton中载入图片后，很多人会觉得有图片周围的白边会影响到美观，其实解决这个问题有两种方法 一种方法是将ImageButton的背景改为所需要的图片。如：android:background="@drawable/XXX" 第二种方法就是将ImageButton背景改为透明，这个方法更常用 在XML里；    <ImageBut
  • JSP之c:foreach eksliang jspforearch
    原文出自：http://www.cnblogs.com/draem0507/archive/2012/09/24/2699745.html <c:forEach>标签用于通用数据循环，它有以下属性 属 性 描 述 是否必须 缺省值 items 进行循环的项目 否 无 begin 开始条件 否 0 end 结束条件 否 集合中的最后一个项目 step 步长 否 1
  • Android实现主动连接蓝牙耳机 gqdy365 android
    在Android程序中可以实现自动扫描蓝牙、配对蓝牙、建立数据通道。蓝牙分不同类型，这篇文字只讨论如何与蓝牙耳机连接。 大致可以分三步： 一、扫描蓝牙设备： 1、注册并监听广播： BluetoothAdapter.ACTION_DISCOVERY_STARTED BluetoothDevice.ACTION_FOUND BluetoothAdapter.ACTION_DIS
  • android学习轨迹之四：org.json.JSONException: No value for hyz301 json
    org.json.JSONException: No value for items  在JSON解析中会遇到一种错误，很常见的错误   06-21 12:19:08.714 2098-2127/com.jikexueyuan.secret I/System.out﹕ Result:{"status":1,"page":1,&
  • 干货分享：从零开始学编程 系列汇总 justjavac 编程
    程序员总爱重新发明轮子，于是做了要给轮子汇总。 从零开始写个编译器吧系列 (知乎专栏) 从零开始写一个简单的操作系统 (伯乐在线) 从零开始写JavaScript框架 (图灵社区) 从零开始写jQuery框架 (蓝色理想 ) 从零开始nodejs系列文章 (粉丝日志) 从零开始编写网络游戏 
  • jquery-autocomplete 使用手册 macroli jqueryAjax脚本
    jquery-autocomplete学习 一、用前必备 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ 当前版本：1.1 需要JQuery版本：1.2.6 二、使用 <script src="./jquery-1.3.2.js" type="text/ja
  • PLSQL-Developer或者Navicat等工具连接远程oracle数据库的详细配置以及数据库编码的修改 超声波 oracleplsql
    　　在服务器上将Oracle安装好之后接下来要做的就是通过本地机器来远程连接服务器端的oracle数据库，常用的客户端连接工具就是PLSQL-Developer或者Navicat这些工具了。刚开始也是各种报错，什么TNS:no listener;TNS:lost connection;TNS:target hosts...花了一天的时间终于让PLSQL-Developer和Navicat等这些客户
  • 数据仓库数据模型之：极限存储--历史拉链表 superlxw1234 极限存储数据仓库数据模型拉链历史表
    在数据仓库的数据模型设计过程中，经常会遇到这样的需求： 1. 数据量比较大; 2. 表中的部分字段会被update,如用户的地址，产品的描述信息，订单的状态等等; 3. 需要查看某一个时间点或者时间段的历史快照信息，比如，查看某一个订单在历史某一个时间点的状态，    比如，查看某一个用户在过去某一段时间内，更新过几次等等; 4. 变化的比例和频率不是很大，比如，总共有10
  • 10点睛Spring MVC4.1-全局异常处理 wiselyman spring mvc
    10.1 全局异常处理 使用@ControllerAdvice注解来实现全局异常处理; 使用@ControllerAdvice的属性缩小处理范围 10.2 演示 演示控制器 package com.wisely.web; import org.springframework.stereotype.Controller; import org.spring
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他