人间小美味695
人间小美味695

jQuery版本百度建议

目录

        • 内容介绍
        • 一、直接上代码
        • 二、效果演示

内容介绍

  两年前的demo，没存货了发一下，支持上下方向键选择，iframe嵌入百度搜索页面。

一、直接上代码


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>百度建议title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">script>
    <style>
        * {
      
            margin: 0;
            padding: 0;
        }
        
        .search-wp {
      
            width: 500px;
            margin: 50px auto;
        }
        
        .search-wp>.search-common>input,
        button {
      
            width: 80%;
            height: 40px;
            outline: none;
            line-height: 40px;
            box-sizing: border-box;
            float: left;
        }
        
        .search-wp button {
      
            width: 20%;
            border: 0px;
            background: skyblue;
            border-radius: 0px 5px 5px 0px;
        }
        
        .search-wp>.search-common::after {
      
            content: '';
            clear: both;
            display: block
        }
        
        .search-wp>.search-content {
      
            width: 80%;
            box-sizing: border-box;
            border: 1px solid #ccc;
            display: none;
        }
        
        .search-wp>.search-content li {
      
            list-style: none;
            height: 35px;
            line-height: 35px;
            border: 1px solid #ccc;
        }
        
        .search-wp>.search-content li.on {
      
            background-color: darkslateblue
        }
        
        .web-wp {
      
            width: 100%;
            display: flex;
            justify-content: center;
        }
        
        iframe {
      
            width: 800px;
            height: 500px;
            border: 1px solid blue;
            position: absolute;
            top: 200px;
        }
    style>
head>

