HLPTHQL
HLPTHQL

B043-JavascriptDOM&Ajax

目录

      • JavascriptDOM
        • 01_事件绑定方式
        • 02_文本操作
        • 03_移入移出事件+文本操作
        • 04_属性和样式操作
        • 05_元素操作-打老虎
      • Ajax
        • 发送ajax get请求

JavascriptDOM

01_事件绑定方式

DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
		<script type="text/javascript">
			
			// 点击事件 绑定方式一:
			function btn1(){
				alert("我出来了。。。。")
			}
			
			// 方式二：
			// 先获取元素： 通过id获取元素			
			// 页面加载事件：  页面加载完成之后再去执行，可以不管上下顺序
			window.onload=function(){
				var btn = document.getElementById("b1");	//需要添加页面加载事件，因为代码自上往下执行，先到这里时按钮二还没有加载到内存中
				// 在这个按钮上绑定一个单机事件
				btn.onclick=function(){
					alert("我又出来了。。。。")
				}
			}
						
		script>
	head>
	<body>
		<button onclick="btn1()">按钮一button>
		<button id="b1">按钮二button>
	body>
html>

02_文本操作

DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
		<script type="text/javascript">
			// 页面加载事件
			window.onload=function(){
				var sp = document.getElementById("sp");
				
				// 添加文本
				// innerHTML   会解析标签
//				sp.innerHTML="
啊哈哈哈哈
";
				// innerText:不会解析文本中的内容
//				sp.innerText="
啊哈哈哈哈
";
				
				// 获取文本   没有给值就是获取
				// 获取的是所有内容，包括子标签
				var sph = sp.innerHTML;
				alert(sph)
				// 获取的是纯文本
				var spt = sp.innerText;
				alert(spt);
			}
			
		script>
	head>
	<body>
		<span id="sp"><h1>javah1>span>
	body>
html>

03_移入移出事件+文本操作

DOCTYPE html>
<html>
	<head>
		
		<meta charset="UTF-8">
		<title>title>
		<style>
			#dv{
				border: 1px solid red;
				height: 200px;
				width: 200px;
				background: green;
			}			
		style>	
		<script type="text/javascript">
			//onmouseover	鼠标指针移动到对象上。
			//onmouseout	鼠标指针移出对象。
			// 绑定事件  div
			// 页面加载完成
			window.onload=function(){
				// 获取div元素
				var dv = document.getElementById("dv");
				// 绑定移入事件
				dv.onmouseover=function(){
					// 敌人来了
					dv.innerHTML="敌人来了。。。。。"
				}				
				// 绑定移出事件
				dv.onmouseout=function(){
					dv.innerHTML="敌人走了";
				}
			}			
		script>
	head>
	<body>
		<div id="dv" >div>
	body>
html>

04_属性和样式操作

DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
		<style>
			.aa{
				color: red;
			}
		style>		
		<script type="text/javascript">
			// 页面加载事件
			window.onload=function(){
				// 获取a标签
				var arr = document.getElementsByTagName("a");				
				console.debug(arr);				
				// 遍历
				for(var i=0;i<arr.length;i++){

					// 绑定鼠标移入事件
					arr[i].onmouseover=function(){
					   this.style.backgroundColor="yellow";
					}				
					// 绑定移出事件
					arr[i].onmouseout=function(){
					   this.style.backgroundColor="white";
					}					
					// 绑定点击事件
					arr[i].onclick=function(){
					   // 动态的添加class属性 ，并且class的是aa
					   this.className="aa";
					}
				}
			}			
		script>
	head>
	<body>		
		<a href="javascript:;"><file>file>a>
		<a href="javascript:;">Edita>
		<a href="javascript:;">Edita>
		<a href="javascript:;">Edita>
		<a href="javascript:;">Edita>
	body>
html>

05_元素操作-打老虎

DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
	head>
	<body>
		<button id="btn">武松button>
		
		<script type="text/javascript">
			
			var tiger;
			setTimeout(function(){

				tiger = document.createElement("input");
				tiger.type="button";
				tiger.value="大老虎";  // 
				
				// 把input添加到body中
				document.body.appendChild(tiger);	
			},3000);
			
			// 打老虎
			document.getElementById("btn").onclick=function(){
				// 把新添加的input移出
				document.body.removeChild(tiger);
			}
			
		script>
	body>
html>

Ajax

发送ajax get请求

DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title heretitle>
head>
<body>
	<form action="/user/register" method="get">
		用户名:<input type="text" name="username" id="username" /><span id="sp">span><br/>
		密码: <input type="password" name="password" id="password" /><br/> 
			  <input type="submit" value="注册">
	form>
	<script type="text/javascript">	
		// 定义一个函数  返回一个ajax对象
		function getXhr(){
			var xhr = null;
			if(window.XMLHttpRequest){//针对非低版本ie浏览器
				xhr = new XMLHttpRequest();
			}else{//针对低版本的ie浏览器
				xhr = new ActiveXObject('Microsoft.XMLHTTP');
			}
			return xhr;
		}
		
        // get请求
		// 绑定失去焦点事件
		document.getElementById("username").onblur=function(){
			// 获取当前输入的用户名   为了给后台判断的
			var username = this.value;					
			// 1.获取ajax对象；
			var xhr = getXhr();
			// 2.准备发送请求
			xhr.open("get","/user/checkName?name="+username);
			// 3.设置回调函数（主要是获取服务器返回的正确数据）：
			xhr.onreadystatechange = function(){
				// 正确的结果
				if(xhr.readyState==4 && xhr.status==200){
					// 接受后台数据
					var msg = xhr.responseText;
					// alert(msg);
                    if(msg.indexOf("ok")!=-1){
						// 用户名可用  
						// 获取span标签
						document.getElementById("sp").innerHTML="用户名可用";
					}else{
						// 用户名不可用
						document.getElementById("sp").innerHTML="用户名已存在";					
					}	
				}				
			}
			// 4.发送请求
			xhr.send();
		}
	script>
body>
html>

UserController

@Controller
public class UserController {

	@RequestMapping("/user/checkName")
	@ResponseBody // 不走视图解析器了
	public String checkName(String name){

		if("tom".equals(name)){
			return "no";
		}
		return "ok";	
	}
	
}


DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title heretitle>
head>
<body>
	<form action="/user/register" method="post">
		用户名:<input type="text" name="username" id="username" /><span id="sp">span><br/>
		密码: <input type="password" name="password" id="password" /><br/> 
			  <input type="submit" value="注册">
	form>
    
	<script type="text/javascript">	
		// 定义一个函数  返回一个ajax对象
		function getXhr(){
			var xhr = null;
			if(window.XMLHttpRequest){//针对非低版本ie浏览器
				xhr = new XMLHttpRequest();
			}else{//针对低版本的ie浏览器
				xhr = new ActiveXObject('Microsoft.XMLHTTP');
			}
			return xhr;
		}
		
        var flag;
		// 绑定失去焦点事件
		document.getElementById("username").onblur=function(){
			// 获取当前输入的用户名   为了给后台判断的
			var username = this.value;					
			// 1.获取ajax对象（已经获取）；
			var xhr = getXhr();
			
			// 2.准备发送请求
			xhr.open("post","/user/checkName");
			
			//3.设置回调函数（主要是获取服务器返回的正确数据）：
			xhr.onreadystatechange = function(){
				// 正确的结果
				if(xhr.readyState==4 && xhr.status==200){
					// 接受后台数据
					var msg = xhr.responseText;
					if(msg.indexOf("ok")!=-1){
						// 用户名可用
                        flag = true;
						// 获取span标签
						document.getElementById("sp").innerHTML="用户名可用";
					}else{
						// 用户名不可用
                        flag = false;
						document.getElementById("sp").innerHTML="用户名已存在";	
					}	
				}				
			}
			// 4.设置一个头信息
			xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
			// 5.发送请求
			xhr.send("name="+username);			
		}
        
        function subFun(){
			return flag;
		}
			
	script>
body>
html>

UserController

@Controller
public class UserController {

	@RequestMapping("/user/checkName")
	@ResponseBody // 不走视图解析器了
	public String checkName(String name){

		if("tom".equals(name)){
			return "no";
		}
		return "ok";	
	}
	
}

