cuisuqiang
cuisuqiang

基于JQuery和DWR的自动补全

后台我用DWR进行异步数据传递：

代码很简单，就是返回一个数组，如果需求不同可以自己修改：

package org.dwr.re;
/**
 * 测试 返回数组
 * @author 崔素强
 */
public class BackArray {
	public String[] backArr() {
		String[] arr = new String[] { "坚持", "就是", "胜利" };
		return arr;
	}
}

 

前台记得导入DWR的JS，和JQuery的JS，然后写文本框的输入事件：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">    
    <title>自动补全</title>
    <script type='text/javascript' src='/buquan/dwr/util.js'></script>
    <script type='text/javascript' src='/buquan/dwr/engine.js'></script>
    <script type='text/javascript' src='/buquan/dwr/interface/arr.js'></script>
	<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
	<script type="text/javascript">		
	var highlightindex = -1; //高亮节点
	var timeOutId;
	$(document).ready(function() {	
	var wordInput = $("#keyText"); //文本框值	
    var wordInputOffset = wordInput.offset(); //文本框属性
	//初始时层隐藏,并设置它的样式,位置
    $("#auto").hide().css("border","1px black solid")
    	.css("position","absolute")
        .css("top",wordInputOffset.top + wordInput.height() + 5 + "px")
        .css("left",wordInputOffset.left + "px")
        .width(wordInput.width() + 5);    
	//文本框事件
	$("#keyText").keyup(function(){
        var myEvent = event || window.event;
        var keyCode = myEvent.keyCode; //取得按键的值
		var autoNode = $("#auto");
		//输入字母等的情况，包括回车，delete
		if (keyCode >= 65 && keyCode <= 90 || keyCode == 8 || keyCode == 46) {
			autoNode.html("");			
			var wordText=$("#keyText").val(); //当前文本框值
			if (wordText != ""){
				//将上一次没有完成的请求清除
				clearTimeout(timeOutId);
				//将请求延迟
				timeOutId = setTimeout(function(){
					//使用DWR返回数据，暂时没有设置参数，返回一个字符串数组即可
					arr.backArr(function back(data){
			    		for(i = 0;i < data.length;i++){	
			    			var newDiv = $("<div>").attr("id",i); // 增加标识		    			    			
			    			newDiv.html(data[i]).appendTo(autoNode); //创建新的节点到原DIV元素
			    			//鼠标移入事件
			    			newDiv.mouseover(function(){
			    				if(highlightindex != -1){
			    					$("#auto").children("div").eq(highlightindex)
			    					.css("background-color","white");
			    				}
			    				//增加一个属性
			    				highlightindex = $(this).attr("id");
			    				//当前设为红色
			    				$(this).css("background-color","red");
			    			});
			    			//鼠标移出事件
			    			newDiv.mouseout(function(){
			    				//当前清除颜色
			    				$(this).css("background-color","white");
			    			});
			    			//鼠标单击事件
			    			newDiv.click(function(){
			    				//取出高亮节点的文本内容
				                var comText = $("#auto").hide().children("div").eq(highlightindex).text();
				                highlightindex = -1;
				                //文本框中的内容变成高亮节点的内容
				                $("#keyText").val(comText);
			    			});
			    		}
			    		if (data.length > 0){		    			
			    			autoNode.show();
			    		}else{
			    			autoNode.hide();
			    		}
			    	});
		    	},500); //延迟处理
	    	} else {	    		
		    	autoNode.hide();
	    	}
	    	highlightindex = -1;
    	} else if (keyCode == 38 || keyCode == 40) {
    		if (keyCode == 38) { //向上                
                var autoNodes = $("#auto").children("div")
                if (highlightindex != -1) {
                    //如果原来存在高亮节点，则将背景色改称白色
                    autoNodes.eq(highlightindex).css("background-color","white");
                    highlightindex--;
                } else {
                    highlightindex = autoNodes.length - 1;    
                }
                if (highlightindex == -1) {
                    //如果修改索引值以后index变成-1，则将索引值指向最后一个元素
                    highlightindex = autoNodes.length - 1;
                }
                //让现在高亮的内容变成红色
                autoNodes.eq(highlightindex).css("background-color","red");
            }
    		if (keyCode == 40) { //向下                
                var autoNodes = $("#auto").children("div")
                if (highlightindex != -1) {
                    //如果原来存在高亮节点，则将背景色改称白色
                    autoNodes.eq(highlightindex).css("background-color","white");
                }
                highlightindex++;
                if (highlightindex == autoNodes.length) {
                    //如果修改索引值以后index变成-1，则将索引值指向最后一个元素
                    highlightindex = 0;
                }
                //让现在高亮的内容变成红色
                autoNodes.eq(highlightindex).css("background-color","red");
            }
    	} else if (keyCode == 13) {
    		 //下拉框有高亮内容
            if (highlightindex != -1) {
                //取出高亮节点的文本内容
                var comText = $("#auto").hide().children("div").eq(highlightindex).text();
                highlightindex = -1;
                //文本框中的内容变成高亮节点的内容
                $("#keyText").val(comText);
            } else {
                //下拉框没有高亮内容
                alert("文本框中的[" + $("#keyText").val() + "]被提交了");
            }
    	}
	});
	});
	</script>	
  </head>  
  <body>
    <input type="text" id="keyText" name="keyText" width="50px" />
    <div id="auto" align="left"></div>
  </body>
