3w1h
3w1h

jquery自动提示

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="bean" uri="http://struts.apache.org/tags-bean" %>
<%@ taglib prefix="html" uri="http://struts.apache.org/tags-html" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>autoComplete.jsp</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="js/autoComplete.js"></script>
	<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
	<script type="text/javascript">
	var highLightIndex = -1;
	$(document).ready( function() {
		var text = $("#name");
		var textOffset = text.offset();
		$('#auto').hide().css({"border":"1px solid red"})
					.css({"position": "absolute"})
					.css({"top": textOffset.top + text.height() + 5 + "px"})
					.css({"left": textOffset.left + "px"})
					.css({"width": text.width()});
		
		$('#name').keyup(function(event){
			//alert(event);
			var myEvent = event || window.event;
			var keyCode = myEvent.keyCode;
			var autoNode = $("#auto");
			if(keyCode > 64 && keyCode < 91 || keyCode == 8 || keyCode == 46){
				var inContent = $('#name').val();
				//文本框内容不为空时执行异步操作
				if(inContent != '' && inContent != null){
					$.post('AutoCompleteAction.do?actionFlag=autoComplete', '{name:inContent}', 
							function(data){
								var jqueryObj = $(data);
								var contentNode = jqueryObj.find("content");//返回的是一个集合

								autoNode.empty();//清除原来DIV结点下面的内容
								
								contentNode.each(function(i){
										var nodeVal = $(this);
										//alert(nodeVal.text());
										//alert($("<div>").html(nodeVal.text()));
										var newNode = $("<div>").attr("id", contentNode.index($(this)));
										//alert(contentNode.index($(this)));
										newNode.html(nodeVal.text()).appendTo(autoNode);
										//alert($("<div>").html(nodeVal.text()).appendTo(divNode));
										//增加鼠标移入移出事件
										newNode.mouseover(function(){
											if(highLightIndex != -1){
												autoNode.find("div").eq(highLightIndex).css({"background-color":"white"});
												highLightIndex = $(this).attr("id");
											} 
											newNode.css({"background-color":"red"});
											highLightIndex = $(this).attr("id");
										});
										newNode.mouseout(function(){
											newNode.css({"background-color":"white"});
											//highLightIndex = $(this).attr("id");
										});
										newNode.dblclick(function(){
											//alert("****");
											$("#name").val($(this).text());
											autoNode.hide();
										});
									});
								if(contentNode.length > 0){
									autoNode.show(); //显示弹出框
								}
					}, 'xml');
				} else {
					autoNode.hide();
					highLightIndex == -1;
				}
			} else if(keyCode == 38 || keyCode == 40) {
				//按上下键的时候要高亮选择所选内容
				var childNode = autoNode.find("div");
				if(keyCode == 38){
					if(highLightIndex != -1){
						childNode.eq(highLightIndex).css({"background-color":"white"});
					}
					
					highLightIndex--;
					
					if(highLightIndex == -1) {
						highLightIndex = childNode.length - 1;
					}
					childNode.eq(highLightIndex).css({"background-color":"red"});
				}
				if(keyCode == 40){
					if(highLightIndex != -1){
						childNode.eq(highLightIndex).css({"background-color":"white"});
					}
					
					highLightIndex++;
					
					if(highLightIndex == childNode.length) {
						highLightIndex = 0;
					}
					childNode.eq(highLightIndex).css({"background-color":"red"});
				}
			} else if(keyCode == 13){
				//将值给文本框  并隐藏提示框
				if(highLightIndex != -1) {
					//alert(highLightIndex);
					//alert(autoNode.children("div").eq(highLightIndex).text());
					$("#name").val(autoNode.children("div").eq(highLightIndex).text());
					highLightIndex = -1;
					autoNode.hide();
				} else {
					alert("Excute the Action method");
					//让文本框失去焦点，避免点击ENTER键时反复弹出提示框
					$("#name").get(0).blur();
				}
			}
		});
	})
	</script>
  </head>
  
  <body>
    <%--<html:form action="AutoCompleteAction.do" method="post"> 
    	<label for="name">NameAutoComplete:</label>
    	<label for="gender">NameAutoComplete:</label>
    	<label for="age">NameAutoComplete:</label>
    	<html:text property="name" size="200" ></html:text>
    	<html:text property="gender" size="200"></html:text>
    	<html:text property="age" size="200"></html:text>
    </html:form>
  --%>
  <form action="#" method="post">
  		<table>
  			<tr>
  				<td>NameAutoComplete:</td>
  				<td><input id="name" type="text" size="50" value="4" name="content"/></td>
  			</tr>
  			<tr><td></td><td><div id="auto" style="display: none;">adfdf</div></td></tr>
  			<tr>
  				<td>Gender:</td>
  				<td><input id="gender" type="text" size="50" /></td>
  			</tr>
  			<tr>
  				<td>Age:</td>
  				<td><input id="age" type="text" size="50" /></td>
  			</tr>
  		</table>
  </form>
  </body>