你可能感兴趣的:(笔记总结,ajax,javascript,前端)

  • Vue 生命周期与 TypeScript：深入理解组件生命周期 shiming8879 typescriptvue.js前端
    Vue生命周期与TypeScript：深入理解组件生命周期引言Vue.js作为一种流行的前端框架，其组件生命周期是开发过程中不可或缺的一部分。理解并正确利用Vue的生命周期，可以帮助开发者构建更加健壮和可维护的应用。而当TypeScript与Vue结合使用时，这种优势得到了进一步的增强。TypeScript作为一种强类型语言，提供了类型检查和代码清晰性，使得Vue组件的生命周期管理变得更加高效和可
  • 微信小程序中数值计算的精度丢失问题 WorkAndDebugger 微信小程序微信小程序
    在微信小程序中，当你遇到数值计算的精度丢失问题时，主要是因为JavaScript在处理浮点数时存在固有的精度问题。这是因为计算机内部使用二进制形式存储数字，而某些十进制小数在二进制中无法精确表示，从而导致了精度误差。解决这个问题的方法有几个：使用整数运算：如果你的应用允许，可以将所有涉及的小数转换为整数再进行计算。例如，将货币值乘以100转换为分进行计算，最后再除以100转换回元。function
  • 基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件 练练科技 java课程设计mysql
    基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
  • export default vs module.exports：JavaScript 模块导出的双雄对决 正小安 vue杂谈前端javascriptecmascript
    exportdefaultvsmodule.exports：JavaScript模块导出的双雄对决在JavaScript的模块化编程中，exportdefault和module.exports是两种不可或缺的语法，它们分别代表了ES6模块系统（也称为ES2015模块或ES6模块）和CommonJS模块系统的核心导出机制。了解它们之间的区别与联系，对于编写可维护、跨平台兼容的JavaScript代码
  • 用JavaScript写一个简单的9*9乘法表 迷雾yx javascript开发语言ecmascript
    Documentspan{width:80px;padding:5px10px;display:inline-block;/*可以使行内元素表现得像块级元素一样*/text-align:center;/*文本居中*/border:1pxsolidturquoise;margin:2px;/*每个边框之间距离为2px*/border-radius:10px;/*边框圆润*/box-shadow:6p
  • How can I load the openai api configuration through js in html? 营赢盈英 AIaipythonjavascripthtmlnode.jsopenai
    题意：怎样在HTML中通过JavaScript加载OpenAIAPI配置问题背景：Iamtryingtosendarequestthroughjsinmyhtmlsothatopenaianalyzesitandsendsaresponse,butifinthejsIputthefollowing:我正在尝试通过HTML中的JavaScript发送一个请求，以便让OpenAI分析它并发送响应，但如
  • java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署 鸿源网络 数据库mysqljava
    java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQ
  • 分享JavaScript中直接调用CSS中的类名 奔跑的呱呱牛 javascriptcss开发语言
    分享JavaScript中直接调用CSS中的类名在现代的JavaScript框架（如React、Vue）中，使用CSS模块（CSSModules）是一种非常流行的方式。.module.css文件扩展名代表的是CSS模块，它与普通的CSS文件不同，能够解决样式全局污染的问题，并且实现更好的样式隔离。为什么要使用.module.css作用域隔离：传统的CSS文件中的类名是全局的，这意味着如果多个组件或
  • 基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署 源新网络 java开发语言
    基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
  • css-loader/style-loader/less-loader/sass-loader/postcss-loader各有什么作用，一次性说明白 iWangsd css
    大家都清楚在使用webpack构建前端项目时都会使用到sass-loader、less-loader、postcss-loader、css-loader、style-loader，但这些loader在其中起到什么作用呢？本篇主要阐述这些loader在打包中所扮演的角色。概述1、css-loader:加载.css文件的loader，会对@import和url()进行处理2、style-loader:
  • Selenium面试题（二） 知识的宝藏 Selenium（Java）selenium测试工具
    如何在不使用sendKeys()的情况下输入文本可以通过组合使用JavaScript和WebDriver扩展类来实现。以下是一个示例代码：publicstaticvoidsetAttribute(WebElementelement,StringattributeName,Stringvalue){WrapsDriverwrappedElement=(WrapsDriver)element;Java
  • 前端文件预览，PDF，word，TXT LJ小番茄 随便写点pdf
    先说一下需求：这里要做的就是从后端返回的URL下载地址，然后前端去渲染出来刚开始看了其他的一些博主的文章，都是不怎么适用于我，我自己找了几个新的第三方库vue-office/pdf官网：vue-office简介|vue-office这里支持docx，xlsx，PDF文件格式mammoth.js文档：mammoth-npmPDF预览我用的是vue-office/pdf这个库//引入该库importV
  • 前端基础知识点 der.. htmlcssjavascript
    本人现在是一名准大二计算机系的学生，准备开始写博客，一方面是想在csdn留下自己的足迹，另一方面是想通过写博客来提高自己的能力。以后会分享一些学习心得，程序代码，以及我的一些学习计划，还有每天学习后的知识总结。如果你和我一样，不甘于平凡，那么，就请给我点一个关注，我们互相交流，共同进步。--------------------------------------------------------
  • linux多个sh 同时执行命令,sh, 批量执行Linux命令 一颗橙子君 linux多个sh同时执行命令
    step1:创建一个sh批处理命令文件#vim/etc/batch_ssh/install_redis.shstep2：给当前用户，能够执行sh脚本权限#chmodinstall_redis.sh777step3:编写要批量执行的命令，read表示等待前端用户输入，sleep表示等待时间单位为秒。echo'\nbegintoinstall01plugin\n';yuminstallcpp-y;ec
  • 前端进阶：JavaScript实现优雅遮罩层下的表单验证技巧 VaporGas 前端前端javascripthtmlhtml5ecmascript开发语言
    表单验证的高级特性本次介绍的重点如下：动态改变样式属性className属性的用法遮罩层特效的制作动态输入的提示特性实现当文本框获得焦点时改变背景颜色，失去焦点时恢复白色使用元素的style属性访问样式规则object.style.property;例如:访问字体的颜色color使用obj.style.color访问字体的大小属性使用obj.style.fontSizefont-size变换成fo
  • 前端工程化——脚手架及自动化构建 Jelly-JK 前端工程化javascriptnode.jshtml
    定义一切以提高效率、降低成本、质量保证为目的的手段，都属于工程化前端工程化主要解决的问题传统语言或语法的弊端无法使用模块化/组件化重复性的机械工作代码风格统一、质量保证依赖后端服务接口的保证整体依赖后端项目工程化的表现体现在项目的整个流程：创建项目创建项目结构创建特定类型文件编码格式化校验校验代码风格编译/构建/打包预览/测试WebServer/MockLiveReloading/HMRSourc
  • Java架构师学习路线 网络全息测量 心得体会
    (1)第一步：研究spring,hibernate。通过研究jeecms开源框架。也同时学习css,html,javascript,jquery.以前都学习过，不过没有系统学习过，现在必须系统学习。同时看cms相关的论文。然后，改造jeecms能够改为自己的一个开源框架，以后开发cms系统都用我自己开发的框架，作为第一阶段的成果。(2)第二步：学习开源工作流引擎Activiti5，jbpm4.4以
  • 使用Electron读取本地文件 ch_s_t 前端开发electronjavascript前端
    Electron原来叫AtomShell,可以用Web技术搭建桌面端程序，以Electron为基础，可以用HTML，CSS和javascriptpt实现程序逻辑和用户桌面，Electron程序一般有主进程和渲染进程，主进程是启动程序的Node脚本，提供对原生的node模块访问。渲染进程是由chromium管理的Web界面。以下的内容介绍从零开始搭建一个读取本地文件的Electron项目。一运行简单
  • 一篇文章让你搞懂Reflect和Reflect metadata(JavaScript) 小小西爪 Typescriptjavascript前端开发语言
    一篇文章让你搞懂Reflect和Reflectmetadata(JavaScript)引言Javascript里经常看到Reflect的使用,但一直搞不明白他和Object的区别,加上在工作中也没有经常用到,一直处于懵懵懂懂的状态。所以下定决心,用这篇文章彻彻底底把它搞明白本文主要涵盖以下4个板块:Reflect什么是ReflectAPIs(Reflect与Object的区别)简单的例子:Obje
  • [WinError 10013] 以一种访问权限不允许的方式做了一个访问套接字的尝试 lgc0208 服务器网络socket
    在使用Tensorboard的过程中，遇到报错[WinError10013]以一种访问权限不允许的方式做了一个访问套接字的尝试可能原因：当前端口被占用。解决方案：以6006端口为例，首先打开命令行，输入命令：netstat-aon|findstr"6006"查找当前正在占用6006端口的进程PID。查询到对应进程PID后，打开任务管理器，点击详细信息，找到PID对应的进程关闭即可。
  • mysql是后端还是前端_MySQL数据库之前端和后端的系统优化 草莓西瓜大桃子 mysql是后端还是前端
    本文中介绍的系统优化，主要针对前端和后台这两方面(后台方面主要对SQL语句和数据存储进行了优化)，下文中我们将介绍一些优化技巧和经验。技巧：1.如何查出效率低的语句？在MySQL下，在启动参数中设置--log-slow-queries=[文件名]，就可以在指定的日志文件中记录执行时间超过long_query_time(缺省为10秒)的SQL语句。你也可以在启动配置文件中修改longquery的时间
  • 总结函数相关知识 你会发光哎u JavaScript高级学习javascript前端开发语言
    这里写目录标题1.函数的特性声明调用参数参数默认值返回值属性方法arguments剩余参数（`rest`）作用域原型`this`指向执行过程2.特殊的函数`with`函数`eval`函数apply/call/bind函数纯函数箭头函数立即执行函数`IIFE`高阶函数递归函数组合函数柯里化函数概念优势自动柯里化类和构造函数JavaScript是支持函数式编程的，在JavaScript中函数是一等公民
  • Vue解說 白总Server vue.js前端javascript数据库架构网络协议ssl网络
    Vue.js（通常简称为Vue）是一个开源的JavaScript框架，用于构建用户界面和单页应用程序（SPA）。它由前谷歌工程师尤雨溪（EvanYou）创建，并首次发布于2014年。Vue被设计为易于上手、灵活且高效，它允许开发者通过组件化的方式构建复杂的前端应用。Vue.js的关键特点：渐进式框架：Vue可以从简单的界面元素开始，逐步扩展到复杂的单页应用。响应式数据绑定：Vue使用双向数据绑定，
  • 程式语言区分 白总Server htmlpythonjavac++开发语言
    程序语言有很多种，每种都有其特定的用途和特点。以下是一些广泛使用的编程语言：1.Python：易于学习，广泛用于数据科学、机器学习、网络开发、自动化等领域。2.Java：广泛应用于企业级应用、安卓开发、大型系统开发等。3.C：一种基础语言，广泛用于系统编程、嵌入式开发、操作系统等领域。4.C++：C语言的扩展，支持面向对象编程，用于游戏开发、高性能应用等。5.JavaScript：主要用于网页前端
  • JS手写实现深拷贝 Mzp风可名喜欢 javascript前端
    手写深拷贝一、通过JSON.stringify二、函数库lodash三、递归实现深拷贝基础递归升级版递归---解决环引用爆栈问题最终版递归---解决其余类型拷贝结果一、通过JSON.stringifyJSON.parse(JSON.stringify(obj))是比较常用的深拷贝方法之一原理：利用JSON.stringify将JavaScript对象序列化成为JSON字符串，并将对象里面的内容转换
  • 前端架构师招聘 qq_42801150 前端架构金融
    前端架构师（薪酬50-80W）所属部门：医美云事业部级别：T4岗位职责：1.负责事业部前端技术选型、关键技术决策；2.负责为技术VP前端相关技术决策提供建议和支持；3.负责组织实施内部UI库、内部基础研发工具和研发依赖的开发和实施；4.负责制订公司前端研发规范的制订和实施审查；5.负责组织定期内部前端业务培训，协助提升内部员工前端业务技能。任职要求：1.5年以上工作经验，大型互联网公司前端团队技术
  • 大前端面试题集锦——HTML篇 Midshar.top 前端html
    HTML篇1.什么是DOCTYPE,有何作用?DOCTYPE是用来声明HTML文档应当使用哪种版本来进行解析如果不使用DOCTYPE告知浏览器应当使用哪种版本解析文档,那么浏览器将会开启最大兼容模式来解析文档,一般称为怪异模式.在怪异模式下,可能会产生一些预想不到的bug2.说说对HTML语义化的理解?HTML的语义化指的是在合适的地方使用合适的标签,让人能够根据标签进而大致知晓标签内容语义化使得
  • 高频面试题：ReactNative前端面试频率较高的面试题和答案（十六） 夲奋亻Jay 高频面试题react跨端reactnative前端面试
    ReactNative是一个由Facebook开发的框架，它允许使用React来开发原生移动应用。以下是一些在前端面试中可能会问到的关于ReactNative的高频面试题及答案：ReactNative是什么？答案：ReactNative是一个基于React构建的框架，允许使用JavaScript和React的编程方式来开发原生移动应用。ReactNative与React有什么不同？答案：React
  • 前端架构师的职责 acigt0531 前端gitViewUI
    前端架构师的职责没有文档的代码=放弃治疗作为前端架构师,首先要解决的问题就是让日益膨胀的代码可控,因此你需要梳理代码,建立架构,组织文档,管理架构的更新和维护,评审技术方案对架构的影响,核心模块的方案设计,重点项目的方案设计,CodeReview等.架构师和资深开发在工作职责上有着明确的界限,在一个没有架构师的团队,每一个资深开发或多或少都承担了一部分架构的工作,但都是破碎的,不成体系而且不统一,
  • 前端技能树，面试复习第 54 天—— 手写代码：情景题 编程轨迹_ 前端面试复习笔记前端面试题手写题真题场景题
    ⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、区块链、Web3、答疑解惑、面试辅导以及职业发展。本文已收录至前端面试题库专栏：《前端面试复习笔记》（点击订阅）。1.循环打印红黄绿下面来看一道比较典型的问题，通过这个问题来对比几种异步编程方法：红灯3s亮一次，绿灯1s亮一次，黄灯2s亮一次；如何让三个灯不断交替重复亮灯？
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他