lxq_xsyu
lxq_xsyu

小强的HTML5移动开发之路（30）—— JavaScript回顾5

一、查找

第一种方式：依据id查找

var obj = document.getElementById(id);   //document是HTMLDocument的实例

<html>
	<head>
		<script>
			function f1(){
				var obj = document.getElementById('a1'); //双引号，单引号都可以
				//innerHTML属性：可以访问或者设置节点的html的属性值
				//alert(obj.innerHTML); 
				obj.innerHTML = "为什么点我"; //双引号单引号都可以
			}
			function f2(){
				var obj = document.getElementById('d1');
				alert(obj.innerHTML);
			}
			function f3(){
				var obj = document.getElementById('username');
				//value属性：可以获取文本输入框的值和改变值
				alert(obj.value); //获得值
				obj.value = 'abc';//改变值
			}
			
		</script>
	</head>

	<body style="font-size:30px;font-style:italic;">
		<!--javascript:; 表示是一个空白的js语句-->
		<a href="javascript:;" id="a1" onclick="f1();">click me</a><br/>
		<div id="d1" ><span>你好</span></div><br/>
		<input type="text" id="username" name="username"/><br/>
		<input type="button" value="点我吧" onclick="f3();"/>
	</body>
</html>
第二种方式

var arr = node.getElementsByTagName('tagName');

<html>
	<head>
		<style>
			ul{
				list-style-type:none;	
			}
			ul li{
				float:left;
				border:1px solid black;
				margin-left:10px;
				width:100px;
				height:40px;
				background-color:red;
				cursor:pointer;				
			}
			.selected{
				background-color:#ff88ee;
			}
		</style>
		<script src="myjs.js"></script>
		<script>
			function doAction(index){
				var arr = $('u1').getElementsByTagName('li');
				for(i=0; i<arr.length; i++){
					arr[i].className = '';
				}
				var obj = $('l'+index);
				obj.className = 'selected';
			}
		</script>
	</head>
	<body style="font-size:30px;">
		<ul id="u1">
			<li onmouseover="doAction(1);" id="l1">选项一</li>
			<li onmouseover="doAction(2);" id="l2">选项二</li>
			<li onmouseover="doAction(3);" id="l3">选项三</li>
		</ul>
	</body>
</html>
第三种方式

使用遍历的方式（浏览器兼容性差）

parentNode

previousSibling 前一个兄弟

nextSibling 下一个兄弟

childNodes 所有子节点

firstChild 前一个子节点

lastChild 后一个子节点

遍历的方式因为有浏览器的兼容性问题，尽量少用

二、创建

document.createElement(tagName);            //tagName表示标记名

三、添加

node.appendChild(obj);  //作为最后一个孩子添加

node.insertBefore(obj, refNode);  //添加到refNode的前面

node.replaceChild(obj, refNode);  //替换refNode

四、删除

node.removeChild(obj);

<html>
	<head>
		<script src="myjs.js"></script>
		<script>
			function f1(){
				var obj = document.createElement('div');	
				obj.innerHTML = '兴趣最重要...';
				obj.className = 's1';
			//	$('d1').appendChild(obj);	
			//	$('d1').insertBefore(obj, $('a1'));	
			//	$('d1').replaceChild(obj, $('a1'));
				$('d1').removeChild($('a1'));
			}
		</script>
		<style>
			.s1{
				width:200px;
				height:100px;
				background-color:red;
			}
		</style>
	</head>
		
	<body style="font-size:30px;" id="d1">
<!-- 		<a href="javascript:alert('hello');">如何学好java</a>  -->
		<a id="a1" href="javascript:;" onclick="f1();">如何学好java</a>
	</body>
</html>

五、样式

第一种方式：修改节点的className属性

比如：var obj = document.getElementById('id1');    obj.className = 's1'; //使用s1样式  ****见例子：表单验证****

第二种方式：修改节点的style属性

1.必须是内联样式

2.如果要修改的样式属性名包括"-"，比如background-color,则要按照如下方式修改node.style.backgroundColor = 'red';

