js练习【DOM操作】

完成效果：

演示地址：http://codepen.io/anon/pen/jPbYWq

 

js练习【DOM操作】_第1张图片

 

HTML：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>[js小练习]：DOM操作</title>
</head>
<body>

<div id="testField">
	
</div>

<div class="coverBg" id="coverBox">
	<div class="selBox">
	
	 <dl>
	 	<dt>选择颜色</dt>
	 	<dd id="red" class="commonEle">红</dd>
	    <dd id="green" class="commonEle">绿</dd>
	 	<dd id="blue" class="commonEle">蓝</dd>
	 </dl>	

	 <dl>
	 	<dt>定制尺寸</dt>
        <dd class="comEle">
        <label for="olength">输入长度值</label>
        <input type="text" id="olength" name="length">
        </dd>

        <dd class="comEle">
        <label for="owidth">输入宽度值</label>
        <input type="text" id="owidth" name="width">
        </dd>
	 </dl>

    <dl class="btn-list">
    	<dd><button class="btnEle" id="offBtn" >取消</button></dd>
    	<dd><button class="btnEle btn-save" id="saveBtn">保存</button></dd>
    </dl>

	</div>
</div>

	
</body>
</html>

　　

 

 

 

界面呈现：

	*{
		padding: 0;
		margin:0;
	}

	body{
		font-family: "microsoft yahei";
	}

   #testField{
   	width: 120px;
   	height: 120px;
   	background-color: #333;
   	position: absolute;
   	top: 0;
   	right: 0;
   	bottom: 0;
   	left: 0;
   	margin:auto;
   }

   .coverBg{ /*遮罩层*/
   	display: none;
   	position: fixed;
   	width: 100%;
   	height: 100%;
   	background-color: rgba(0,0,0,.4);
   }

   .selBox{
    width: 200px;
    height: 300px;
    padding:10px;
    font-size: 13px;
    border-radius:3px;
    background-color: rgba(255,255,255,.4);
    position: absolute;
    top: 0;
    right: -350px;
    bottom: 0;
    left: 0;
    margin:auto;
    box-shadow: 0 0 6px rgba(0,0,0,.3);

   }

   dl{
   	display: inline-block;
   }

   dl dt{
   	font-size: 13px;
   	font-weight: bold;
   	margin: 5px 0;
   	padding-bottom: 5px;
   	border-bottom: 1px solid #f7f7f7;
   }

   .commonEle{    
       display:inline-block;
    　　width: 50px;
   	height: 50px;
   	border-radius: 25px;
   	text-align: center;
   	line-height: 50px;
   	color:#fff;
   	float: left;
   	margin:5px 8px;
   }

   #red{
   	background-color: red;
   }

   #green{
   	background-color: green;
   }

   #blue{
   	background-color: blue;
   }

   .comEle {
  margin: 10px;
}

.comEle input {
  margin: 5px 0;
  width: 100%;
  height: 24px;
  border: 1px solid #999;
  border-radius: 3px;
  box-shadow: inset 0 0 3px rgba(0,0,0,.3);
}

.btn-list dd{
	float: left;
}

.btnEle {
  padding: 5px 25px;
  border: 0;
  outline: 0;
  box-shadow: 0 1px 2px rgba(0,0,0,.075);
  border-radius: 2px;
  margin: 5px 11px;
  color: #666;
}