</html>

 

你可能感兴趣的:(JavaScript,html,jquery,struts,css)

  • react-native入门之核心组件与原生组件 crayon-shin-chan surprise#react-nativereactnativereact
    文档：核心组件与原生组件·ReactNative中文网1.简介ReactNative是一个使用React和应用平台的原生功能来构建Android和iOS应用的开源框架。可以使用JavaScript来访问移动平台的API，使用React组件来描述UI的外观和行为2.视图在Android和iOS开发中，一个视图是UI的基本组成部分屏幕上的一个小矩形元素、可用于显示文本、图像或响应用户输入。甚至应用程序
  • 使用NestJS的控制器与业务逻辑结合的入门教程 XymkMl JavaScript
    NestJS是一个用于构建高效、可扩展的Node.js应用程序的框架。它采用了现代化的JavaScript或TypeScript语言，并提供了强大的依赖注入、模块化和面向切面编程等功能。本教程将介绍如何在NestJS应用程序中结合控制器和业务逻辑，以实现灵活且可维护的代码结构。步骤1：创建NestJS应用程序首先，我们需要安装NestJSCLI工具，用于创建和管理NestJS应用程序。打开终端并执
  • Vue.js 详细介绍 DOMINICHZL vue.jsvue.js
    1.引言在前端开发领域，Vue.js无疑是一个备受瞩目的框架。它以其轻量、易用和高效的特点，迅速成为开发者们的首选。无论你是前端新手，还是有一定经验的开发者，Vue.js都能为你提供强大的支持。本文将带你从零开始，深入了解Vue.js的核心概念、使用方法以及最佳实践。2.Vue.js简介2.1什么是Vue.js？Vue.js是一套用于构建用户界面的渐进式JavaScript框架。与其他大型框架不同
  • Vue学习教程-16html标签元素绑定事件 番茄番茄君 vue.js学习前端
    文章目录前言一、表单数据绑定事件二、多媒体元素绑定1.图片img和视频元素video三、容器元素绑定事件前言在Vue中，你可以通过v-on指令（或在Vue2.x中简写为@）来绑定事件。这种方式允许你监听DOM事件，并在触发时执行一些JavaScript代码。常见的元素主要是表单数据元素、多媒体元素和容器元素。一、表单数据绑定事件常见的表单数据元素1.文本输入框元素3.多选框元素4.下拉框元素5.按
  • Node.js使用教程 m0_74823408 面试学习路线阿里巴巴node.jsvim编辑器
    Node.js使用教程Node.js是一个基于ChromeV8引擎的JavaScript运行环境，它让JavaScript运行在服务器端。以下是一个简单的Node.js使用教程：一、Node.js开发环境和编译1.1安装Node.js访问Node.js官网下载并安装适合您操作系统的Node.js版本。1.2创建一个Node.js项目在您的工作目录中，创建一个新的文件夹作为项目目录，例如命名为my_
  • nginx 配置代理本地文件并支持跨域 nginx
    nginx配置报错invalidnumberofargumentsin"default_type"directiveinI:\nginx-1.22.0/conf/nginx.conf:19Nginx配置中default_type指令的参数格式有误。该错误通常由以下两种原因引起：错误原因分析参数缺失：default_type指令必须指定一个合法的MIME类型（如text/html），但你的配置中可能
  • 2025年前端开发者必学的技术 倔强青铜3 JavaScript成神之路前端vuereactjavascript
    2025年前端开发者必学的技术原文链接：ImportantTopicsforFrontendDeveloperstoMasterin2025作者：moibra译者：倔强青铜三前言大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！1.现代JavaScript(
  • HTML专题之语义化
    前言石匠敲击石头的第3次有一道经典的前端面试题：如何理解HTML语义化？如果让我自己回答，我会说语义化会让HTML代码更利于维护，并且有利于SEO的优化。但这样的回答显然不够完整，所以才有了这篇文章来好好记录一下HTML语义化，如果哪里写的有问题欢迎指出。HTML语义化是什么HTML中语义化简单来说就是使用“有意义的标签”来表示页面上不同的区域。例如下图中就使用了语义化标签用来表示一个页面的各个区
  • http 压测工具（qbit） 压测http
    前言记录常用的http压测工具JmeterGitHub地址https://github.com/apache/jmeterApache老牌压测工具，图形界面版ab官方地址https://httpd.apache.org/docs/2.4/programs/ab.htmlApacheHTTP服务器自带的一个性能测试工具，命令行工具heyGitHub地址https://github.com/rakyl
  • Jmeter接口测试之断言详解 阳光太阳 jmeter
    转载作者：吾非同来源：吾非同http://www.51testing.com/html/35/n-4463035.html?nomobile=1什么是断言？断言，这是一个软件术语，简单来说，就是依靠软件程序自动判断操作结果的正确性。在接口测试中，这里的断言就是判断接口请求是否符合预期，从而判断接口用例是否执行通过。你应该也听过一个概念检查点，其实跟断言是一个意思，这个概念通常是在loadrunne
  • jmeter 添加html断言,Jmeter接口测试④——响应断言 土拨鼠没有冬天 jmeter添加html断言
    Jmeter接口测试④——响应断言Jmeter接口测试④——响应断言本节以Jmeter接口测试③——GET请求返回结果为例。一、添加响应断言响应断言：对服务器的响应接口进行断言校验，来判断接口测试得到的接口返回值是否正确。get请求右键->添加->断言->响应断言说明:applyto：参考Jmeter接口测试②——正则提取器测试字段：⑴一般的http响应，都勾选“响应文本”；⑵url样本是对sam
  • 深入解析 Vue 3 编译宏：揭开 `＜script setup＞` 的魔法面纱 斯~内克 vue知识点前端vue.js前端javascript
    一、编译宏的本质与设计哲学1.1什么是编译宏在Vue3的CompositionAPI生态中，编译宏（CompilerMacros）是一组特殊的语法结构，它们在代码编译阶段被Vue编译器处理，最终转换为标准的JavaScript代码。这些宏函数是Vue3语法糖的核心组成部分，主要包含：defineProps：声明组件propsdefineEmits：定义自定义事件defineExpose：暴露组件公
  • 深入探讨 Vue 3 响应式 API：为什么 ref/reactive 需要类型匹配？ 斯~内克 vue知识点前端学习vue.js前端javascript
    一、Vue3响应式系统基础在Vue3的CompositionAPI中，ref和reactive是构建响应式数据的核心工具。它们的定位差异源于JavaScript语言特性：ref设计初衷：处理基础类型（primitivetypes）的响应式包装reactive设计初衷：处理引用类型（referencetypes）的深度响应代理技术实现差异：ref通过对象包装（{value:...}）+reactiv
  • 【脑洞小剧场】零帧起手创业小公司之 技术选型争论 Foyo Designer 技术职场小剧前端经验分享java程序人生改行学it产品经理
    一顿操作猛如虎，一看需求二百五，需求初稿遭吐槽，出师未捷谁先死？点击此处查看脑洞小剧场合集https://blog.csdn.net/foyodesigner/category_12896948.html清晨的阳光透过窗帘的缝隙，顽强地洒在了全搞（全栈工程师）的脸上，他揉了揉惺忪的睡眼，心中却早已被即将开始的技术选型会议搅得翻腾不已。他知道，这不仅仅是一次简单的技术讨论，更是一场关乎项目未来走向的
  • apache-maven-3.2.1安装和环境配置 ice_iceice 工具mavenapache开发工具java
    华恩IT2014/3/161.下载安装maven你可以去http://maven.apache.org/download.html下载最新的maven，目前最新版本是maven-3.2.1选择链接下载压缩包并解压，我解压路径是D:\cloud_cms\maven\apache-maven-3.2.12.环境变量的配置(1)新建系统变量名M2_HOME,变量值是D:\cloud_cms\maven\
  • ‌XPath vs CSS Selector 深度对比 test猿 css前端
    ‌核心差异总览‌‌对比维度‌‌XPath‌‌CSSSelector‌‌语法复杂度‌较高（需路径表达式）简洁（类似前端开发习惯）‌性能‌较慢（全局遍历）更快（浏览器原生优化）‌文本匹配‌✅支持（contains(text(),'abc')）❌不支持‌轴定位‌✅支持（父级、兄弟等）❌仅支持直接层级（>、+等）‌动态属性处理‌✅灵活（starts-with()等函数）✅有限（^=、$=等部分匹配）‌伪类
  • 京东商品详情API性能优化：缓存分层与热点数据预加载策略 专注API从业者 电商平台经验分享API接口性能优化缓存大数据后端
    在京东商品详情API的使用过程中，性能优化至关重要。缓存分层与热点数据预加载策略是两种有效的优化手段，下面详细介绍：缓存分层策略1.分层结构设计浏览器缓存原理：这是最接近用户的一层缓存。当用户首次访问商品详情页时，浏览器会将页面的静态资源（如CSS、JavaScript文件、图片等）以及部分不经常变化的数据（如商品的基本描述等）进行缓存。下次用户再次访问相同页面时，浏览器会首先检查本地缓存，如果缓
  • 前端学习Day4 CSS基础笔记 Yukukiii 前端css学习
    目标能够说出什么是CSS能够使用CSS基础选择器能够设置字体样式能够设置文本样式能够说出CSS的三种引入方式能够使用Chrome调试工具调试样式CSS:层叠样式表(Cascadingstylesheets)语法：写在head里面p{color:brown;//文字变色font-size:30px;//字变大background-color:blue;//背景色为蓝色width:400px;heig
  • 《从零到全栈：JavaScript新增的ES6语法》 CodeComposer es6javascript前端开发语言
    JavaScript是一门弱类型的脚本语言，广泛应用于网页开发中。ES6（ECMAScript2015）是JavaScript的第六个版本，引入了许多新特性，使得JavaScript更加现代化和强大。本文将详细介绍JavaScript的基础概念、ES6的新特性及其应用场景。一、JavaScript核心概念1.JavaScript的本质弱类型语言：变量声明无需指定类型，可动态存储任意数据。vara=
  • 《从零到全栈：JavaScript入门指南（二）》 CodeComposer javascript前端学习
    DOM操作1、DOM基础概念定义：文档对象模型（DocumentObjectModel），将HTML/XML文档解析为树形结构，提供操作页面元素的接口。核心作用：通过JavaScript动态操作网页内容（增删改查元素、样式、属性、事件等）。节点类型：元素节点（如）文本节点（如标签内的文字）属性节点（如class="box"）2、document对象入口对象：代表整个文档，提供访问和操作页面的属性和
  • 《从零到全栈：Bootstrap 响应式布局指南》 CodeComposer bootstrap前端html
    一、概念1.Bootstrap是什么？Bootstrap是一个基于HTML、CSS和JavaScript的开源前端框架，主要用于快速构建响应式网页。它是UI库（CSS库），提供了丰富的预定义样式和组件，帮助开发者快速实现美观且功能强大的界面。文档地址：Bootstrap中文文档2.响应式布局响应式布局是一种网页设计方法，使页面能够根据设备屏幕尺寸自动调整布局和样式。核心原理：通过媒体查询（@med
  • 《从零到全栈：AJAX基础概念》 CodeComposer ajax前端javascript学习
    一、AJAX基础概念AJAX，全称为AsynchronousJavaScriptandXML，它是一项极具创新性的技术，能借助异步JavaScript达成数据在前后端之间的交互，彻底革新了网页的交互模式。其核心特性意义重大：异步请求，局部刷新页面：传统网页交互往往是整页刷新，这不仅耗时，还会打断用户操作流程。而AJAX实现异步请求后，仅更新页面中需要变动的部分，大大提升了交互的流畅性与效率，用户无
  • 《从零到全栈：HTML5新增元素 & API》 CodeComposer html5前端htmljavascript
    HTML5是HTML4的升级版本，它不仅简化了HTML4的冗余代码，还引入了许多新特性，使得网页开发更加高效和灵活。本文将详细介绍HTML5的概念、新增元素、API以及一些实际应用案例。一、HTML5概念HTML5是HTML的第五个版本，它简化了文档类型声明，并引入了许多新特性，使得网页开发更加高效。以下是一个简单的HTML5文档结构：HTML5示例头部导航主体侧栏主体文章尾部语义化布局的优势文档
  • HTML当前标签鼠标停留下划线和变色效果 smx6666668 前端HTMLhtmlcssjavascript
    CSS#testlia:hover{border-bottom:1pxsolid#6bc30d;/*background-color:#6bc30d;背景变色*/color:#6bc30d;}HTML其他：
  • PubSubJS的基本使用 SarinaDu reactreactpubsub
    前言日常积累,欢迎指正参考PubSubJS-GitHubPubSubJS-npm使用说明首先说明我当前使用的pubsub版本为1.6.0什么是pubsub?PubSubJSisatopic-basedpublish/subscribelibrarywritteninJavaScript.即一个利用JavaScript进行发布/订阅的库使用React+TypeScript发布importPubsub
  • 2025年CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽安全-黑客4148 网络安全web安全linux密码学CTF
    目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15天）4.3、后期五、CTF学习资源5.1、CTF赛题复现平台5.
  • 通义灵码 - 你的 AI 智能编码小助手 甘蓝聊Java 【更新中...】项目中的那些事人工智能AI通义灵码Java编码助手
    文章目录核心功能快速安装版本选择安装插件登录通义灵码相关配置体验功能基础功能研发智能问答AI程序员体验有感参考官网：https://lingma.aliyun.com/⭐版本：2.0.3【截至2025/02/05】❓简介：通义灵码，一款基于通义大模型的智能编码辅助工具。支持多种编程语言，比如Java、Go、Python、JavaScript、TypeScript等支持多种IDE，比如IDEA、VS
  • 「Selenium+Python自动化从0到1①｜2025最新环境搭建+浏览器驱动避坑指南（附验证代码）」 俗人咖 seleniumpython自动化
    Selenium+Python自动化1-环境搭建一、Selenium简介Selenium是一个广泛使用的自动化测试工具，主要用于Web应用程序的自动化测试。它支持多种编程语言（如Java、Python、C#、Ruby、JavaScript等），并允许用户控制浏览器执行自动化任务，例如点击按钮、填写表单、验证页面内容等。Selenium可以在多种浏览器（如Chrome、Firefox、Edge、Sa
  • 第二章：基础概念精讲 - 第二节 - Tailwind CSS 颜色系统和主题定制 tailwind-css
    颜色系统基础1.默认调色板TailwindCSS提供了一套精心设计的默认颜色系统：//tailwind.config.js默认颜色示例module.exports={theme:{colors:{//灰度gray:{50:'#f9fafb',100:'#f3f4f6',200:'#e5e7eb',//...更多色阶900:'#111827',},//主题色blue:{50:'#eff6ff',10
  • python基础之零基础入门【参数说明+代码实战】 步入烟尘 Python超入门指南全册python开发语言高级语言Python入门
    本文已收录于《Python超入门指南全册》本专栏专门针对零基础和需要进阶提升的同学所准备的一套完整教学，从基础到精通不断进阶深入，后续还有实战项目，轻松应对面试，专栏订阅地址：https://blog.csdn.net/mrdeam/category_12647587.html优点：订阅限时19.9付费专栏，私信博主还可进入全栈VIP答疑群，作者优先解答机会（代码指导、远程服务），群里大佬众多可以
  • rust的指针作为函数返回值是直接传递，还是先销毁后创建？ wudixiaotie 返回值
     这是我自己想到的问题，结果去知呼提问，还没等别人回答， 我自己就想到方法实验了。。 fn main() { let mut a = 34; println!("a's addr:{:p}", &a); let p = &mut a; println!("p's addr:{:p}", &a
  • java编程思想 -- 数据的初始化 百合不是茶 java数据的初始化
      1.使用构造器确保数据初始化      /* *在ReckInitDemo类中创建Reck的对象 */ public class ReckInitDemo { public static void main(String[] args) { //创建Reck对象 new Reck(); } }
  • [航天与宇宙]为什么发射和回收航天器有档期 comsci
           地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁...        所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行 &
  • linux下批量替换文件内容 商人shang linux替换
    1、网络上现成的资料 　　格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径` 　　linux sed 批量替换多个文件中的字符串 　　sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir` 　　例如：替换/home下所有文件中的www.admi
  • 网页在线天气预报 oloz 天气预报
    网页在线调用天气预报 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit
  • SpringMVC和Struts2比较 杨白白 springMVC
    1. 入口 spring mvc的入口是servlet，而struts2是filter（这里要指出，filter和servlet是不同的。以前认为filter是servlet的一种特殊），这样就导致了二者的机制不同，这里就牵涉到servlet和filter的区别了。 参见：http://blog.csdn.net/zs15932616453/article/details/8832343 2
  • refuse copy, lazy girl! 小桔子 copy
           妹妹坐船头啊啊啊啊！都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料，结果查到了人家写得完完整整的。我清楚的认识到： 1.那是我自己觉得写不出的高度 2.如果直接拿来用，很快就能解决问题 3.然后就是抄咩~~ 4.肿么可以这样子，都不想写了今儿个，留着作参考吧！拒绝大抄特抄，慢慢一点点写！  
  • apache与php整合 aichenglong php apache web
    一  apache web服务器 1 apeche web服务器的安装   1)下载Apache web服务器   2)配置域名(如果需要使用要在DNS上注册)   3)测试安装访问http://localhost/验证是否安装成功 2 apache管理   1)service.msc进行图形化管理   2)命令管理，配
  • Maven常用内置变量 AILIKES maven
    Built-in properties ${basedir} represents the directory containing pom.xml ${version} equivalent to ${project.version} (deprecated: ${pom.version}) Pom/Project properties Al
  • java的类和对象 百合不是茶 JAVA面向对象 类 对象
    java中的类：     java是面向对象的语言，解决问题的核心就是将问题看成是一个类，使用类来解决   java使用 class 类名   来创建类 ，在Java中类名要求和构造方法，Java的文件名是一样的   创建一个A类： class A{ }   java中的类：将某两个事物有联系的属性包装在一个类中，再通
  • JS控制页面输入框为只读 bijian1013 JavaScript
    在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。  
  • AngularJS与服务器交互 bijian1013 JavaScriptAngularJS$http
            对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下： var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange
  • [Maven学习笔记八]Maven常用插件应用 bit1129 maven
    常用插件及其用法位于：http://maven.apache.org/plugins/   1. Jetty server plugin 2. Dependency copy plugin 3. Surefire Test plugin 4. Uber jar plugin           1. Jetty Pl
  • 【Hive六】Hive用户自定义函数(UDF) bit1129 自定义函数
    1. 什么是Hive UDF Hive是基于Hadoop中的MapReduce，提供HQL查询的数据仓库。Hive是一个很开放的系统，很多内容都支持用户定制，包括： 文件格式：Text File，Sequence File 内存中的数据格式： Java Integer/String, Hadoop IntWritable/Text 用户提供的 map/reduce 脚本：不管什么
  • 杀掉nginx进程后丢失nginx.pid，如何重新启动nginx ronin47 nginx 重启 pid丢失
    nginx进程被意外关闭，使用nginx -s reload重启时报如下错误：nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了，下一次再开启nginx -s reload时无法启动解决办法：nginx -s reload 只是用来告诉运行中的ng
  • UI设计中我们为什么需要设计动效 brotherlamp UIui教程ui视频ui资料ui自学
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用你的产品。
  • Spring中JdbcDaoSupport的DataSource注入问题 bylijinnan javaspring
    参考以下两篇文章： http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/ http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration Sprin
  • 数据库连接池的工作原理 chicony 数据库连接池
           随着信息技术的高速发展与广泛应用，数据库技术在信息技术领域中的位置越来越重要，尤其是网络应用和电子商务的迅速发展，都需要数据库技术支持动 态Web站点的运行，而传统的开发模式是：首先在主程序（如Servlet、Beans）中建立数据库连接；然后进行SQL操作，对数据库中的对象进行查 询、修改和删除等操作；最后断开数据库连接。使用这种开发模式，对
  • java 关键字 CrazyMizzz java
    关键字是事先定义的，有特别意义的标识符，有时又叫保留字。对于保留字，用户只能按照系统规定的方式使用，不能自行定义。 Java中的关键字按功能主要可以分为以下几类：    （1）访问修饰符       public,private,protected       p
  • Hive中的排序语法 daizj 排序hiveorder byDISTRIBUTE BYsort by
    Hive中的排序语法 2014.06.22 ORDER BY hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序，这意味着所有的数据会传送到一个Reduce任务上，这样会导致在大数量的情况下，花费大量时间。 与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下，必须指定 limit 否则执行会报错。
  • 单态设计模式 dcj3sjt126com 设计模式
      单例模式（Singleton）用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。 使用单例模式生成一个对象后，该对象可以被其它众多对象所使用。 <?phpclass Example{    // 保存类实例在此属性中    private static&
  • svn locked dcj3sjt126com Lock
    post-commit hook failed (exit code 1) with output: svn: E155004: Working copy 'D:\xx\xxx' locked svn: E200031: sqlite: attempt to write a readonly database svn: E200031: sqlite: attempt to write a
  • ARM寄存器学习 e200702084 数据结构C++cC#F#
    无论是学习哪一种处理器，首先需要明确的就是这种处理器的寄存器以及工作模式。     ARM有37个寄存器，其中31个通用寄存器，6个状态寄存器。 1、不分组寄存器（R0-R7）     不分组也就是说说，在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时，由于不同的处理器模式使用一个名字相同的物理寄存器，就是
  • 常用编码资料 gengzg 编码
    List<UserInfo> list=GetUserS.GetUserList(11); String json=JSON.toJSONString(list); HashMap<Object,Object> hs=new HashMap<Object, Object>(); for(int i=0;i<10;i++) {
  • 进程 vs. 线程 hongtoushizi 线程linux进程
    我们介绍了多进程和多线程，这是实现多任务最常用的两种方式。现在，我们来讨论一下这两种方式的优缺点。 首先，要实现多任务，通常我们会设计Master-Worker模式，Master负责分配任务，Worker负责执行任务，因此，多任务环境下，通常是一个Master，多个Worker。 如果用多进程实现Master-Worker，主进程就是Master，其他进程就是Worker。 如果用多线程实现
  • Linux定时Job：crontab -e 与 /etc/crontab 的区别 Josh_Persistence linuxcrontab
    一、linux中的crotab中的指定的时间只有5个部分：* * * * * 分别表示：分钟，小时，日，月，星期，具体说来： 第一段 代表分钟 0—59 第二段 代表小时 0—23 第三段 代表日期 1—31 第四段 代表月份 1—12 第五段 代表星期几，0代表星期日 0—6   如： */1 * * * *   每分钟执行一次。 *
  • KMP算法详解 hm4123660 数据结构C++算法字符串KMP
         字符串模式匹配我们相信大家都有遇过，然而我们也习惯用简单匹配法（即Brute-Force算法)，其基本思路就是一个个逐一对比下去，这也是我们大家熟知的方法，然而这种算法的效率并不高，但利于理解。       假设主串s="ababcabcacbab",模式串为t="
  • 枚举类型的单例模式 zhb8015 单例模式
    E.编写一个包含单个元素的枚举类型[极推荐]。代码如下： public enum MaYun {himself; //定义一个枚举的元素，就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候：/** himself = MaYun() {*
  • Kafka+Storm+HDFS ssydxa219 storm
    cd /myhome/usr/stormbin/storm nimbus &amp;bin/storm supervisor &amp;bin/storm ui &amp;Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk
  • Java获取本地服务器的IP 中华好儿孙 javaWeb获取服务器ip地址
    System.out.println("getRequestURL:"+request.getRequestURL()); System.out.println("getLocalAddr:"+request.getLocalAddr()); System.out.println("getLocalPort:&quo
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他