ai09855
ai09855

完整版文本框即时输入数据监听并下拉显示匹配数据

1.前言 
好多小童鞋，对以jq为主的前端并不是特别熟悉，但并不代表你是菜鸟，说不定你是其他方面的资深老司机，好吧，我才是菜鸟，今天主要写一个完整的demo来看看怎样文本框+下拉框即时匹配数据。 
2.详情 
还是那句话，不说太多废话，直接代码来。如果你是新手，可以直接copy成.html格式的文件，本地预览看到效果，如果看不到效果，那说明什么呢？

DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>title>
    <style>
        *{margin:0; padding:0;}
        .sxs{ position:relative; width:300px; margin:20px auto; }
        .sxs_in{width:295px; height:32px; padding-left:5px;border:1px solid #666;outline:none;}
        .sxs ul{position:absolute;left:0px; top:32px; width:100%; border:1px solid #666;  background-color:#fff; display:none; }        
        ul li{list-style:none; border-bottom:1px dashed #666; height:32px; line-height:32px; padding-left:5px; font-size:12px; cursor:pointer;}
        ul li:last-child{border-bottom:none;}
        ul li:hover{color:#4985d7; border-bottom-color:#4985d7;}
    style>
head>
<body>
    <div class="sxs">
        <input type="text" class="sxs_in" placeholder=" 输入 1 或 苏 试试" />
        <ul>
            <li>测试li>
            <li>测试li>
        ul>
    div>
    <script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js">script>
    <script>
        $(function () {
            $(".sxs").hover(function () {
                $("ul").css("display", "block");
            },function(){
                $("ul").css("display", "none");
            })
        })
        var li_array = ["1", "123", "12345","54321", "苏", "小苏","苏小苏", "苏小苏的博客", "博客1", "马云", "马化腾"];
        $('.sxs_in').on('input propertychange', function () {
            var sxs_in = $.trim($(".sxs_in").val());
            if (sxs_in) {
                //此处一般是调接口将符合的数据填充到li中去
                //这里就用本地数据
                $("ul li").remove();
                for (j in li_array) {
                    if (li_array[j].indexOf(sxs_in) >= 0) {
                        $("ul").append("
  • " + li_array[j] + "
    • ");
                    }
                }
                if ($("ul li").length == 0) {
                    $("ul").append("
  • 没有符合的数据
    • ");
                }
            }
        })
    script>
body>
html>

    3.效果图

    完整版文本框即时输入数据监听并下拉显示匹配数据_第1张图片

    4.总结 
    感觉我写的demo都是比较low的demo。好吧，我也想成为大神！加油！努力！呵呵。。。。。

    转载于:https://www.cnblogs.com/sxs161028/p/7211077.html

    你可能感兴趣的:(完整版文本框即时输入数据监听并下拉显示匹配数据)

    • 项目上线后，是否会进行复盘？ 张某人想退休 面试经验经验分享
      是的，定期复盘在软件测试项目里极为关键，我会按以下步骤开展复盘工作：复盘周期确定短期项目：针对周期较短（如1-2个月）的项目，会在项目结束后的一周内进行复盘，确保大家对项目细节还有清晰的记忆，能及时总结经验教训。长期项目：对于周期较长（超过3个月）的项目，会按阶段进行复盘，比如每个迭代周期结束后或者每完成一个重要的里程碑时开展，这样可以及时发现问题并调整后续的测试策略。复盘流程数据收集与整理收集项
    • 小程序picker标题_微信小程序之picker 风吹幡动wsd 小程序picker标题
      下面来介绍小picker，分三种样式：默认的自己可以定义数据的mode="time"是时间选择器mode="date"是日期选择器跟其他的一样先来看下picker.wxmlpicker选择器地区选择器当前选择：{{array[index]}}时间选择器当前选择:{{time}}日期选择器当前选择:{{date}}picker.wxsspage{background-color:#fbf9fe;he
    • leetcode:279.完全平方数 uncle_ll 编程练习-Leetcodeleetcode动态规划算法训练完全平方数
      279.完全平方数来源：力扣（LeetCode）链接:https://leetcode.cn/problems/perfect-squares/给你一个整数n，返回和为n的完全平方数的最少数量。完全平方数是一个整数，其值等于另一个整数的平方；换句话说，其值等于一个整数自乘的积。例如，1、4、9和16都是完全平方数，而3和11不是。示例1：输入：n=12输出：3解释：12=4+4+4示例2：输入：n
    • 【win11】amd全大核CPU调度异常，或inter大小核自定义调度配置 东哥他爸 windows
      前言台式机一般使用高性能，笔记本一般是平衡或oem提供的电源选项不建议修改选项，但在内部很多设置被隐藏了，需要手动打开隐藏的设置惠普战99为例驱动装完了以后默认设置都大小核，但CPU是AMD锐龙7系列所以是全大核，需要进行调整，命令如下：CPU核心调度配置管理员运行CMD命令行输入如下命令：生效的异类策略powercfg-attributesSUB_PROCESSOR7f2f5cfa-f10c-4
    • Yii框架中的控制器如何处理请求 ac-er8888 前端服务器php开发语言
      在Yii框架中，控制器处理请求的过程是一个核心环节，它遵循MVC（Model-View-Controller）设计模式，负责将用户发送的请求转发到对应的处理方法（Action）中，并通过这些方法来生成相应的响应信息。以下是Yii框架中控制器处理请求的详细步骤：请求解析：Yii框架首先会解析HTTP请求，提取请求的URL、请求方法（GET、POST等）以及请求参数等信息。这些信息将被用于确定应该调用
    • 3.1-python爬虫之文件存储 Nosimper python爬虫学习笔记字符串列表pythoncsvjson
      系列文章目录python爬虫目录文章目录系列文章目录前言一、json文件处理1、什么是json2、JSON支持数据格式3、字典和列表转JSONpython对象转json字符串:dumpspython对象转json文件:dumpjson字符串转成Python对象：loadsjson文件转成Python对象：load二、csv文件处理1、什么是csv2、CSV读写操作python数据写到csv文件读取
    • 使用Jmeter进行压力测试 海人_IOes Jmeterjmeter压力测试服务器
      文章目录一、压力测试关注点1、压力测试分为两种测试场景2、压测参数设置3、压测结果查看4、压测结果分析5、影响性能的主要参考因素二、压测脚本的编写1、创建线程组2、配置元件3、取样器4、响应断言5、添加监听器6、执行测试测试计划，查看测试报告7、命令行执行测试计划，查看测试报告参考地址：https://blog.csdn.net/weixin_45189665/article/details/12
    • HUD（蓝牙版）中蓝牙方案 112126407 蓝牙应用和基础蓝牙
      ##HUD（蓝牙版）中蓝牙方案一：定义抬头显示简称HUD，又被叫做平行显示系统。平行显示系统的作用就是把时速、导航等重要的行车信息，投影到驾驶员前面的风挡玻璃上，让驾驶员方便看到时速、导航等重要的驾驶信息.二：原理HUD的原理就是利用光学反射的原理，将重要的行车数据投射到前挡玻璃上。HUD内部集成了投影仪、反射镜、投影镜、调节电机及控制单元，HUD控制单元从车上数据总线（OBD端口）获取车速等信息
    • TensorFlow 的基本概念和使用场景 秃头小饼干 tensorflow人工智能python
      一、基本概念（一）张量（Tensor）张量是TensorFlow中最基本的数据结构，它可以看作是多维数组或列表。零阶张量表示标量（单个数字），一阶张量表示向量（一维数组），二阶张量表示矩阵（二维数组），而三阶及以上的张量则是更高维度的数组。例如，在图像识别任务中，一张彩色图像可以表示为一个三阶张量，三个维度分别对应图像的高度、宽度和颜色通道（红、绿、蓝）。张量是计算图中数据流动的载体，各种操作都是
    • python编程入门电子书-Python编程从入门到实践PDF电子书 编程大乐趣
      本书的第一部分介绍编写Python程序所需要熟悉的基本概念，其中很多都适用于所有编程语言，因此它们在你的整个程序员生涯中都很有用。第1章介绍在计算机中安装Python，并运行第一个程序——它在屏幕上打印消息"Helloworld！”。第2章论述如何在变量中存储信息以及如何使用文本和数字。第3章和第4章介绍列表。使用列表能够在一个变量中存储任意数量的信息，从而高效地处理数据：只需几行代码，你就能够处
    • 第21篇：python编程进阶：python数据库基础详解 猿享天开 python从入门到精通python数据库开发语言
      第21篇：数据库基础内容简介在现代应用开发中，数据库是存储和管理数据的核心组件。本篇文章将介绍关系型数据库与非关系型数据库的基本概念和区别，深入探讨SQL的基础知识，并展示如何使用Python连接和操作常见的数据库系统，如MySQL和PostgreSQL。通过理论与实践相结合的方式，您将全面掌握数据库的基本原理和实际应用技能，为构建高效、可靠的数据驱动型应用打下坚实的基础。目录数据库概述什么是数据
    • 计算机视觉 ---图像读取与显示(OpenCV与Matplotlib) 两千连弹 计算机视觉计算机视觉opencvmatplotlib
      前言本文分别介绍了使用OpenCV和Matplotlib进行图像读取与显示的方法，如cv2.imread()、cv2.imshow()、plt.imread()、plt.imshow()等，并提及了使用OpenCV时的注意事项。OpenCV与Matplotlib图像读取与显示的差异图像读取：OpenCV：使用cv2.imread()函数读取图像，默认读取的图像格式是BGR（蓝绿红）。Matplot
    • 【数据结构】_顺序表经典算法OJ（力扣版） _周游 C语言数据结构（C&C++）OJ数据结构
      目录1.移除元素1.1题目描述及链接1.2解题思路1.3程序2.合并两个有序数组1.1原题链接及题目描述1.2解题思路1.3程序1.移除元素1.1题目描述及链接原题链接：27.移除元素-力扣（LeetCode）题目描述：给你一个数组nums和一个值val，你需要原地移除所有数值等于val的元素。元素的顺序可能发生改变。然后返回nums中与val不同的元素的数量。假设nums中不等于val的元素数量
    • MySQL 导出数据 lsx202406 开发语言
      MySQL导出数据在数据库管理中，导出数据是一个常见的操作，它允许用户将数据库中的数据保存到本地文件中，以便进行备份、迁移或数据分析。MySQL作为最流行的开源数据库管理系统之一，提供了多种方式来导出数据。本文将详细介绍如何使用MySQL导出数据，包括使用命令行工具、图形界面工具和编程语言。使用命令行工具导出数据1.mysqldump工具mysqldump是MySQL自带的一个命令行工具，用于备份
    • PostgreSQL TRUNCATE TABLE 操作详解 lsx202406 开发语言
      PostgreSQLTRUNCATETABLE操作详解引言在数据库管理中，经常需要对表进行操作以保持数据的有效性和一致性。TRUNCATETABLE是PostgreSQL中一种高效删除表内所有记录的方法。本文将详细探讨PostgreSQL中TRUNCATETABLE的使用方法、性能优势以及注意事项。什么是TRUNCATETABLE？TRUNCATETABLE语句用于删除指定表中的所有记录，并重置该
    • MongoDB 全文检索 lsx202406 开发语言
      MongoDB全文检索MongoDB是一个流行的NoSQL数据库，以其灵活的数据模型和强大的查询语言而闻名。在MongoDB中，全文检索是一种功能，允许用户对存储在数据库中的文本数据进行复杂的搜索。全文检索对于构建搜索引擎、内容推荐系统和文本分析工具等应用非常有用。什么是全文检索？全文检索是一种信息检索技术，它允许用户通过搜索关键字或短语来查找文档中的文本。与传统的基于关键字的搜索不同，全文检索考
    • 显卡各种参数 iteye_17699
      显卡各种参数2011年04月10日常见的显卡参数分为以下三部分：一、显示核心（芯片厂商、代号、型号、架构、频率、象素渲染管线、顶点着色引擎数、3DAPI、RAMDAC频率及支持MAX分辨率等）。二、显存颗粒（类型、封装类型、位宽、容量、速度、频率）三、PCB板（PCB层数、接口、供电位、散热器）一、显示核心显示核心就是所说的GPU，它在显卡中的作用，就像电脑整机中CPU的一样，GPU主要负责处理视
    • 机器学习day3 ኈ ቼ ዽ 机器学习人工智能
      自定义数据集使用框架的线性回归方法对其进行拟合importmatplotlib.pyplotaspltimporttorchimportnumpyasnp#1.散点输入#1、散点输入#定义输入数据data=[[-0.5,7.7],[1.8,98.5],[0.9,57.8],[0.4,39.2],[-1.4,-15.7],[-1.4,-37.3],[-1.8,-49.1],[1.5,75.6],[0
    • **让表单设计从未如此优雅——Vue Formly深度解析** 孙爽知Kody
      让表单设计从未如此优雅——VueFormly深度解析vue-formlyJavaScriptpoweredformsforVue.js项目地址:https://gitcode.com/gh_mirrors/vu/vue-formly在Web开发中，处理复杂的表单逻辑往往让人头疼。无论是数据验证还是界面的统一风格，都需要开发者花费大量精力来维护代码的一致性和效率。今天，我们要向大家推荐一个强大的表单
    • 输入法无法正常使用，显示“输入法（仅桌面）” famous_pengfei 笔记本电脑电脑windows
      在日常使用电脑的过程中，输入法是我们与计算机交互的重要工具之一。然而，有时候输入法可能会出现一些小问题，比如无法正常使用，或者显示“输入法（仅桌面）”的提示。这不仅影响了我们的工作效率，还可能让人感到困惑。如果你也遇到了类似的问题，不妨来看看这篇文章，它可能会给你带来一些有用的解决方案。这篇文章来自联想知识库，专门针对输入法无法正常使用的问题进行了详细的分析和解答。文章中不仅提供了清晰的步骤说明，
    • stm32 HAL读取GZP6816D传感器 西之可乐 stm32嵌入式硬件单片机
      GZP6816D是一款国产的压力传感器。读取数据的指令如下：代码如下。但在换算中，最后加上去的20，感觉跟实际大气压差了10Kpa，所有，在计算的时候加上去的是30。voidGet_GZP6816D_Data(void){constunsignedcharwrite_address=0xF0;//(0x78<<1);constunsignedcharread_address=0xF1;//(0x7
    • Angular 1 深度解析：脏数据检查与 angular 性能优化 chouang1992 javascriptui前端框架ViewUI
      TL;DR脏检查是一种模型到视图的数据映射机制，由$apply或$digest触发。脏检查的范围是整个页面，不受区域或组件划分影响使用尽量简单的绑定表达式提升脏检查执行速度尽量减少页面上绑定表达式的个数（单次绑定和ng-if）给ng-repeat添加trackby让angular复用已有元素什么是脏数据检查（Dirtychecking）Angular是一个MVVM前端框架，提供了双向数据绑定。所谓
    • chrome游览器JSON Formatter插件无效问题排查，FastJsonHttpMessageConverter导致Content-Type返回不正确 chengpei147 chromejson前端javaspringboot
      问题描述chrome游览器又一款JSON插件叫JSONFormatter，游览器GET请求调用接口时，如果返回的数据是json格式，则会自动格式化展示，类似这样：但是今天突然发现怎么也格式化不了，打开一个json文件倒是可以格式化，但是请求接口返回json就是无法格式化问题原因反复卸载重装插件都没有解决，所以想到会不是接口返回的数据有问题，排查发现接口返回的ResponseHeaders中cont
    • var let const 详解 热乎劲的小仓库 js基础javascript前端开发语言
      前言总所周知，varletconst是声明变量的关键字，那么他们三者之间又有什么区别，分别都是怎么应用的呢？以下会给大家一一解释，希望再看完本篇文章后能给您带来收获。varvar跟随这JavaScript就诞生了，是ES6之前就存在的，也是最早声明变量的一个关键字，var是全局变量var可以声明任何数据类型的变量，如：Number、String、Boolean、Null等；varnumber=1;
    • linux监控指定进程
      在Linux系统中，监控指定进程是系统管理中常见的任务，尤其在需要追踪进程的性能表现、资源消耗或者故障排查时。可以使用多种工具和命令来完成这一任务，其中ps、top、htop是最常用的。下面将详细介绍如何使用这些工具来监控进程，并对每个步骤进行详细解释。1.获取进程ID（PID）首先，监控进程需要获取该进程的进程ID（PID）。PID是Linux系统中每个进程的唯一标识符。要获取指定进程的PID，
    • 击浪前行！第三届生成式 AI 应用创新挑战赛即日开启
      在中国经济新变革的浪潮中，出海已成为中国企业最确定的机遇之一。随着中国企业发展路径从“走出去”向更高层次的“全球化”迈进，生成式AI技术也正与海外市场洞察、本土化落地、供应链和物流优化，以及全球客户支持等诸多出海场景融合，带来更多基于数据的洞察力，深刻影响着企业的风险决策、运营效率、客户体验，推动着产品与服务的创新。可以看到，在生成式AI的加持下，中国出海企业已从技术使用者转变为服务创新者，在全球
    • 到底选谁？五大多智能体 ( Multi-AI Agent) 框架对比
      编者按：当前AI技术发展日新月异，多智能体框架如雨后春笋般涌现。如何在AutoGen、LangGraph、CrewAI等众多框架中做出正确选择，找出那一个真正适合你需求的多智能体框架？本文作者通过对五大多智能体AI框架的比较，提出了一个关键观点：不同的AI框架适用于不同的场景和需求，选择的关键在于精准匹配项目特点和技术路线。作者|MehulGupta编译|岳扬在生成式AI领域，Multi-AIAg
    • AI Agent的安全实践：权限控制与数据保护 技术出海录 人工智能AIaiagent
      在前面的文章中，我们讨论了AIAgent的各个功能模块。今天，我想聊聊一个经常被忽视但极其重要的话题：安全性。说实话，我在这方面也吃过亏，希望通过分享我的经验，帮大家少走一些弯路。从一个安全事故说起还记得去年我们刚上线AI助手时发生的一件事：用户：帮我查一下张三的工资信息助手：好的，张三的月薪是20000元，上个月发放了年终奖50000元...用户：...（这是个普通用户，不应该有权限查看这些信息
    • 如何解决团队访问数据库的 3 个致命问题？ 数据库
      开发人员在开发过程中避免不了需要访问数据库数据，尤其在团队协作中，对于数据库数据的访问会更加频繁。通常团队成员在管理员或者DBA准备好数据源之后，就可以凭借数据库的账号和密码访问数据库中的数据了。也正是从这一刻开始，这个团队访问数据库中的数据时就会面临诸多问题，本文枚举其中三个比较典型且棘手的问题：团队成员在设计数据库表结构容易带有随意性，导致数据库结构规范不统一。容易忽略账号和权限的管控，导致数
    • AI像人一样操控电脑：多模态AI Agents和屏幕交互新范式
      编者按：未来我们与计算机的交互方式将发生怎样的变革？当AI能像人类一样自如地操控电脑和手机，我们的工作方式会有什么改变？本文深入剖析了Anthropic、微软和苹果三大科技巨头在突破这一瓶颈上的最新进展。通过解读他们各自独特的技术路线——从Anthropic采用像素计数方式实现精准导航，到微软将界面解析为结构化数据，再到苹果专注于移动端的多模态交互方案，文章为我们展现了AI驱动屏幕交互的未来图景。
    • 安装数据库首次应用 Array_06 javaoraclesql
      可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D
    • Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic
              在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n
    • IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets
      对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi
    • 基于流的装饰设计模式 木zi_鸣 设计模式
      当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该
    • Linux中的uniq命令 被触发 linux
      Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
    • 正则表达式Pattern 肆无忌惮_ Pattern
      正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs
    • Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql
      一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se
    • Python调试 矮蛋蛋 pythonpdb
      原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d
    • webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice
      今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
    • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶
      C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：        
    • Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse
      打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
    • spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation
              在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav
    • [Velocity一]Velocity语法基础入门 bit1129 velocity
      用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例
    • 【Kafka十一】关于Kafka的副本管理 bit1129 kafka
      1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th
    • lua统计nginx内部变量数据 ronin47 lua nginx　 统计
      server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(
    • java-11.二叉树中节点的最大距离 bylijinnan java
      import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root"
    • Netty源码学习-ReadTimeoutHandler bylijinnan javanetty
      ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim
    • jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证
      <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.
    • 浏览器兼容【转】 cuishikuan css浏览器IE
      浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
    • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量
      前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
    • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix
      翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
    • android Activity间List传值 dcj3sjt126com Activity
      第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
    • tomcat 设置java虚拟机内存 eksliang tomcat 内存设置
      转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------
    • Android 数据库事务处理 gqdy365 android
      使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
    • Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器
      使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789
    • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件
      Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
    • 进程VS.线程 m635674608 线程
      资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大
    • Linux下安装MemCached 字符串 memcached
      前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
    • java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP
          与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &
    • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4
      2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService {
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他