.btn-save{
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e3262e), to(#ab171e));
  background-image: -webkit-linear-gradient(#e3262e, #ab171e);
  background-image: linear-gradient(#e3262e, #ab171e);
  text-shadow: 0 -1px rgba(0, 0, 0, 0.11);
  color: #fff;
}

　

JS部分：

	
var oField=document.getElementById('testField');
var oCover=document.getElementById('coverBox');
var oRed=document.getElementById('red');
var oGreen=document.getElementById('green');
var oBlue=document.getElementById('blue');
var olength=document.getElementById('olength');
var owidth=document.getElementById('owidth');
var oOffBtn=document.getElementById('offBtn');
var oSaveBtn=document.getElementById('saveBtn');


olength.oninput=function(){
var h_value=olength.value +"px";
oField.style.height=h_value;	
}
owidth.oninput=function(){
var w_value=owidth.value +"px";
oField.style.width=w_value;	
}

oField.onclick=function(){

oCover.style.display="block";

}

oRed.onclick=function(){
	oField.style.backgroundColor="red";
}

oGreen.onclick=function(){
	oField.style.backgroundColor="green";
}

oBlue.onclick=function(){
	oField.style.backgroundColor="blue";
}

oOffBtn.onclick=function(){

	oCover.style.display="none";
	oField.style.height="120px";
	oField.style.width="120px";
	oField.style.backgroundColor="#333";

	//取消的时候清空input数值
        olength.value='';
        owidth.value='';
}


oSaveBtn.onclick=function(){
	oCover.style.display="none";

	//保存的时候清空input数值
	olength.value='';
        owidth.value='';
}

　　

你可能感兴趣的:(dom)

  • js操作样式 郝加升
    DOM样式属性和方法：指定的元素，它的style有这么几个属性和方法：cssText：通过这个属性可以访问到元素的特性style设置的属性，并且可以直接赋值设置。removeProperty（属性名称）：从样式中删除给定属性。setProperty（属性名称，值，权重）：可以通过这个方法设置给定样式的同时设置其权重，可以传入”important”或者一个空字符串。获取计算后样式：window.ge
  • 12. 什么是事件委托 yqcoder 前端面试-CSScss面试
    总结事件委托（EventDelegation）是JavaScript中一种重要的事件处理机制，它利用了事件冒泡的特性，将事件的处理程序绑定到父元素或祖先元素上，而不是直接绑定到具体的子元素上。什么是事件委托？事件冒泡：在DOM中，事件通常会从触发元素开始，然后逐级向上冒泡到其父元素、祖先元素，直到window对象。核心思想：事件委托的核心思想是利用事件冒泡机制，在父元素上监听事件，而不是在每个子元
  • MutationObserver接口性能分析与优化：DOM监控利器背后的性能陷阱与内存危机 coding随想 JavaScriptjavascript前端开发语言
    一、DOM的“哨兵”：MutationObserver的崛起在Web开发的江湖中，MutationObserver是一个低调却强大的角色。它像一位忠诚的哨兵，时刻监控着DOM树的风吹草动——属性变化、子节点增删、文本内容更新……开发者们用它来实现动态内容监听、表单验证、甚至自动化测试。然而，这位“哨兵”的背后，却隐藏着不容忽视的性能陷阱和内存危机。1.1MutationObserver的诞生背景在
  • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
    一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
  • ＜六＞ CentOS 8 配置YUM源超详细教程（本地源+网络源） 随风fraya Dockercentos网络linux
    一、本地YUM源配置（离线环境适用）1.挂载ISO镜像创建挂载目录并执行挂载命令：sudomkdir-p/mnt/cdrom sudomount/app/CentOS-8.1.1911-x86_64-dvd1.iso/mnt/cdrom #mount后第一个参数为ISO文件路径，也可替换为/dev/sr0为光驱设备注意：若提示设备未就绪，需检查虚拟机光驱设置或ISO文件完整性13。2.配置仓库文件
  • Tensorflow-gpu运行时报错Non-OK-status: GpuLaunchKernel GEM的左耳返 pythontensorflow深度学习python
    Tensorflow-gpu运行时报错Non-OK-status:GpuLaunchKernel(FillPhiloxRandomKernelLaunch,num_blocks,block_size,0,d.stream(),gen,data,size,dist)status:Internal:invaliddevicefunctionFatalPythonerror:Aborted说明你安装的C
  • Python爬虫IP被封的5种解决方案
    前言做爬虫的朋友都遇到过这种情况：程序跑得好好的，突然就开始返回403错误，或者直接连接超时。十有八九是IP被网站封了。现在的网站反爬虫越来越严格，稍微频繁一点就会被拉黑。今天分享几个实用的解决方案，都是我在实际项目中用过的。方案一：代理IP池这是最直接的办法，换个马甲继续干活。基本实现importrequestsimportrandomimporttimeclassProxyPool:def__
  • Python BeautifulSoup 解析网页按钮元素 PythonAI编程架构实战家 Python人工智能与大数据Python编程之道pythonbeautifulsoup开发语言ai
    PythonBeautifulSoup解析网页按钮元素：从基础原理到工程实践的深度解析关键词BeautifulSoup、HTML解析、按钮元素定位、DOM树遍历、CSS选择器、网络爬虫、前端自动化摘要本文系统解析使用PythonBeautifulSoup库定位和提取网页按钮元素的全流程技术方案。从HTML文档的底层结构出发，结合BeautifulSoup的核心解析机制，覆盖从基础概念到高级工程实践
  • CIRL：因果启发的表征学习框架——从域泛化到奖励分解的因果革命 大千AI助手 人工智能Python#OTHER学习深度学习人工智能机器学习表征学习因果推断域泛化
    CIRL（因果启发的表征学习）是由国内顶尖AI研究团队于CVPR2022提出的创新框架，最初用于解决域泛化（DomainGeneralization,DG）问题，其核心思想是通过结构因果模型（SCM）分离数据中的因果与非因果因素，构建鲁棒表征。后续研究（如GRD、Diaster算法）将其扩展至强化学习的奖励分解领域，通过因果充分性、稀疏性与正交性约束，解决延迟奖励与奖励黑客问题。原始论文发表于CV
  • Spring 框架中获取 org.w3c.dom.Document 对象的完整流程 探索java Springjavaspring
    引言在Java开发中，XML是一种广泛使用的格式，用于定义配置文件、数据交换等场景。在Spring框架中，XML文件常用于配置应用程序上下文（如applicationContext.xml），或者处理外部系统传输的XML数据。org.w3c.dom.Document是JavaDOMAPI的核心接口，表示一个XML文档的树形结构，允许开发者以编程方式访问和操作XML的内容。Spring框架本身并不直
  • python3基础语法梳理(三) 幼稚园的山代王 pythonpython开发语言
    接上一篇博客猜数字小游戏-Python版游戏规则：系统随机生成一个1到10的整数玩家输入猜测的数字使用if语句判断玩家猜得是否正确提示“猜对了”或“太大/太小了”importrandomsecret_number=random.randint(1,10)attempts=0#尝试次数print("欢迎来到猜数字游戏！")print("我已经想好了一个1到10之间的数字。")print("快来猜一猜
  • Educoder–Java 第1关：Object类 第2关：JAVA基础类型包装类-练习 第3关：String&StringBuilder&StringBuffer类-练习 第4关：Random类
    文章目录第1关：Object类编程要求答案第2关：JAVA基础类型包装类-练习任务描述编程要求测试说明答案第3关：String&StringBuilder&StringBuffer类-练习任务描述测试说明答案第4关：Random类测试说明答案第1关：Object类编程要求请仔细阅读右侧代码，根据方法内的提示，在Begin-End区域内进行代码补充，具体任务如下：Demo类和Person类已经写好，
  • 大学生入门：Random类及其易踩坑的点
    和之前提到的Scanner一样，Random同样是java.util包中的一个类。大学生入门：Scanner简单介绍及易踩坑的点_javascanner使用的坑-CSDN博客https://blog.csdn.net/qq_73698057/article/details/149448413?spm=1001.2014.3001.5501主要作用就是用来生成随机数，构造方法和Scanner看上去一
  • 【第六节】方法与事件处理器 枫，为落叶 vuevue.js
    方法与事件处理器方法处理器可以用v-on指令监听DOM事件:Greet绑定一个单击事件处理器到一个方法greet。下面在Vue实例中定义这个方法varvm=newVue({el:'#example',data:{name:'Vue.js'//在'methods’对象中定义方法methods:{greet:function(event)(//方法内'this”指向vmalert('Hello+thi
  • ESP32+MicroPython随机颜色生成器 sunsunyu03 pythonMicroPythonESP32ESP8266WS2812B
    概述本文档将介绍一个基于MicroPython环境下，为ESP32(基本含有MicroPython环境中都可以使用)开发板上的WS2812B灯珠设计的随机颜色生成器。此生成器包括了一个自定义的随机数生成器Random类和一个用于生成随机颜色的RandomColor类。该方案特别适合于那些固件中未包含标准随机数生成功能的情况。优点独立性：由于集成了自定义的随机数生成器，使得代码在缺乏系统级随机数支持
  • 果子酱的scalerstalk第六轮新概念朗读持续力训练day102 20210121 S果子酱
    练习材料：新概念3l3-(2)任务配置：L0+L1+L4知识笔记：字母组合：nnonefindnonamenosenotenothingnnwinnerfunnydinnersunnyknk不发音kneeknifeknowgng不发音signdesignforeigncampaign短语：remains名词，遗址，遗迹B.C.beforeChrist公元前A.D.annodomini公元happe
  • java：数组的冒泡排序 小鹿快跑～ Javajava
    eclipse使用Java实现数组的冒泡排序文章目录前言方案代码实现前言声明一个数组，包含10个元素，给每个元素赋值0~99的随机整数，使用冒泡算法对数组进行升序排序，并输出排序后的值方案生成随机数：arr[i]=(int)(Math.random()*100);//生成0~99的随机整数代码实现具体代码如下：packageday05;publicclassBubbleSort{publicsta
  • [Java集合]------ArrayList的扩容机制源码分析 麦兜仔 Java基础java
    一、ArrayList的简介publicclassArrayListextendsAbstractListimplementsList,RandomAccess,Cloneable,java.io.SerializableArrayList实现了List、RandomAccess、Cloneable、java.io.Serializable接口Lits:说明ArrayList是一个有序可重复的集合
  • 随笔录--虚拟 DOM 派大滨 随笔录前端javascriptjavapythonmybatisredis笔记
    官方解析虚拟DOM（VirtualDOM）是一种将浏览器DOM抽象为JavaScript对象的技术，用于提高DOM操作的效率和性能。虚拟DOM可以在渲染前对组件的变化进行计算，减少DOM操作的次数，从而提高渲染性能。使用虚拟DOM可以提高性能，但并不是一定更快。虚拟DOM需要进行额外的计算和比较操作，而这些操作也会消耗一定的时间和性能。因此，虚拟DOM适用于大规模、高度动态的页面，而在简单的静态页
  • Python XML解析 写程序的猿 python
    XML是一种用于存储和交换数据的标记语言。Python提供了多种库，可以用于解析XML文件。本指南将介绍三种最常用的解析库：xml.etree.ElementTree、xml.dom.minidom和lxml。xml.etree.ElementTreexml.etree.ElementTree是Python内置的库，用于解析XML文件并将其转换为Python对象。它使用DOM解析器，并且具有简单易
  • Animal Farm（64） 云手a
    Withoneaccordtheydasheddowntothespot.Napoleon，whoseldommovedoutofawalk，raisedaheadofthemall.Yes，thereitlay，thefruitofalltheirstruggles，levelledtoitsfoundations，thestonestheyhadbrokenandcarriedsolabori
  • Python 使用xml.etree.ElementTree 解析ARXML文件 流动的星 ClassicAutoSAR详解xmlARXMLpython
    目录一、简介二、库的导入及指向根目录三、遍历所有包节点四、变量所有SWC组件五、遍历所有P_Port端口六、遍历所有R_Port端口七、遍历所有R_Port索引八、总结一、简介前面介绍了ARXML的结构，本节讲述解析arxml文件的方法，及常用函数；使用xml.etree.ElementTree块实现了一个简单而高效的API，用于解析和创建XML数据。解析ARXML文件常用的库是：xml.dom.
  • Mysql ERROR 1698 小吉快跑呀
    之前MySQL服务端本机上使用密码登陆root账号是没有问题的，但是今天不知道是因为动了哪里，登陆失败并有这个错误代码：Enterpassword:ERROR1698(28000):Accessdeniedforuser'root'@'localhost'解决步骤：在登录命令前加上sudo，这样在输入密码时可以直接回车进去，不需要密码sudomysql-uroot-p查看一下user表，错误的起因
  • HTML5 新特性：MutationObserver 详解 索西引擎 #JavaScriptjavascript
    一、概念与背景MutationObserver是HTML5引入的一个强大的JavaScriptAPI，它用于异步观察DOM树的变化。在MutationObserver出现之前，开发者若要监测DOM变化，常采用轮询（如使用setInterval不断检查DOM状态）或依赖DOM事件（如DOMNodeInserted、DOMNodeRemoved等）的方式。但轮询效率低下，频繁检查会消耗大量资源；而旧的
  • Jsoup爬虫工具实现背景图片爬取 无脑程序猿 jsoup网络爬虫背景图片下载Jsoup-jar
    Jsoup爬虫工具实现背景图片爬取soup是一款Java的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。复制代码之前准备工作首先要将需要的jar包复制到WEB-INF>>lib下面需要下载的Jsoup.jar包以及其使用的具体操作文档下载地址[点击下载]代码块亲测：1366x768大小
  • 如何将 Python代码打包成 exe程序 索拉里斯最强共鸣者 基础pythonpygame开发语言
    这篇文章主要介绍了如何把python代码打包成可执行软件，具有一定借鉴价值，需要的朋友可以参考下。1.首先python代码需要能运行。importpygameimportrandomimportsys#初始化Pygamepygame.init()#游戏常量WIDTH,HEIGHT=800,600GRID_SIZE=20GRID_WIDTH=WIDTH//GRID_SIZEGRID_HEIGHT=H
  • DOM元素添加技巧全解析 代码的余温 前端
    要将一个HTML元素添加到DOM树中，核心方法是先创建元素对象，再将其插入到文档结构中的指定位置。以下是基于常见实践总结的主要技术手段，每种方法均经过验证，确保兼容性和可靠性：1.使用document.createElement()创建并插入元素这是标准且推荐的方式：首先，用document.createElement()创建新元素（如document.createElement('div')），
  • keep-alive原理 星语卿 javascript
    一、Keep-Alive简单介绍Vue中的Keep-Alive是一个非常有用的内置组件，用于缓存组件实例，以提高性能和用户体验。1.Keep-Alive的基本概念Keep-Alive是Vue的一个抽象组件，它不会渲染出实际的DOM元素，而是将其包裹的动态组件进行缓存。当组件在Keep-Alive内被切换时，它的状态会被保留，避免重新渲染。2.Keep-Alive的主要作用性能优化：减少组件的重复渲
  • Pytorch实现目标检测
    importosimportrandomimportpandasaspdimportnumpyasnpimportcv2fromsklearn.model_selectionimporttrain_test_splitimporttorchfromtorch.utils.dataimportDataset,DataLoaderimporttorch.nnasnnimporttorch.nn.fun
  • 前端Web基础（ JS ，Ajax） 我想找工作 前端javascript开发语言
    Javascript（核心语法）什么是JavascriptJavascript是一门跨平台，面向对象的脚本语言，用于控制网页行为，实现交互效果。组成：ECMAScript：固定了JS的基础语法核心知识，包括变量。数据类型，控制流程，函数，对象等。BOM：浏览器对象模型。用于操作浏览器本身，如页面弹窗，地址栏操作，关闭窗口。DOM：文档对象模型，用于操作HTM文档，如改变标签内容，改变标签内字体样式
  • Algorithm 香水浓 javaAlgorithm
    冒泡排序 public static void sort(Integer[] param) { for (int i = param.length - 1; i > 0; i--) { for (int j = 0; j < i; j++) { int current = param[j]; int next = param[j + 1];
  • mongoDB 复杂查询表达式 开窍的石头 mongodb
    1:count    Pg: db.user.find().count();    统计多少条数据 2:不等于$ne    Pg: db.user.find({_id:{$ne:3}},{name:1,sex:1,_id:0});    查询id不等于3的数据。 3：大于$gt $gte(大于等于) &n
  • Jboss Java heap space异常解决方法, jboss OutOfMemoryError : PermGen space 0624chenhong jvmjboss
    转自 http://blog.csdn.net/zou274/article/details/5552630 解决办法： window->preferences->java->installed jres->edit jre 把default vm arguments 的参数设为-Xms64m -Xmx512m ----------------
  • 文件上传 下载 解析 相对路径 不懂事的小屁孩 文件上传
    有点坑吧，弄这么一个简单的东西弄了一天多，身边还有大神指导着，网上各种百度着。 下面总结一下遇到的问题： 文件上传，在页面上传的时候，不要想着去操作绝对路径，浏览器会对客户端的信息进行保护，避免用户信息收到攻击。 在上传图片，或者文件时，使用form表单来操作。 前台通过form表单传输一个流到后台，而不是ajax传递参数到后台，代码如下: <form action=&
  • 怎么实现qq空间批量点赞 换个号韩国红果果 qq
    纯粹为了好玩！！ 逻辑很简单 1 打开浏览器console；输入以下代码。 先上添加赞的代码 var tools={}; //添加所有赞 function init(){ document.body.scrollTop=10000; setTimeout(function(){document.body.scrollTop=0;},2000);//加
  • 判断是否为中文 灵静志远 中文
    方法一： public class Zhidao { public static void main(String args[]) { String s = "sdf灭礌 kjl d{';\fdsjlk是"; int n=0; for(int i=0; i<s.length(); i++) { n = (int)s.charAt(i); if((
  • 一个电话面试后总结 a-john 面试
    今天，接了一个电话面试，对于还是初学者的我来说，紧张了半天。 面试的问题分了层次，对于一类问题，由简到难。自己觉得回答不好的地方作了一下总结：   在谈到集合类的时候，举几个常用的集合类，想都没想，直接说了list,map。   然后对list和map分别举几个类型：   list方面：ArrayList,LinkedList。在谈到他们的区别时，愣住了
  • MSSQL中Escape转义的使用 aijuans MSSQL
    IF OBJECT_ID('tempdb..#ABC') is not null drop table tempdb..#ABC create table #ABC ( PATHNAME NVARCHAR(50) ) insert into #ABC SELECT N'/ABCDEFGHI' UNION ALL SELECT N'/ABCDGAFGASASSDFA' UNION ALL
  • 一个简单的存储过程 asialee mysql存储过程构造数据批量插入
               今天要批量的生成一批测试数据，其中中间有部分数据是变化的，本来想写个程序来生成的，后来想到存储过程就可以搞定，所以随手写了一个，记录在此：            DELIMITER $$ DROP PROCEDURE IF EXISTS inse
  • annot convert from HomeFragment_1 to Fragment 百合不是茶 android导包错误
    创建了几个类继承Fragment, 需要将创建的类存储在ArrayList<Fragment>中; 出现不能将new 出来的对象放到队列中,原因很简单;     创建类时引入包是:import android.app.Fragment;      创建队列和对象时使用的包是:import android.support.v4.ap
  • Weblogic10两种修改端口的方法 bijian1013 weblogic端口号配置管理config.xml
    一.进入控制台进行修改    1.进入控制台:  http://127.0.0.1:7001/console     2.展开左边树菜单         域结构->环境->服务器-->点击AdminServer(管理) &
  • mysql 操作指令 征客丶 mysql
    一、连接mysql 进入 mysql 的安装目录； $ bin/mysql -p [host IP 如果是登录本地的mysql 可以不写 -p 直接 -u] -u [userName] -p 输入密码，回车，接连； 二、权限操作［如果你很了解mysql数据库后，你可以直接去修改系统表，然后用 mysql> flush privileges; 指令让权限生效］ 1、赋权 mys
  • 【Hive一】Hive入门 bit1129 hive
    Hive安装与配置 Hive的运行需要依赖于Hadoop，因此需要首先安装Hadoop2.5.2，并且Hive的启动前需要首先启动Hadoop。   Hive安装和配置的步骤   1. 从如下地址下载Hive0.14.0   http://mirror.bit.edu.cn/apache/hive/    2.解压hive，在系统变
  • ajax 三种提交请求的方法 BlueSkator Ajaxjqery
    1、ajax 提交请求 $.ajax({ type:"post", url : "${ctx}/front/Hotel/getAllHotelByAjax.do", dataType : "json", success : function(result) { try { for(v
  • mongodb开发环境下的搭建入门 braveCS 运维
      linux下安装mongodb 1）官网下载mongodb-linux-x86_64-rhel62-3.0.4.gz 2）linux 解压  gzip -d mongodb-linux-x86_64-rhel62-3.0.4.gz; mv mongodb-linux-x86_64-rhel62-3.0.4 mongodb-linux-x86_64-rhel62-
  • 编程之美-最短摘要的生成 bylijinnan java数据结构算法编程之美
    import java.util.HashMap; import java.util.Map; import java.util.Map.Entry; public class ShortestAbstract { /** * 编程之美 最短摘要的生成 * 扫描过程始终保持一个[pBegin,pEnd]的range,初始化确保[pBegin,pEnd]的ran
  • json数据解析及typeof chengxuyuancsdn jstypeofjson解析
    // json格式 var people='{"authors": [{"firstName": "AAA","lastName": "BBB"},' +' {"firstName": "CCC&
  • 流程系统设计的层次和目标 comsci 设计模式数据结构sql框架脚本
                                  流程系统设计的层次和目标  
  • RMAN List和report 命令 daizj oraclelistreportrman
    LIST 命令 使用RMAN LIST 命令显示有关资料档案库中记录的备份集、代理副本和映像副本的 信息。使用此命令可列出： • RMAN 资料档案库中状态不是AVAILABLE 的备份和副本 • 可用的且可以用于还原操作的数据文件备份和副本 • 备份集和副本，其中包含指定数据文件列表或指定表空间的备份 • 包含指定名称或范围的所有归档日志备份的备份集和副本 • 由标记、完成时间、可
  • 二叉树:红黑树 dieslrae 二叉树
        红黑树是一种自平衡的二叉树,它的查找,插入,删除操作时间复杂度皆为O(logN),不会出现普通二叉搜索树在最差情况时时间复杂度会变为O(N)的问题.     红黑树必须遵循红黑规则,规则如下     1、每个节点不是红就是黑。     2、根总是黑的  &
  • C语言homework3，7个小题目的代码 dcj3sjt126com c
    1、打印100以内的所有奇数。 # include <stdio.h> int main(void) { int i; for (i=1; i<=100; i++) { if (i%2 != 0) printf("%d ", i); } return 0; }  2、从键盘上输入10个整数，
  • 自定义按钮, 图片在上, 文字在下, 居中显示 dcj3sjt126com 自定义
    #import <UIKit/UIKit.h> @interface MyButton : UIButton -(void)setFrame:(CGRect)frame ImageName:(NSString*)imageName Target:(id)target Action:(SEL)action Title:(NSString*)title Font:(CGFloa
  • MySQL查询语句练习题，测试足够用了 flyvszhb sqlmysql
    http://blog.sina.com.cn/s/blog_767d65530101861c.html 1.创建student和score表 CREATE  TABLE  student ( id  INT(10)  NOT NULL  UNIQUE  PRIMARY KEY  , name  VARCHAR
  • 转：MyBatis Generator 详解 happyqing mybatis
      MyBatis Generator 详解 http://blog.csdn.net/isea533/article/details/42102297   MyBatis Generator详解 http://git.oschina.net/free/Mybatis_Utils/blob/master/MybatisGeneator/MybatisGeneator.
  • 让程序员少走弯路的14个忠告 jingjing0907 工作计划学习
      无论是谁，在刚进入某个领域之时，有再大的雄心壮志也敌不过眼前的迷茫：不知道应该怎么做，不知道应该做什么。下面是一名软件开发人员所学到的经验，希望能对大家有所帮助   1.不要害怕在工作中学习。 只要有电脑，就可以通过电子阅读器阅读报纸和大多数书籍。如果你只是做好自己的本职工作以及分配的任务，那是学不到很多东西的。如果你盲目地要求更多的工作，也是不可能提升自己的。放
  • nginx和NetScaler区别 流浪鱼 nginx
    NetScaler是一个完整的包含操作系统和应用交付功能的产品，Nginx并不包含操作系统，在处理连接方面，需要依赖于操作系统，所以在并发连接数方面和防DoS攻击方面，Nginx不具备优势。 2.易用性方面差别也比较大。Nginx对管理员的水平要求比较高，参数比较多，不确定性给运营带来隐患。在NetScaler常见的配置如健康检查，HA等，在Nginx上的配置的实现相对复杂。 3.策略灵活度方
  • 第11章 动画效果（下） onestopweb 动画
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • FAQ - SAP BW BO roadmap blueoxygen BOBW
    http://www.sdn.sap.com/irj/boc/business-objects-for-sap-faq   Besides, I care that how to integrate tightly.   By the way, for BW consultants, please just focus on Query Designer which i
  • 关于java堆内存溢出的几种情况 tomcat_oracle javajvmjdkthread
    【情况一】： 　　 java.lang.OutOfMemoryError: Java heap space：这种是java堆内存不够，一个原因是真不够，另一个原因是程序中有死循环； 　　如果是java堆内存不够的话，可以通过调整JVM下面的配置来解决： 　　<jvm-arg>-Xms3062m</jvm-arg> 　　<jvm-arg>-Xmx
  • Manifest.permission_group权限组 阿尔萨斯 Permission
    结构 继承关系 public static final class Manifest.permission_group extends Object java.lang.Object android. Manifest.permission_group 常量 ACCOUNTS 直接通过统计管理器访问管理的统计 COST_MONEY可以用来让用户花钱但不需要通过与他们直接牵涉的权限 D
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他