</html>

 

当你输入时，会去后台查询并显示一些数据，你可以使用上下键来操作，回车时自动提交数据！

 

请您到ITEYE看我的原创：http://cuisuqiang.iteye.com

或支持我的个人博客，地址：http://www.javacui.com

 

你可能感兴趣的:(jquery,Ajax,Google,DWR,自动补全)

  • JavaRestClient操作Elasticsearch查询所有(match_all) 常家壮 #Elasticsearchelasticsearchjavaes搜索引擎
    导包导包可以根据文档里导入依赖这里就不写依赖了查询所有importcom.google.gson.Gson;importcom.leyou.pojo.Item;importorg.apache.http.HttpHost;importorg.elasticsearch.action.search.SearchRequest;importorg.elasticsearch.action.search
  • JavaRestClient操作Elasticsearch范围查询(range) 常家壮 #Elasticsearchelasticsearches搜索引擎
    导包导包可以根据文档里导入依赖这里就不写依赖了范围查询(range)importcom.google.gson.Gson;importcom.leyou.pojo.Item;importorg.apache.http.HttpHost;importorg.elasticsearch.action.search.SearchRequest;importorg.elasticsearch.action
  • GEE训练教程——从 JRC 洪水风险数据集中提取不同返回周期的洪水风险信息统计，进行直方图可视化和分析并下载数据 此星光明 GEE教程训练gee云计算jrc直方图洪水数据可视化
    GEE训练教程——从JRC洪水风险数据集中提取不同返回周期的洪水风险信息，进行可视化和分析，并导出特定数据代码解释这段代码使用GoogleEarthEngine(GEE)处理全球洪水风险数据。以下是代码的逐行解释：1.定义地理区域vargeometry=/*color:#d63000*//*displayProperties:[{"type":"rectangle"}]*/ee.Geometry.
  • 【RS】GEE(Python)：数据处理 T0uken GISgisrsgeepython
    在前面的章节中，我们已经学习了如何加载影像数据。现在，让我们进一步探讨如何在GoogleEarthEngine(GEE)中进行数据处理。数据处理通常包括图像预处理、裁剪、过滤、重采样等操作。栅格影像的处理栅格影像处理包括了裁剪、波段选择、重采样、合成等基本操作。这部分以卫星影像为例，介绍GEE中如何处理影像数据。图像裁剪(Clipping)裁剪图像是数据处理中常见的步骤，通常我们只需要分析某个特定
  • 第八篇【传奇开心果系列】python的文本和语音相互转换库技术点案例示例：Google Text-to-Speech虚拟现实（VR）沉浸式体验经典案例 2401_84252820 程序员pythonvr开发语言
    python的文本和语音相互转换库技术点案例示例系列博文目录前言GoogleText-to-Speech在虚拟现实（VR）体验中有一些应用场景。通过将GoogleText-to-Speech技术与虚拟现实技术相结合，可以为用户带来更加沉浸式、交互式和个性化的虚拟体验，丰富虚拟现实应用的功能和体验。一、雏形示例代码以下是一个简单的示例代码，演示如何在虚拟现实（VR）环境中使用GoogleText-t
  • Google 地图 API 参考手册 zhangf2005 前端
    Google地图API参考手册地图构造函数/对象描述Map()在指定的HTML容器中创建新的地图，该容器通常是一个DIV元素。叠加层构造函数/对象描述Marker创建一个标记。MarkerOptions标记的选项。由DirectionsRenderer渲染的所有标记都将使用这些选项。MarkerImageAstructurerepresentingaMarkericonorshadowimageM
  • #前端js发异步请求的几种方式 在下千玦 前端javascript开发语言
    JavaScript进行异步请求的方式经历了多个阶段的发展，每个阶段都在解决上一阶段的问题，变得更简洁、易用、强大。我们从历史发展角度来看，主要经历了以下几个阶段：1️⃣早期阶段：XHR（XMLHttpRequest）诞生背景1999年W3C引入XMLHttpRequest，是AJAX（异步JavaScript和XML）的基础。主要用于局部刷新页面，避免整个页面重新加载，提高用户体验。早期用于XM
  • GPT Workspace体验 深海水 IT应用探讨人工智能gpt人工智能
    GPTWorkspace是一款将强大的自然语言处理模型（如ChatGPT和Gemini）集成到GoogleWorkspace应用（如GoogleDocs,Sheets,Slides,Gmail和Drive）中的工具或插件。它的目标是提升用户在日常办公中的效率和创造力。以下是对GPTWorkspace的详细介绍：功能(Features):GPTWorkspace的核心功能是将AI的能力融入到您熟悉的
  • 基于Java毕业设计音乐管理系统源码+系统+mysql+lw文档+部署软件 鎏金科技 javamysql开发语言
    基于Java毕业设计音乐管理系统源码+系统+mysql+lw文档+部署软件基于Java毕业设计音乐管理系统源码+系统+mysql+lw文档+部署软件本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：htt
  • Springboot快递代取系统的设计与实现3i0v9计算机毕业设计-课程设计-期末作业-毕设程序代做 兮兮科技 springbootjavamysql
    Springboot快递代取系统的设计与实现3i0v9计算机毕业设计-课程设计-期末作业-毕设程序代做【免费赠送源码】Springboot快递代取系统的设计与实现3i0v9计算机毕业设计-课程设计-期末作业-毕设程序代做本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：
  • Google 三大论文之——MapReduce 花月诗人 MapReduceMapReduceGoogle三大论文之MapReduceGoogle三大论文论文MapReduceGoogleMapReduce
    MapReduce:超大机群上的简单数据处理摘要MapReduce是一个编程模型,和处理,产生大数据集的相关实现.用户指定一个map函数处理一个key/value对,从而产生中间的key/value对集.然后再指定一个reduce函数合并所有的具有相同中间key的中间value.下面将列举许多可以用这个模型来表示的现实世界的工作.以这种方式写的程序能自动的在大规模的普通机器上实现并行化.这个运行时
  • jQuery 尺寸 宇哥资料 jQueryjquery前端javascript
    通过jQuery，很容易处理元素和浏览器窗口的尺寸。jQuery尺寸方法jQuery提供多个处理尺寸的重要方法：width()height()innerWidth()innerHeight()outerWidth()outerHeight()jQuery尺寸jQuerywidth()和height()方法width()方法设置或返回元素的宽度（不包括内边距、边框或外边距）。height()方法设置
  • Google Play 支付 ： 此版本的应用程序未配置为通过Google Play结算。有关详情，请访问帮助中心 倾城半生-花落成殇 AndroidGooglePlay支付android
    导致这个问题的原因：1、安装的app包的versionName、versionCode和GooglePlayConsole上传的不一样GooglePlayConsole-所有应用-查看应用（上传安装的app或者修改版本号）2、安装的app包的签名和上传到GooglePlayConsole的包签名不一致GooglePlayConsole-所有应用-查看应用-设置-应用完整性（查看签名是否一致）
  • Google Play支付：测试报错“无法购买您要的商品”问题 倾城半生-花落成殇 AndroidGooglePlay支付android
    google账号不在测试人员名单到GooglePlayConsole设置-账号详情-许可测试将测试人员账号添加测试人员列表
  • 解决 Android AGP 最新版本中 BuildConfig 报错问题 tangweiguo03051987 androidandroid
    在最新版本的AndroidGradlePlugin(AGP)中，Google对构建系统做了不少改动，可能会导致一些与BuildConfig相关的问题。以下是常见问题及解决方案：常见问题及修复方法1.BuildConfig类完全缺失原因：AGP8.0+默认不再为库模块生成BuildConfig解决方案：在库模块的build.gradle中添加：android{buildFeatures{buildC
  • 一键实现:谷歌表单转word（formtoword） 流形填表 word
    一键将GoogleForms转换为Word，最简单的方法有些繁琐的工作让人倍感挫败，明明应该可以自动化。你精心制作了一份GoogleForms，收集了数据，现在需要在Word文档中分享其结构或内容。于是，你只能手动复制粘贴问题，调整标题格式，对齐复选框，反复检查是否有错。既枯燥，又容易出错，还是对时间的极大浪费。FormToWord让这一切成为过去式。它的核心理念是：输入GoogleForms的链
  • 从代码学习深度学习 - 含并行连结的网络（GoogLeNet）PyTorch版 飞雪白鹿€ 深度学习-pytorch版深度学习pytorch
    文章目录前言一、GoogLeNet的理论基础1.1背景与创新点1.2.Inception模块的工作原理二、完整代码实现与解析2.1.环境准备与工具函数2.2.数据加载-Fashion-MNIST2.3.Inception模块设计2.4.GoogLeNet完整模型2.5.训练函数2.6.运行训练三、训练结果与分析3.1.性能分析3.2.可视化结果3.3.模型局限性四、扩展与改进建议总结前言深度学习近
  • 用MVC做一个bootstrap-table的实例 qq_23982569 MVCMVCknockout-min.jsbootstrap
    前台HTML：注意需要引用js和cssBootStrapTable使用@*1、Jquery组件引用*@@*2、bootstrap组件引用*@@*3、bootstraptable组件以及中文包的引用*@@*4、页面Js文件的引用*@@*查询条件*@查询条件学号用户名查询*@@*工具栏和table*@新增@*修改删除@*添加用户dialog*@<inputt
  • Python,Selenium京东扫码登录保存cookie并爬取完整实例 吃数据的崽 pythonselenium开发语言
    Python,Selenium京东扫码登录cookie完整实例前言1.安装下载对应版本的selenium.最新chrome驱动网址（先查看本机浏览器版本号，再下载对应的驱动版本）https://googlechromelabs.github.io/chrome-for-testing/#最新的edge驱动网址（先查看本机浏览器版本号，再下载对应的驱动版本）https://developer.mic
  • 一文读懂「Transformer」算法模型 朱晓霞AI transformer深度学习人工智能
    前面讲到过chatgpt的知识，提到了chatgpt的实现原理包含了transformer内容，所有非常有必要来补充一下这部分的内容。资料：一文读懂「Attention」注意力机制一、什么是Transformer？Transformer是Google的团队在2017年提出的一种NLP经典模型，现在比较火热的Bert也是基于Transformer。Transformer模型使用了Self-Atten
  • hdfs原理 raining_time hdfs原理hdfs读写原理hdfs优缺点hdfs安全模式hdfs常用命令
    简介HDFS（HadoopDistributedFileSystem）Hadoop分布式文件系统。是根据google发表的论文翻版的。论文为GFS（GoogleFileSystem）Google文件系统。HDFS有很多特点：①保存多个副本，且提供容错机制，副本丢失或宕机自动恢复。默认存3份。(用空间换安全)②运行在廉价的机器上。③适合大数据的处理。多大？多小？HDFS默认会将文件分割成block，
  • 2025最新“科研创新与智能化转型“暨AI智能体开发与大语言模型的本地化部署、优化技术实践 weixin_贾 PythonMATLABpython深度学习MATLAB编程人工智能
    第一章、智能体(Agent)入门1、智能体（Agent）概述（什么是智能体？智能体的类型和应用场景、典型的智能体应用，如：GoogleDataScienceAgent等）2、智能体（Agent）与大语言模型（LLM）的关系3、智能体（Agent）的五种能力（记忆、规划、工具、自主决策、推理）4、多智能体（Multi-Agent）协作5、智能体（Agent）构建的基本步骤6、案例演示与实操练习第二章
  • Kubernetes深度解析：云原生时代的容器编排引擎 这个懒人 云原生kubernetes容器
    一、背景与演进1.容器革命的必然产物Kubernetes（K8s）诞生于2014年，是Google基于其内部Borg系统的开源实现。在传统单体应用向微服务架构转型的浪潮中，容器技术（如Docker）解决了应用打包和环境隔离问题，但大规模容器集群的管理仍面临三大挑战：调度复杂性：如何高效分配数千容器的计算资源服务治理难题：动态环境下的服务发现与流量管理运维自动化：故障自愈、滚动升级等运维需求截至20
  • 【12】Ajax的原理和解析 微臣愚钝 WebScrapingajax前端javascript
    一、前言二、什么是Ajax三、Ajax的基本原理3.1发送请求3.2解析内容3.3渲染网页3.4总结四、Ajax分析五、过滤请求-筛选所有Ajax请求一、前言当我们在用requests抓取页面的时候，得到的结果可能会和在浏览器中看到的不一样：在浏览器中正常显示的页面数据，使用requests却没有得到结果。这是因为requests获取的都是原始HTML文档，而浏览器中的页面则是经过JavaScri
  • Google 停止开源 Android？ 云水木石 开源android
    今天看到有很多消息称谷歌将停止开源Android，比如这一篇《谷歌决定终止开源Android》。对此消息有些将信将疑，毕竟这些年被各种反转虐了无数回。抱着掌握第一手材料的态度，去外面的世界看了看。谷歌确实对Android开发方式有所改变，但并非将Android闭源。比如下面这篇就将前因后果讲得比较清楚：https://www.androidauthority.com/google-android-
  • AirGIS相关API 风中摇曳的男子 api插件图形搜索
    1地图基础1.1必要导入包1.2创建地图切片1.3地图插件1.3.1比例尺1.3.2鹰眼图1.3.3HomeButton2绘图工具2.1画点、线、面2.1.1根据json标注点2.1.2画线2.1.2画面2.2图形事件2.2.1点击事件3图表3.1柱状图3.2饼图4其它4.1自动补全4.2搜索1地图基础1.1必要导入包varmap;require(["esri/map","esri/layers/
  • angular框架的一些理解 日月日月1314 前端学习angular
    angular的理解一,首先先谈一下angular的优点和缺点，这才是让我们为什么要用angular的原因。优点：1，angular模块功能强大丰富，并且是声明式的，自带了丰富的angular指令。2，是一个比较完善的前端mvc框架，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能。3，自定义指令directive，比jquery插件还灵活，但是我们需要了解directive
  • 运维知识：如何让你的服务器达到最大化的加载速度和更稳定的运行？ 浩特-ht 运维服务器linux
    运维知识：如何让你的服务器达到最大化的加载速度和更稳定的运行？一、为什么需要服务器优化？性能问题：慢加载速度导致用户流失（Google数据：页面加载延迟1秒，转化率下降20%）。稳定性问题：硬件故障、资源耗尽、服务崩溃可能导致业务中断。目标：通过系统级优化、服务调优、监控预警实现QPS提升30%+和全年99.99%可用性。二、服务器优化核心维度系统层内核参数资源管理服务层Web服务器数据库网络层C
  • 基于pytorch的卷积神经网络量化实现 踟蹰横渡口,彳亍上滩舟。 pytorch量化感知训练稀疏训练模型剪枝学习教程深度学习神经网络机器学习pytorch
    #卷积神经网络量化1，神经网络和卷积神经网络模型量化方法，主要包括线性量化和聚类量化两种方法。2，可指定模型进行定点话，并输出量化后参数统计和finetune，可设置任意bit量化。3，支持MLP,Lenet,Alexnet,VGG,GoogleNet系列,Resnet系列，MobileNet系列的量化。下载地址：下载地址#部分代码--线性量化#!/usr/bin/envpython#coding
  • jQuery - 获取内容和属性 宇哥资料 jQueryjquery前端javascript
    jQuery拥有可操作HTML元素和属性的强大方法。jQueryDOM操作jQuery中非常重要的部分，就是操作DOM的能力。jQuery提供一系列与DOM相关的方法，这使访问和操作元素和属性变得很容易。DOM=DocumentObjectModel（文档对象模型）DOM定义访问HTML和XML文档的标准："W3C文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及
  • log4j对象改变日志级别 3213213333332132 javalog4jlevellog4j对象名称日志级别
    log4j对象改变日志级别可批量的改变所有级别，或是根据条件改变日志级别。 log4j配置文件： log4j.rootLogger=ERROR,FILE,CONSOLE,EXECPTION #log4j.appender.FILE=org.apache.log4j.RollingFileAppender log4j.appender.FILE=org.apache.l
  • elk+redis 搭建nginx日志分析平台 ronin47 elasticsearchkibanalogstash
                 elk+redis 搭建nginx日志分析平台 logstash,elasticsearch,kibana 怎么进行nginx的日志分析呢？首先，架构方面，nginx是有日志文件的，它的每个请求的状态等都有日志文件进行记录。其次，需要有个队 列，redis的l
  • Yii2设置时区 dcj3sjt126com PHPtimezoneyii2
    时区这东西，在开发的时候，你说重要吧，也还好，毕竟没它也能正常运行，你说不重要吧，那就纠结了。特别是linux系统，都TMD差上几小时，你能不痛苦吗？win还好一点。有一些常规方法，是大家目前都在采用的1、php.ini中的设置，这个就不谈了，2、程序中公用文件里设置，date_default_timezone_set一下时区3、或者。。。自己写时间处理函数，在遇到时间的时候，用这个函数处理（比较
  • js实现前台动态添加文本框，后台获取文本框内容 171815164 文本框
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
  • 持续集成工具 g21121 持续集成
            持续集成是什么？我们为什么需要持续集成？持续集成带来的好处是什么？什么样的项目需要持续集成？...        持续集成(Continuous integration ,简称CI)，所谓集成可以理解为将互相依赖的工程或模块合并成一个能单独运行
  • 数据结构哈希表(hash)总结 永夜-极光 数据结构
    1.什么是hash 来源于百度百科: Hash，一般翻译做“散列”，也有直接音译为“哈希”的，就是把任意长度的输入，通过散列算法，变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来唯一的确定输入值。简单的说就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。  
  • 乱七八糟 程序员是怎么炼成的
    eclipse中的jvm字节码查看插件地址： http://andrei.gmxhome.de/eclipse/ 安装该地址的outline 插件  后重启，打开window下的view下的bytecode视图 http://andrei.gmxhome.de/eclipse/   jvm博客： http://yunshen0909.iteye.com/blog/2
  • 职场人伤害了“上司” 怎样弥补 aijuans 职场
    由于工作中的失误，或者平时不注意自己的言行“伤害”、“得罪”了自己的上司，怎么办呢？ 　　在职业生涯中这种问题尽量不要发生。下面提供了一些解决问题的建议： 　　一、利用一些轻松的场合表示对他的尊重 　　即使是开明的上司也很注重自己的权威，都希望得到下属的尊重，所以当你与上司冲突后，最好让不愉快成为过去，你不妨在一些轻松的场合，比如会餐、联谊活动等，向上司问个好，敬下酒，表示你对对方的尊重，
  • 深入浅出url编码 antonyup_2006 应用服务器浏览器servletweblogicIE
    出处：http://blog.csdn.net/yzhz  杨争   http://blog.csdn.net/yzhz/archive/2007/07/03/1676796.aspx 一、问题：         编码问题是JAVA初学者在web开发过程中经常会遇到问题，网上也有大量相关的
  • 建表后创建表的约束关系和增加表的字段 百合不是茶 标的约束关系增加表的字段
      下面所有的操作都是在表建立后操作的,主要目的就是熟悉sql的约束,约束语句的万能公式   1,增加字段(student表中增加 姓名字段)   alter table 增加字段的表名 add 增加的字段名 增加字段的数据类型 alter table student add name varchar2(10);   &nb
  • Uploadify 3.2 参数属性、事件、方法函数详解 bijian1013 JavaScriptuploadify
    一.属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。 buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路
  • 精通Oracle10编程SQL(16)使用LOB对象 bijian1013 oracle数据库plsql
    /* *使用LOB对象 */ --LOB(Large Object)是专门用于处理大对象的一种数据类型，其所存放的数据长度可以达到4G字节 --CLOB/NCLOB用于存储大批量字符数据，BLOB用于存储大批量二进制数据，而BFILE则存储着指向OS文件的指针 /* *综合实例 */ --建立表空间 --#指定区尺寸为128k,如不指定，区尺寸默认为64k CR
  • 【Resin一】Resin服务器部署web应用 bit1129 resin
    工作中，在Resin服务器上部署web应用，通常有如下三种方式：   配置多个web-app 配置多个http id 为每个应用配置一个propeties、xml以及sh脚本文件 配置多个web-app   在resin.xml中,可以为一个host配置多个web-app   <cluster id="app&q
  • red5简介及基础知识 白糖_ 基础
      简介   Red5的主要功能和Macromedia公司的FMS类似，提供基于Flash的流媒体服务的一款基于Java的开源流媒体服务器。它由Java语言编写，使用RTMP作为流媒体传输协议，这与FMS完全兼容。它具有流化FLV、MP3文件，实时录制客户端流为FLV文件，共享对象，实时视频播放、Remoting等功能。用Red5替换FMS后,客户端不用更改可正
  • angular.fromJson boyitech AngularJSAngularJS 官方APIAngularJS API
    angular.fromJson 描述: 把Json字符串转为对象 使用方法: angular.fromJson(json); 参数详解: Param Type Details json string JSON 字符串 返回值: 对象, 数组, 字符串 或者是一个数字 示例: <!DOCTYPE HTML> <h
  • java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I bylijinnan java
    public class ReverseWords { /** * 题目：颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I.词以空格分隔。 * 要求： * 1.实现速度最快,移动最少 * 2.不能使用String的方法如split,indexOf等等。 * 解答：两次翻转。 */ publ
  • web实时通讯 Chen.H Web浏览器socket脚本
    关于web实时通讯，做一些监控软件。 由web服务器组件从消息服务器订阅实时数据，并建立消息服务器到所述web服务器之间的连接，web浏览器利用从所述web服务器下载到web页面的客户端代理与web服务器组件之间的socket连接，建立web浏览器与web服务器之间的持久连接；利用所述客户端代理与web浏览器页面之间的信息交互实现页面本地更新，建立一条从消息服务器到web浏览器页面之间的消息通路
  • [基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗? comsci 生物
          大家仅仅把我说的事情当作一个IT行业的笑话来听吧..没有其它更多的意思     如果我们把大自然看成是一位伟大的程序员,专门为地球上的生态系统编制基因代码,并创造出各种不同的生物来,那么6500万年前的程序员开发的代码,是否兼容现代派的程序员的代码和架构呢?   
  • oracle 外部表 daizj oracle外部表external tables
        oracle外部表是只允许只读访问，不能进行DML操作，不能创建索引，可以对外部表进行的查询，连接，排序，创建视图和创建同义词操作。 you can select, join, or sort external table data. You can also create views and synonyms for external tables. Ho
  • aop相关的概念及配置 daysinsun AOP
    切面(Aspect): 通常在目标方法执行前后需要执行的方法（如事务、日志、权限），这些方法我们封装到一个类里面，这个类就叫切面。 连接点（joinpoint） spring里面的连接点指需要切入的方法，通常这个joinpoint可以作为一个参数传入到切面的方法里面（非常有用的一个东西）。 通知（Advice） 通知就是切面里面方法的具体实现，分为前置、后置、最终、异常环
  • 初一上学期难记忆单词背诵第二课 dcj3sjt126com englishword
    middle 中间的，中级的 well 喔，那么；好吧 phone 电话，电话机 policeman 警察 ask 问 take 拿到；带到 address 地址 glad 高兴的，乐意的 why 为什么  China 中国 family 家庭 grandmother (外)祖母 grandfather (外)祖父 wife 妻子 husband 丈夫 da
  • Linux日志分析常用命令 dcj3sjt126com linuxlog
    1.查看文件内容 cat -n 显示行号 2.分页显示 more Enter 显示下一行 空格 显示下一页 F 显示下一屏 B 显示上一屏 less /get 查询"get"字符串并高亮显示 3.显示文件尾 tail -f 不退出持续显示 -n 显示文件最后n行 4.显示头文件 head -n 显示文件开始n行 5.内容排序 sort -n 按照
  • JSONP 原理分析 fantasy2005 JavaScriptjsonpjsonp 跨域
    转自 http://www.nowamagic.net/librarys/veda/detail/224 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的
  • 使用connect by进行级联查询 234390216 oracle查询父子Connect by级联
    使用connect by进行级联查询          connect by可以用于级联查询，常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点。          来看一个示例，现假设我们拥有一个菜单表t_menu，其中只有三个字段：
  • 一个不错的能将HTML表格导出为excel,pdf等的jquery插件 jackyrong jquery插件
    发现一个老外写的不错的jquery插件，可以实现将HTML 表格导出为excel,pdf等格式， 地址在： https://github.com/kayalshri/ 下面看个例子，实现导出表格到excel,pdf <html> <head> <title>Export html table to excel an
  • UI设计中我们为什么需要设计动效 lampcy UIUI设计
    关于Unity3D中的Shader的知识 首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，
  • 如何禁止页面缓存 nannan408 htmljspcache
    禁止页面使用缓存~ ------------------------------------------------ jsp:页面no cache： response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cach
  • 以代码的方式管理quartz定时任务的暂停、重启、删除、添加等 Everyday都不同 定时任务管理spring-quartz
          【前言】在项目的管理功能中，对定时任务的管理有时会很常见。因为我们不能指望只在配置文件中配置好定时任务就行了，因为如果要控制定时任务的 “暂停” 呢？暂停之后又要在某个时间点 “重启” 该定时任务呢？或者说直接 “删除” 该定时任务呢？要改变某定时任务的触发时间呢？ “添加” 一个定时任务对于系统的使用者而言，是不太现实的，因为一个定时任务的处理逻辑他是不
  • EXT实例 tntxia ext
      （1） 增加一个按钮   JSP:   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); Stri
  • 数学学习在计算机研究领域的作用和重要性 xjnine Math
    最近一直有师弟师妹和朋友问我数学和研究的关系，研一要去学什么数学课。毕竟在清华，衡量一个研究生最重要的指标之一就是paper,而没有数学，是肯定上不了世界顶级的期刊和会议的，这在计算机学界尤其重要！你会发现，不论哪个领域有价值的东西，都一定离不开数学！在这样一个信息时代，当google已经让世界没有秘密的时候，一种卓越的数学思维，绝对可以成为你的核心竞争力.  无奈本人实在见地
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他