<html>
	<head>
		<style>
			#d1{
				width:80px;
				height:80px;
				background-color:blue;
				position:relative;
			}
		</style>
		<script src="myjs.js"></script>
		<script>
			function f1(){
				var v1 = parseInt($('d1').style.left);
				$('d1').style.left = v1 + 50 + 'px';
			}
		</script>
	</head>
	<body>
		<div id="d1" style="left:10px;"></div>
		<input type="button" value="click me"
		onclick="f1();"/>
	</body>
</html>

如何禁止浏览器的两种默认行为：

点击连接，浏览器会向href属性指向的地址发请求

点击表单提交按钮，浏览器会提交表单

禁止的方式

<a href="" onclick="return false;"></a>

<from onsubmint="return false;"></form>






你可能感兴趣的:(JavaScript,dom,w3c)

  • 【前端】一文快速回顾 Html+CSS+JS CoderSharry 前端前端htmlcss
    文章目录前言Preface1.HTML快速回顾1.1基本结构1.2简单语法回顾2.CSS快速回顾2.1三种引入方式2.2选择器2.3布局2.3.1盒子模型2.3.2定位2.3.3浮动2.4简单练习3.JavaScript快速回顾3.1JavaScript引入方式3.2JavaScript基本语法3.2.1变量3.2.2函数与箭头函数3.3简单练习4.总结参考资料一文快速回顾前端基础三件套：HTML
  • react案例动态表单（受控组件）
    学了react基础的这些state，props，以及配置react.react-dom,react-scriprs这些环境，和组件，检验这些最直接的方式就是写出点什么，现在我们去写一个受控组件（用state去操作渲染标签内容，用标签的value去操作更新state，双向绑定），那么我们开始吧。首先要写一个表单，先写出来结构。首先是用户输入区域，还有展示区，首先展示区有默认展示的内容，我们直接定义一
  • Python—快速入门 H.ZWei Pythonpython开发语言
    文章目录简介变量声明控制语句条件控制语句循环语句集合ListDictSetTuple函数定义全局变量和局部变量类模块异常处理生成器简介Python作为一门解释型语言，在运行时逐行解释执行代码，无需编译成二进制文件，这一点和JavaScript类似。它属于弱类型语言，变量类型无需提前声明，赋予了代码极高的灵活性。正因这些特性，Python门槛较低，新手很容易上手。变量声明没有关键字修饰变量名，如下：
  • 你确定懂冒泡排序？用动画的方式讲懂冒泡排序及其优化方式 linwu-hi 动画解析数据结构和算法前端算法排序算法
    点击在线阅读，体验更好链接现代JavaScript高级小册链接深入浅出Dart链接现代TypeScript高级小册链接基本概念冒泡排序是一种基础的排序算法。其基本思想是通过不断地比较相邻元素并在必要时进行交换，将最大（或最小）的元素"冒"到序列的一端。排序步骤先来感受到冒泡排序的步骤吧以数组[5,3,8,4,6]为例，冒泡排序的步骤如下：第一轮排序：比较相邻的元素。第一次比较5和3，5大于3，交换
  • 冒泡排序及其优化方式详解（JavaScript实现） 碧海蓝天· javascript开发语言ecmascriptJavaScript
    冒泡排序是一种简单但效率较低的排序算法，它通过多次迭代比较相邻元素，并交换它们的位置，使得每一轮迭代都将最大（或最小）的元素移动到末尾。本文将以JavaScript代码和动画的方式详细解释冒泡排序的工作原理，并介绍一些优化方式。冒泡排序的基本实现下面是使用JavaScript实现冒泡排序的基本代码：functionbubbleSort(arr){constlen=arr.length;for(<
  • Ajax 入门 凌冰_ JSajax前端javascript
    一、Ajax概念Ajax（AsynchronousJavaScriptandXML）是一种在不刷新整个页面的情况下，与服务器进行异步通信并更新部分网页的技术。尽管名称中包含“XML”，但现代Ajax更多使用JSON作为数据格式。二、核心概念异步通信：无需刷新整个页面，可在后台与服务器交换数据。核心技术：XMLHttpRequest（XHR）：原生JavaScriptAPI（旧版）FetchAPI：
  • 使用Puppeteer抓取动态网页的完整指南
    当遇到React/Vue等现代前端框架构建的SPA（单页应用）时，传统爬虫无法获取JavaScript动态渲染的内容。本文将教你使用Puppeteer破解这个难题，实现真正的动态网页抓取。我们开始准备环境1.安装Node.js版本至少要在14以上才行哦2.初始化开发项目的命令在这里mkdirpuppeteer-crawler&&cdpuppeteer-crawlernpminit-y3.在项目里边
  • Qt编程-qml操作（js，c++，canvas） 其实我今天想吃河北正宗安徽牛肉板面 Qtqt开发语言
    QML与C++深度整合及Canvas绘图技术详解一、QML与C++交互机制深度解析1.1交互的必要性与优势核心价值对比表：技术维度QML优势C++优势交互价值界面开发声明式UI，快速布局界面能力有限QML构建UI，C++提供逻辑计算性能JavaScript性能受限高性能计算C++处理复杂算法硬件访问无法直接访问完备的硬件访问能力C++封装硬件接口代码复用适合UI组件集成现有库/系统组件复用C++业
  • 前端框架中注释占位与Fragment内容替换的实现与优化 xjf7711 前端框架前端javascript注释占位fragment
    在现代前端开发中，使用注释占位符替换Fragment内容是一种常见的需求，尤其在处理动态内容、模板预加载和组件复用场景中。React和Vue作为当前最主流的前端框架，提供了不同的实现方式和优化策略，但核心目标都是减少不必要的DOM操作，提高渲染性能，同时保持代码的可维护性和结构清晰。一、注释占位符在前端框架中的概念与作用注释占位符本质上是HTML注释（）在前端框架中的应用延伸。在传统HTML中，注
  • 【C#中路径相关的概念】
    在C#程序中，理解路径相关的概念（如基目录、可执行程序路径等）对于文件操作和资源管理至关重要。以下是这些概念的详细解释：1.基目录（BaseDirectory）定义：基目录是应用程序的“根”目录，通常是程序启动时所在的目录。对于大多数应用程序，它是包含可执行文件（.exe）的目录，但在某些部署场景（如ASP.NET应用）中可能不同。获取方式：stringbaseDir=AppDomain.Curr
  • 生成随机数（C++） 泽慕 C++c++
    1随机生成某一个区间内的随机整数#include"iostream"#include"random"intmain(intargc,char*argv[]){std::random_devicerd;std::mt19937gen(rd());intx=std::uniform_int_distribution(0,10)(gen);std::coutdist(0.0,1.0);doubleflo
  • React 学习计划 夜游猿 Reactreact.js学习前端
    React学习计划前置知识目标熟练掌握HTML、CSS和JavaScript的基础知识。了解ES6+的新特性。学习内容HTML:标签属性表单布局CSS:选择器盒模型布局（Flexbox,Grid）响应式设计JavaScript:变量数据类型控制结构函数对象数组DOM操作ES6+:箭头函数模板字符串解构赋值类模块化资源MDNWeb文档《你不知道的JavaScript》（上卷）React基础目标能够创
  • 前端3D技术-3. Three.js 入门 程序员勇哥 前端全套教程前端3djavascripttypescriptreact.js开发语言
    前端3D技术-3.Three.js入门在前端3D开发领域，WebGL虽能实现高性能3D渲染，但直接使用其API开发门槛较高。而Three.js作为基于WebGL封装的JavaScript库，极大降低了3D开发难度，成为众多开发者的首选。下面就让我们走进Three.js的世界，开启3D开发的入门之旅。Three.js简介与安装Three.js的优势和特点Three.js最大的优势在于它对WebGL复
  • js代码中的作用域
    好的，我们来详细梳理一下JavaScript中的变量作用域(VariableScope)。这是一个非常核心的概念，尤其是在ES6（2015年）引入let和const之后，理解作用域变得更加重要。什么是作用域(Scope)？简单来说，作用域就是一套规则，用来规定变量和函数在代码中的可访问范围。你可以把它想象成变量能够“存活”和被访问的“地盘”或“领地”。一旦离开了这个地盘，你就无法访问它了。作用域的
  • jQuery CSS 类
    jQueryCSS类引言jQuery是一个快速、小型且功能丰富的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax操作。在jQuery中，CSS类的使用是处理样式和美化网页的关键组成部分。本文将深入探讨jQueryCSS类的使用方法，包括如何添加、移除、切换和检查CSS类，以及如何通过CSS类实现动态样式变化。jQueryCSS类的基本概念CSS类是HTML元素的一个
  • html虚拟滚动，解决dom渲染过多卡顿的问题
    极简虚拟滚动.container{width:300px;height:300px;border:1pxsolid#ccc;overflow:auto;position:relative;}.placeholder{height:50000px;/*假设总高度为1000个item*50px*/}.item{position:absolute;left:0;top:0;width:100%;heig
  • 领域驱动设计（Domain-Driven Design DDD)——模型驱动设计的构造块1 阿波罗.2012 软件架构系统架构架构设计模式软件构建
    一、概述为了保证软件实现简洁且与模型保持一致，不管实际情况如何复杂，必须运用建模和设计的最佳实践，即设计模式GoF等。领域驱动设计能够使模型和程序紧密结合一起，互相促进对方的效用。这种结合要求我们注意每个设计的细节。这种设计风格沿续了“职责驱动设计”的原则，也用利了其他面向对象的设计原则如“SOLID”原则等为了使领域驱动设计过程更加灵活，开发人员需理解上述原则是如何支持Model-DrivenD
  • 理解WebGL中的顶点着色器和片元着色器 程序猿全栈の董（董翔） webgl着色器
    WebGL是一种基于OpenGLES的JavaScriptAPI，它允许我们在网页上直接渲染3D图形而无需任何插件。WebGL的核心是着色器编程，它主要包含两种着色器：顶点着色器(VertexShader)和片元着色器(FragmentShader)。顶点着色器负责处理每个顶点的位置，它决定了顶点在屏幕上的最终位置。而片元着色器则负责计算每个像素的颜色值。这两个着色器共同工作，构成了WebGL渲染
  • 无限弹窗（python） 在线码BUG python
    生活中当我们给朋友发消息不回时就可以为他发送一个无限弹窗打代码，他因为好奇打开了那么他就中计了，没有中计我们也不会损失什么importtkinterastkimportrandomimportthreadingimporttimedefdow():window=tk.Tk()window.title('你是XX')window.geometry("200x50"+"+"+str(random.ra
  • React 开发（三）：环境搭建 - 在本地构建第一个 React 项目 全栈探索者chen reactreact.js前端前端框架程序人生开发语言javascript
    React开发（三）：环境搭建-在本地构建第一个React项目在现代Web开发中，React因其高效的虚拟DOM和组件化开发模式，已经成为许多开发者的首选框架。React应用开发的第一步便是环境搭建，本文将带领你一步步地在本地创建第一个React项目，从基本环境配置到项目初始化，再到了解核心文件结构，为后续的开发打好基础。一、前置环境准备在搭建React开发环境前，建议安装以下基础工具：Node.
  • 使用Python制作电脑无限弹窗恶搞程序教程 kkkliaoo python开发语言安全
    效果如下：演示视频：python弹窗恶搞程序演示视频教程：1，导入模块，下载模块的方法不过多说明了，可以看我其他的文章有说怎么下载第三方模块，或者Alt+Enter下载也可。#弹窗恶搞importtkinterastkimportrandomimportthreadingimporttime2，复制如下代码，运行即可defdow():window=tk.Tk()width=window.winfo
  • React环境搭建及语法简介
    React是目前最流行的前端框架之一，其核心是组件化开发和虚拟DOM。以下从基础语法到高级特性，为你提供系统化的学习路径和代码示例。一、基础环境搭建首先需要安装Node.js（包含npm或yarn），然后创建React项目：#使用create-react-app脚手架npxcreate-react-appmy-react-appcdmy-react-appnpmstart#启动开发服务器二、核心语
  • TypeScript基本类型
    一、前言TypeScript是JavaScript的一个超集，它通过添加静态类型系统帮助开发者写出更健壮、可维护性更强的代码。而理解TypeScript的基本类型是学习TypeScript的第一步。本文将带你全面了解TypeScript中的常用基本类型，包括：✅数值类型✅字符串类型✅布尔类型✅null与undefined✅any与unknown✅never与void✅数组类型✅元组类型并通过大量代
  • 深入理解观察者模式及其JavaScript实现 布兰妮甜 javascript观察者模式网络
    Hi，我是布兰妮甜！观察者模式（ObserverPattern）是一种行为设计模式，它定义了对象之间的一对多依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都会得到通知并自动更新。这种模式在事件处理系统、数据绑定和发布-订阅系统中广泛应用。文章目录一、观察者模式的核心概念二、观察者模式的优点三、JavaScript实现观察者模式1.基本实现2.更实用的例子-天气预报系统3.使用函数作为观察
  • MVC与MVVM架构模式详解：原理、区别与JavaScript实现 布兰妮甜 javascriptmvcmvvm架构
    Hi，我是布兰妮甜！在当今复杂的前端开发领域，如何组织代码结构一直是开发者面临的核心挑战。MVC和MVVM作为两种经典的架构模式，为前端应用提供了清晰的责任划分和可维护的代码组织方案。本文将深入探讨这两种模式的原理、实现差异以及在实际项目中的应用场景，通过JavaScript代码示例展示它们的核心思想，帮助开发者理解如何根据项目需求选择合适的架构模式。文章目录一、架构模式概述二、MVC架构模式2.
  • Github 2025-07-03Go开源项目日报Top10 老孙正经胡说 github开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，今日(2025-07-03统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Go项目10JavaScript项目2Go编程语言：构建简单、可靠和高效的软件创建周期：3474天开发语言：Go协议类型：BSD3-Clause“New”or“Revised”LicenseStar数量：117964个Fork数量：16989次关注人
  • Github 2025-07-01 开源项目月报 Top16
    根据GithubTrendings的统计，本月(2025-07-01统计)共有16个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量TypeScript项目5JupyterNotebook项目4Python项目4Rust项目2JavaScript项目1非开发语言项目1Shell项目1Dockerfile项目1Java项目1C++项目1Vue项目1各种有趣主题的精彩清单创建周期：3
  • G DOM 操作.js
    前言：DOM（文档对象模型）操作是实现动态交互的关键技术。通过DOM操作，我们可以获取、修改网页元素，为用户提供了一个丰富多彩的交互体验。目录一、DOM操作的初体验认识元素获取二、DOM操作的进阶元素内容的修改三、DOM操作的高阶元素样式的动态变化四、DOM操作的巅峰元素的添加、删除与事件处理五、DOM操作的奥秘元素遍历与家族关系六、DOM操作的终极挑战性能优化与复杂交互总结一、DOM操作的初体验
  • 基于Vue.js的图书管理系统前端界面设计的javascript逻辑部分
    前文，我们实现了一个使用Vue3构建的图书管理系统的html部分，接下来我们看一下JavaScript逻辑部分。html部分以及整个系统的完整代码可以查看我的文章：基于Vue.js的图书管理系统前端界面设计-CSDN博客一、Vue3简介Vue3是渐进式JavaScript框架Vue.js的第三个主要版本，它延续了Vue易于上手、灵活性高和高效的特点，并在性能、可维护性和开发体验上进行了显著提升。（
  • DDD领域驱动设计深度解析
    目录DDD领域驱动设计深度解析DDD凝聚了软件工程的智慧DDD领域驱动设计的历史什么是领域Domain领域驱动设计领域驱动设计几大原则详解领域驱动模型的概念领域驱动设计的挑战DDD领域驱动设计深度解析DDD凝聚了软件工程的智慧许多人对微服务设计中经常提及的DDD非常推崇，觉得这是最新的架构设计趋势和解决微服务业务划分的终极方法。实际上，DDD概念最早在2004年就提出来了，微服务的前身SOA的概念
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他