<body>
    <div class="search-wp">
        <div class="search-common">
            <input type="text" placeholder="请输入搜索内容">
            <button>开始 搜索button>
        div>
        <div class="search-content">
            <ul>
            ul>
        div>
    div>
    <div class="web-wp">
        <iframe src="" frameborder="0" scrolling="no">iframe>
    div>
    <script>
        // 百度建议：

        $('.search-wp input[type=text]').on('keyup', ongetContnetEvent)
            // input输入框绑定键盘事件ongetContentEvent
        function ongetContnetEvent(e) {
      

            let val = $(this).val();
            // 获取input框中的值
            if (val == '') {
      
                $('.search-wp .search-content').hide()
                return
                // 如果input框中无值，content中的搜索内容不显示
            }
            // 点击回车按钮进行跳转，提取class为on值的li标签内容，作为location.href值
            if (e.keyCode == 13) {
      
                let val = $('.search-wp ul li.on').html()
                    // location.href = `https://www.baidu.com/s?wd=${val}`
                let iframeHref = `https://www.baidu.com/s?wd=${
        val}`
                if (!iframeHref) {
      
                    $('iframe').attr('src', 'https://www.baidu.com')
                } else {
      
                    $('iframe').attr('src', iframeHref)
                }

            }

            if (e.keyCode == 38 || e.keyCode == 40) {
      
                let index = $('.search-wp ul li.on').index()
                    // 获取class值为on的索引值
                if (e.keyCode == 38) {
      
                    --index
                    // 点击向上方向键时，索引值减小
                } else {
      
                    index = ++index % $('.search-wp ul li').length;

                }
                $('.search-wp ul li')
                    .eq(index).addClass('on')
                    .siblings('.on')
                    .removeClass('on');
                // 对应索引值的li添加on值，同级元素中有on值的删除class
                $('.search-wp input').val($('.search-wp ul li.on').html())
                    // 将class值为on的文本添加至input框
                return
            }
            getData(val)
        }

        function getData(val) {
      
            $.get("https://www.baidu.com/sugrec?cb=?", {
      
                    prod: 'pc',
                    wd: val
                },
                function(res) {
      
                    if (!Object.keys(res).length)
                    // 返回值response中无内容的，直接返回
                        return
                    res.g = res.g || [];
                    console.log(res.g)
                        // res.g有内容的使用原内容，无内容的赋值空数组，防止传值报错
                    $('.search-wp ul')
                        .html(renderSearchList(res.g))
                        .parent()
                        .slideDown()
                        // 将渲染值动态添加至ul中，其父级.search-content及内容显示
                },
                "json")
        }

        function renderSearchList(data) {
      

            if (data.length === 0) {
      
                return ('
  • 查询无结果
    • '    )
            } else {
      
                return data.map((item, index) => {
      
                    return `
  • ${
        index==0?'on':''}">${
        item.q}
    • `    
                }).join('')
            }
            // res.g传参，无内容的显示“无查询结果”，有内容的将数组中的每项值遍历转为字符串
        }
        script>
	<script>
        console.log("%c ", 'margin-left:0px;padding:100px 100px;background-image: url("https://liujianwei695.gitee.io/minifile/images/officialAccount.jpg");background-size: 200px 200px;background-position: center;background-repeat: no-repeat;');
    script>
body>

html>

    二、效果演示

    jQuery版本百度建议_第1张图片
    点击进入：百度建议演示地址

    只作为单一测试demo，不做后续补充，有兴趣的小伙伴可粘贴代码自行完善。

    标签：jQuery，HTML，百度建议，&

    更多演示案例，查看 案例演示

    欢迎评论留言!

    你可能感兴趣的:(jQuery,other,JavaScript,jquery,html,百度,javascript)

    • 如何将json格式转换为dataframe格式 若木胡 json
      介绍欢迎关注我的公众号《若木的解忧杂货铺》json格式JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，它基于JavaScript语言的一个子集，但同时独立于任何编程语言。JSON格式易于人类阅读和编写，同时也易于机器解析和生成，这使得它成为理想的数据交换语言。JSON的基本格式JSON格式主要包括数值、字符串、数组、对象、对象数组和数组对象这几种类型。以下是
    • TypeScript中的可选参数与默认参数 t0_54manong typescriptubuntujavascript个人开发
      在JavaScript中，函数的参数默认都是可选的，即使在定义函数时没有明确指出。而在TypeScript中，为了保证类型安全，函数的参数默认是必需的。不过，TypeScript也提供了可选参数和默认参数的功能，这使得函数的使用更加灵活。本文将详细介绍TypeScript中可选参数和默认参数的使用方法，并通过实例进行说明。可选参数在TypeScript中，可以通过在参数名后添加?来声明一个可选参数
    • 【前端异常】JavaScript错误处理：分析 Uncaught (in promise) error egzosn 前端javascript开发语言ecmascript
      在前端开发中，JavaScript异常是不可避免的。随着现代前端应用越来越多地使用异步操作(如Promise、async/await等)，开发者常常会遇到Uncaught(inpromise)error错误。这个错误是由于未正确处理Promise的拒绝(rejection)而导致的，常常出现在异步操作失败的情况下。如果不妥善处理，可能会导致应用的不稳定和用户体验的下降。本文将深入分析Uncaugh
    • 【前端异常】JavaScript错误处理：分析 Uncaught (in promise) error egzosn 前端javascript开发语言ecmascript
      在前端开发中，JavaScript异常是不可避免的。随着现代前端应用越来越多地使用异步操作(如Promise、async/await等)，开发者常常会遇到Uncaught(inpromise)error错误。这个错误是由于未正确处理Promise的拒绝(rejection)而导致的，常常出现在异步操作失败的情况下。如果不妥善处理，可能会导致应用的不稳定和用户体验的下降。本文将深入分析Uncaugh
    • k8s中使用MySQL共享存储_k8s使用NFS做动态存储做mysql容器主从同步 罗-Moline k8s中使用MySQL共享存储
      k8s里面存储一直是比较难搞得，之前做的静态存储，写这篇文档记录一下动态存储创建的过程。使用动态存储的好处是开发者可以更关注自己的开发环境，不用关心后端的资源，还有就是更换存储类型不用做大的改变，只需切换一下storageclassName即可。根据这篇博客来的！谢谢博主！！！https://www.cnblogs.com/00986014w/p/9406962.html我把大致上思路分成三步：1
    • 华为单臂路由配置实例 青衫木马牛 华为
      单臂路由实验原理：是指在路由器的一个接口上通过配置子接口（并不存在的物理接口)的方式，实现原来相互隔离的不同VLAN之间的互联互通。路由器的物理接口可以被划分成多个逻辑接口，这些被划分后的逻辑接口被形象的称为子接口。值得注意的是这些逻辑子接口不能被单独的开启或关闭，也就是说，当物理接口被开启或关闭时，所有的该接口的子接口也随之被开启或关闭。（百度的）------------------------
    • 大模型GUI系列论文阅读 DAY2续2：《使用指令微调基础模型的多模态网页导航》 feifeikon 论文阅读
      摘要自主网页导航的进展一直受到以下因素的阻碍：依赖于数十亿次的探索性交互（通常采用在线强化学习），依赖于特定领域的模型设计，难以利用丰富的跨领域数据进行泛化。在本研究中，我们探讨了基于视觉-语言基础模型的数据驱动离线训练方法，以改进网页代理的性能。我们提出了一种名为WebGUM的指令跟随多模态代理，该代理能够同时观察网页截图和HTML页面，并输出网页导航操作，例如点击和输入文本等。WebGUM通过
    • HTML常用标签 王磊鑫 html前端css
      一.标题标签-1.HTML提供了6个等级的网页标题-二.段落和换行标签2.标签用于定义段落，它可以将整个网页分为若干个段落。特点：1）文本在一个段落中会根据浏览器窗口的大小自动换行。2）段落和段落之间保有空隙。3.换行标签，将某段文本强制换行显示。三、文本格式化标签1）加粗或者2)倾斜或者3)删除线或者4)下划线或者四、特殊标签1）和标签是没有语义的，它们就是一个盒子，用来装内容的。2）标签用来布
    • 爬取电影天堂 越哥的女人
      爬取每部电影的详细信息分析每页的url，可以得到规律是：第t页的url为：http://dytt8.net/html/gndy/dyzz/list_23_t.html于是可以先分析第一页，然后对页数进循环，就可得到所有最新电影的详细信息。fromlxmlimportetreeheaders={"User-Agent":"Mozilla/5.0(WindowsNT6.1;Win64;x64)Appl
    • 【亲测有效】win10企业版远程桌面MSTSC丢失找不到的方法， 三好学生～张旺 教程远程桌面丢失
      win10企业版由于不知道什么原因找不到远程桌面，然后在百度上各种查找，没找到有效的方法，所以今天把自己的解决方法分享出来；找一台同事的win10电脑在C/window/System把mstsc.exe和mstscax.dll这两个文件拷贝到你的电脑里，然后运行mstsc，这时候应该可以正常打开了，如果此时报提示找不到…什么的错误的话，就把C/window/System/zh-CN这个文件夹也复制
    • python爬取电影天堂beautiful_Python爬虫 -- 抓取电影天堂8分以上电影 carafqy
      看了几天的python语法，还是应该写个东西练练手。刚好假期里面看电影，找不到很好的影片，于是有个想法，何不搞个爬虫把电影天堂里面8分以上的电影爬出来。做完花了两三个小时，撸了这么一个程序。反正蛮简单的，思路和之前用nodejs写爬虫一样。爬虫的入口从分页的列表开始，比如美剧的列表第一页地址这样：http://www.ygdy8.net/html/gndy/oumei/list_7_1.html，
    • 用 Java 发送 HTML 内容并带附件的电子邮件 五行星辰 业务系统应用技术javahtml
      实现思路首先，设置邮件服务器的相关属性，包括是否需要认证、使用的邮件协议、服务器地址、端口等。创建一个会话对象，使用Session.getInstance方法，并提供邮件服务器的属性和认证信息。创建一个MimeMessage对象作为邮件消息，设置发件人、收件人、邮件主题等信息。为了发送HTML内容，使用setContent方法并指定内容类型为text/html。对于附件，创建一个MimeMulti
    • Mathtype使用记录 白粥行 软件工具Mathtype
      1、把大括号中的公式左对齐https://jingyan.baidu.com/article/86fae346d436053c48121a50.html2、加粗字符https://www.mathtype.cn/jiqiao/mathtype-wjsjc.html3、修改公式编号todo4、插入省略号https://office.tqzw.net.cn/office/mathtype/21827.
    • 搭建vue项目 LYy0 vue.js前端javascript
      一、VueVue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。二、环境1.nodejs环境:下载地址三、创建Vue应用创建的项目将使用基于Vite的构建设置，并允许我们使用Vue的单文件组件(SFC)。$npmcreatevue@l
    • 【YashanDB知识库】非YCM方式的自动备份方案示例 数据库
      本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281310.html?templateId=171...概述如果有YCM，推荐使用YCM自动备份，详情请参考YCM官方文档。但是如果没有YCM，则可通过crontab实现自动备份。目前示例的自动备份方案是每周的周3、周6的凌晨0点做全量备份；每天的凌晨2点做增量备份；每天的凌晨4点
    • html两级地区选择级联,index.html · RockYang/JAreaSelect-js省市区级联选择插件 - Gitee.com... 猫咪兔兔 html两级地区选择级联
      地区选择插件.form-control{margin-right:5px;}传统表单selectUI样式获取地址仿京东UI样式选择区域vararea=$("#area-select-box").JAreaSelect({prov:1,city:72,dist:2839,level:3});$(".btn-success").on('click',function(){$(this).text(ar
    • 如何使用 Emmet 快捷方式提高开发效率 木觞清 javascripthtml5css3
      前端开发是一个高度依赖效率的领域，开发者们常常需要处理大量的HTML和CSS代码。为了解决重复工作和提高开发效率，Emmet快捷方式应运而生。Emmet作为一款强大的前端工具，能够通过简化的快捷命令快速生成HTML和CSS结构，极大地提升了开发者的编码速度。本文将介绍如何在日常开发中使用Emmet，帮助你节省宝贵的时间。什么是Emmet快捷方式？Emmet是一款广泛应用于前端开发的插件，它通过一系
    • freebsd12 安装gnome3图形界面 sayang_shao FreeBSDFreeBSD12gnome3freebsd12
      1、准备工作注：由于我是在实体机上做的所以没有提供截图。也可以访问官方文档进行安装：https://www.freebsd.org/doc/en_US.ISO8859-1/books/handbook/x11-wm.html已经安装完Freebsd12系统可以联网2、开始安装pkg更新#pkgupdate安装显卡驱动（本机为intel）#pkginstallxf86-video-intel开启li
    • vue - 实现省市区的级联选择 紫菀檀ss vuejsjavascriptvue.js
        最近要实现一个省市区级联选择效果，省市区的数据都是使用的本地数据，实现起来逻辑会有一点复杂，我在这里列举PC端的总结分享一下，移动端的代码也是差不多的，除了html之外，其它的可以复制根据需求使用即可。希望对大家有所帮助。一、效果图  PC端的效果图：  移动端的效果图：二、实现逻辑  我这里的实现逻辑是先通过省份来获取城市，然后通过城市来获取区县，街道因为不是固定的，所以让用户自己输入。获取
    • JavaScript高级学习：ES6新特性07——数组在ES6中的使用 北凉冬 JavaScriptjavascriptes6
      提示：本文为JavaScript栏目：JavaScript高级系列——ES6新特性章节第七章JavaScript高级学习：ES6新特性07——数组在ES6中的使用前言数组在ES6中的使用求数组的最大值ES5的方式求数组最大值ES6的方式使用数组扩展运算符求最大值ES6扩展运算符的使用扩展运算符传参扩展运算符操作伪数组复制数组传统复制数组ES6中使用扩展运算符复制数组ES5中复制数组合并数组ES6方
    • uniapp或小程序使用jsencrypt 钢铁熊猫33 小程序前端uniapp小程序jsencryptrsa
      uniapp或小程序使用报错jsencrypt.js使用了window对象，app、小程序中没有窗口对象的环境解决办法在jsencrypt.js文件插入以下代码varnavigator2={appName:'Netscape',userAgent:'Mozilla/5.0(iPhone;CPUiPhoneOS9_1likeMacOSX)AppleWebKit/601.1.46(KHTML,like
    • Element-plus封装表格Validate 努力搬砖的宣 vue.js前端javascriptelementui
      Element-plus实现表格内的表单验证：useAttrValidateHook在Vue.js项目中，表单验证是一个常见的需求，尤其在处理复杂表格编辑场景时。本文将详细介绍一个基于Vue3的自定义Hook——useAttrValidate，它提供了一种便捷的方式来处理表格组件中的字段校验。效果如下：1.导入与初始化Javascriptimport{reactive,nextTick}from"
    • uniapp小程序项目从0到1开发 扶园 uni-app小程序
      一、在HBuilderX新建项目,然后可以先把可能用到的文件夹建好二、引入UI框架,根据npm方式配置文档uView2地址:https://uviewui.com/components/install.htmlcmd执行[email protected]引入并使用uView的JS库，注意这两行要放在importVue之后。//main.jsimportuViewfrom"uview
    • 前端——Html+CSS 逆风局？ css前端html5
      目录CSS引入方式颜色表达方式CSS选择器去掉超链接的下划线路径表示行高和首行缩进常见标签布局标签flex布局表单标签表单项标签改变鼠标指针的样式表格标签div{box-sizing:border-box;}CSS引入方式具体有3种引入方式，语法如下表格所示：名称语法描述示例行内样式在标签内使用style属性，属性值是css属性键值对。中国新闻网内部样式定义标签，在标签内部定义css样式。h1{.
    • 掌握 JavaScript：从基础到高级，全面提升编程技能 跟着小郑学前端 javascript开发语言ecmascript
      JavaScript是一种广泛应用于网页开发的编程语言，它使网页具有动态交互的能力。作为Web开发的核心技术之一，掌握JavaScript基础是每位开发者的必备技能。本文将介绍JavaScript的基础知识，包括数据类型、运算符、控制结构、函数等内容，并通过代码示例帮助大家理解。1.JavaScript数据类型JavaScript主要有以下几种数据类型：数据类型描述示例String字符串类型，用于
    • 2024实力进阶：百度智能云千帆AppBuilder年度盘点
      2024，AI浪潮奔涌，百度智能云千帆AppBuilder持续升级，以AI原生之力，革新企业级大模型应用开发范式，重塑行业生态！企业级RAG实现重大突破，支持无限存储，高并发秒速响应，且能实现随业务弹性扩缩容。此外RAG支持一键联网，无缝连接百度搜索、文库、百科等全网最新资源，资讯获取实时更新，全面且精准。多语言RAG为企业开拓全球市场保驾护航；强图表解析功能让报告与报表分析更精准高效。企业级Ag
    • 【YashanDB知识库】YCM数据库托管遇到的问题 数据库
      本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281308.html?templateId=171...YCM托管了集群，现在显示数据库处于故障状态，按照告警项建议检查实例的状态是正常运行的问题现象：查看dba\_users视图发现yasom用户不存在。问题原因：YCM运维工具是通过yasdb中的yasom用户进行数据库管理的，
    • python把列表插入列表 Zoert
      python相关学习资料：https://edu.51cto.com/video/4102.htmlhttps://edu.51cto.com/video/1158.htmlhttps://edu.51cto.com/video/4645.htmlPython中列表的嵌套与操作在Python编程中，列表（List）是一种非常重要的数据结构，它不仅可以存储数据，还可以进行各种操作，如插入、删除、排序
    • ssm基于HTML5的红酒信息分享系统 Q_2743785109 计算机毕业设计html5前端html
      SSM基于HTML5的红酒信息分享系统是一个专注于红酒领域的综合性信息平台，旨在为红酒爱好者、从业者以及普通消费者提供一个便捷的交流与获取红酒相关信息的空间。一、系统背景与意义随着人们生活水平的提高和消费观念的转变，红酒作为一种高雅的饮品，越来越受到消费者的青睐。然而，红酒市场的信息不对称和消费者缺乏专业知识等问题限制了红酒文化的传播和消费者的购买决策。因此，开发一个基于SSM框架和HTML5技术
    • JavaScript系列（32）-- WebAssembly集成详解 陳沉辰陈 JavaScriptjavascriptwasmudp
      JavaScriptWebAssembly集成详解今天，让我们深入了解JavaScript与WebAssembly的集成，这是一项能够显著提升Web应用性能的关键技术。WebAssembly基础概念小知识：WebAssembly（简称Wasm）是一种低级的类汇编语言，它具有紧凑的二进制格式，能够以接近原生的速度运行。它被设计为可以和JavaScript一起协同工作，为Web应用提供高性能计算能力。
    • 辗转相处求最大公约数 沐刃青蛟 C++漏洞
      无言面对”江东父老“了，接触编程一年了，今天发现还不会辗转相除法求最大公约数。惭愧惭愧！   为此，总结一下以方便日后忘了好查找。   1.输入要比较的两个数a,b   忽略：2.比较大小（因为后面要的是大的数对小的数做%操作）   3.辗转相除（用循环不停的取余，如a%b,直至b=0）   4.最后的a为两数的最大公约数 &
    • F5负载均衡会话保持技术及原理技术白皮书 bijian1013 F5负载均衡
      一.什么是会话保持？        在大多数电子商务的应用系统或者需要进行用户身份认证的在线系统中，一个客户与服务器经常经过好几次的交互过程才能完成一笔交易或者是一个请求的完成。由于这几次交互过程是密切相关的，服务器在进行这些交互过程的某一个交互步骤时，往往需要了解上一次交互过程的处理结果，或者上几步的交互过程结果，服务器进行下
    • Object.equals方法：重载还是覆盖 Cwind javagenericsoverrideoverload
      本文译自StackOverflow上对此问题的讨论。 原问题链接   在阅读Joshua Bloch的《Effective Java（第二版）》第8条“覆盖equals时请遵守通用约定”时对如下论述有疑问： “不要将equals声明中的Object对象替换为其他的类型。程序员编写出下面这样的equals方法并不鲜见，这会使程序员花上数个小时都搞不清它为什么不能正常工作：” pu
    • 初始线程 15700786134
            暑假学习的第一课是讲线程，任务是是界面上的一条线运动起来。            既然是在界面上，那必定得先有一个界面，所以第一步就是，自己的类继承JAVA中的JFrame，在新建的类中写一个界面，代码如下： public class ShapeFr
    • Linux的tcpdump 被触发 tcpdump
      用简单的话来定义tcpdump，就是：dump the traffic on a network，根据使用者的定义对网络上的数据包进行截获的包分析工具。 tcpdump可以将网络中传送的数据包的“头”完全截获下来提供分析。它支 持针对网络层、协议、主机、网络或端口的过滤，并提供and、or、not等逻辑语句来帮助你去掉无用的信息。 实用命令实例 默认启动 tcpdump 普通情况下，直
    • 安卓程序listview优化后还是卡顿 肆无忌惮_ ListView
      最近用eclipse开发一个安卓app，listview使用baseadapter，里面有一个ImageView和两个TextView。使用了Holder内部类进行优化了还是很卡顿。后来发现是图片资源的问题。把一张分辨率高的图片放在了drawable-mdpi文件夹下，当我在每个item中显示，他都要进行缩放，导致很卡顿。解决办法是把这个高分辨率图片放到drawable-xxhdpi下。 &nb
    • 扩展easyUI tab控件，添加加载遮罩效果 知了ing jquery
      (function () { $.extend($.fn.tabs.methods, { //显示遮罩 loading: function (jq, msg) { return jq.each(function () { var panel = $(this).tabs(&
    • gradle上传jar到nexus 矮蛋蛋 gradle
      原文地址： https://docs.gradle.org/current/userguide/maven_plugin.html configurations {     deployerJars } dependencies {     deployerJars "org.apache.maven.wagon
    • 千万条数据外网导入数据库的解决方案。 alleni123 sqlmysql
      从某网上爬了数千万的数据，存在文本中。 然后要导入mysql数据库。 悲剧的是数据库和我存数据的服务器不在一个内网里面。。 ping了一下， 19ms的延迟。 于是下面的代码是没用的。 ps = con.prepareStatement(sql); ps.setString(1, info.getYear())............; ps.exec
    • JAVA IO InputStreamReader和OutputStreamReader 百合不是茶 JAVA.io操作 字符流
      这是第三篇关于java.io的文章了，从开始对io的不了解-->熟悉--->模糊，是这几天来对文件操作中最大的感受，本来自己认为的熟悉了的，刚刚在回想起前面学的好像又不是很清晰了，模糊对我现在或许是最好的鼓励 我会更加的去学 加油！： JAVA的API提供了另外一种数据保存途径，使用字符流来保存的，字符流只能保存字符形式的流   字节流和字符的难点：a,怎么将读到的数据
    • MO、MT解读 bijian1013 GSM
      MO= Mobile originate，上行，即用户上发给SP的信息。MT= Mobile Terminate，下行，即SP端下发给用户的信息； 上行:mo提交短信到短信中心下行:mt短信中心向特定的用户转发短信，你的短信是这样的，你所提交的短信，投递的地址是短信中心。短信中心收到你的短信后，存储转发，转发的时候就会根据你填写的接收方号码寻找路由，下发。在彩信领域是一样的道理。下行业务：由SP
    • 五个JavaScript基础问题 bijian1013 JavaScriptcallapplythisHoisting
      下面是五个关于前端相关的基础问题，但却很能体现JavaScript的基本功底。 问题1：Scope作用范围 考虑下面的代码：  (function() { var a = b = 5; })(); console.log(b); 什么会被打印在控制台上？  回答：         上面的代码会打印 5。 &nbs
    • 【Thrift二】Thrift Hello World bit1129 Hello world
      本篇，不考虑细节问题和为什么，先照葫芦画瓢写一个Thrift版本的Hello World，了解Thrift RPC服务开发的基本流程   1. 在Intellij中创建一个Maven模块，加入对Thrift的依赖，同时还要加上slf4j依赖，如果不加slf4j依赖，在后面启动Thrift Server时会报错 <dependency>
    • 【Avro一】Avro入门 bit1129 入门
      本文的目的主要是总结下基于Avro Schema代码生成，然后进行序列化和反序列化开发的基本流程。需要指出的是，Avro并不要求一定得根据Schema文件生成代码，这对于动态类型语言很有用。   1. 添加Maven依赖   <?xml version="1.0" encoding="UTF-8"?> <proj
    • 安装nginx+ngx_lua支持WAF防护功能 ronin47
      需要的软件:LuaJIT-2.0.0.tar.gz                   nginx-1.4.4.tar.gz          &nb
    • java-5.查找最小的K个元素-使用最大堆 bylijinnan java
      import java.util.Arrays; import java.util.Random; public class MinKElement { /** * 5.最小的K个元素 * I would like to use MaxHeap. * using QuickSort is also OK */ public static void
    • TCP的TIME-WAIT bylijinnan socket
      原文连接： http://vincent.bernat.im/en/blog/2014-tcp-time-wait-state-linux.html 以下为对原文的阅读笔记 说明： 主动关闭的一方称为local end，被动关闭的一方称为remote end 本地IP、本地端口、远端IP、远端端口这一“四元组”称为quadruplet，也称为socket 1、TIME_WA
    • jquery ajax 序列化表单 coder_xpf Jquery ajax 序列化
         checkbox 如果不设定值，默认选中值为on；设定值之后，选中则为设定的值   <input type="checkbox" name="favor" id="favor" checked="checked"/> $("#favor&quo
    • Apache集群乱码和最高并发控制 cuisuqiang apachetomcat并发集群乱码
      都知道如果使用Http访问，那么在Connector中增加URIEncoding即可，其实使用AJP时也一样，增加useBodyEncodingForURI和URIEncoding即可。 最大连接数也是一样的，增加maxThreads属性即可，如下，配置如下： <Connector maxThreads="300" port="8019" prot
    • websocket dalan_123 websocket
      一、低延迟的客户端-服务器 和 服务器-客户端的连接 很多时候所谓的http的请求、响应的模式，都是客户端加载一个网页，直到用户在进行下一次点击的时候，什么都不会发生。并且所有的http的通信都是客户端控制的，这时候就需要用户的互动或定期轮训的，以便从服务器端加载新的数据。   通常采用的技术比如推送和comet（使用http长连接、无需安装浏览器安装插件的两种方式：基于ajax的长
    • 菜鸟分析网络执法官 dcj3sjt126com 网络
        最近在论坛上看到很多贴子在讨论网络执法官的问题。菜鸟我正好知道这回事情.人道"人之患好为人师" 手里忍不住,就写点东西吧. 我也很忙.又没有MM,又没有MONEY....晕倒有点跑题. OK,闲话少说,切如正题. 要了解网络执法官的原理. 就要先了解局域网的通信的原理. 前面我们看到了.在以太网上传输的都是具有以太网头的数据包. 
    • Android相对布局属性全集 dcj3sjt126com android
      RelativeLayout布局android:layout_marginTop="25dip" //顶部距离android:gravity="left" //空间布局位置android:layout_marginLeft="15dip //距离左边距 // 相对于给定ID控件android:layout_above 将该控件的底部置于给定ID的
    • Tomcat内存设置详解 eksliang jvmtomcattomcat内存设置
      Java内存溢出详解   一、常见的Java内存溢出有以下三种：   1. java.lang.OutOfMemoryError: Java heap space ----JVM Heap（堆）溢出JVM在启动的时候会自动设置JVM Heap的值，其初始空间(即-Xms)是物理内存的1/64，最大空间(-Xmx)不可超过物理内存。 可以利用JVM提
    • Java6 JVM参数选项 greatwqs javaHotSpotjvmjvm参数JVM Options
      Java 6 JVM参数选项大全（中文版）   作者：Ken Wu Email: [email protected] 转载本文档请注明原文链接 http://kenwublog.com/docs/java6-jvm-options-chinese-edition.htm！   本文是基于最新的SUN官方文档Java SE 6 Hotspot VM Opt
    • weblogic创建JMC i5land weblogicjms
      进入 weblogic控制太 1.创建持久化存储 --Services--Persistant Stores--new--Create FileStores--name随便起--target默认--Directory写入在本机建立的文件夹的路径--ok 2.创建JMS服务器 --Services--Messaging--JMS Servers--new--name随便起--Pers
    • 基于 DHT 网络的磁力链接和BT种子的搜索引擎架构 justjavac DHT
      上周开发了一个磁力链接和 BT 种子的搜索引擎 {Magnet & Torrent}，本文简单介绍一下主要的系统功能和用到的技术。 系统包括几个独立的部分： 使用 Python 的 Scrapy 框架开发的网络爬虫，用来爬取磁力链接和种子； 使用 PHP CI 框架开发的简易网站； 搜索引擎目前直接使用的 MySQL，将来可以考虑使
    • sql添加、删除表中的列 macroli sql
      添加没有默认值：alter table Test add BazaarType char(1) 有默认值的添加列：alter table Test add BazaarType char(1) default(0) 删除没有默认值的列：alter table Test drop COLUMN BazaarType 删除有默认值的列：先删除约束（默认值）alter table Test DRO
    • PHP中二维数组的排序方法 abc123456789cba 排序二维数组PHP
      <?php/*** @package     BugFree* @version     $Id: FunctionsMain.inc.php,v 1.32 2005/09/24 11:38:37 wwccss Exp $*** Sort an two-dimension array by some level
    • hive优化之------控制hive任务中的map数和reduce数 superlxw1234 hivehive优化
      一、    控制hive任务中的map数: 1.    通常情况下，作业会通过input的目录产生一个或者多个map任务。 主要的决定因素有： input的文件总个数，input的文件大小，集群设置的文件块大小(目前为128M, 可在hive中通过set dfs.block.size;命令查看到，该参数不能自定义修改)；2. 
    • Spring Boot 1.2.4 发布 wiselyman spring boot
      Spring Boot 1.2.4已于6.4日发布，repo.spring.io and Maven Central可以下载(推荐使用maven或者gradle构建下载)。   这是一个维护版本，包含了一些修复small number of fixes,建议所有的用户升级。   Spring Boot 1.3的第一个里程碑版本将在几天后发布，包含许多
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他