JavaScript之 ------ 文档对象模型(DOM)

DOM -----Document Object Model

文档对象模型（DOM）是一个能够让程序和脚本动态访问和更新文档内容、结构和样式的语言平台， 提供了标准的 HTML 和 XML 对象集， 并有一个标准的接口来访问并操

作它们。 ”它使得程序员可以很快捷地访问 HTML 或 XML 页面上的标准组件，如元素、样式表、脚本等等并作相应的处理。DOM 标准推出之前，创建前端 Web 应用程序都必须使用

Java Applet 或 ActiveX 等复杂的组件， 现在基于 DOM 规范， 在支持 DOM 的浏览器环境中，Web开发人员可以很快捷、 安全地创建多样化、 功能强大的Web应用程序。 这里只讨论

HTML DOM。

一、DOM概述

1、文档对象模型定义了 JavaScript 可以进行操作的浏览器，描述了文档对象的逻辑结构及各功能部件的标准接口。主要包括如下方面：

1）核心 JavaScript 语言参考（数据类型、运算符、基本语句、函数等）

2）与数据类型相关的核心对象（String、Array、Math、Date 等数据类型）

3）浏览器对象（window、location、history、navigator 等）

4）文档对象（document、images、form 等）

2、JavaScript 中两种主要的对象模型

1）浏览器对象模型 （BOM） 

提供了访问浏览器各个功能部件，如浏览器窗口本身、浏览历史等的操作方法。（见前一篇）

2）文档对象模型 （DOM）

提供了访问浏览器窗口内容，如文档、图片等各种 HTML 元素以及这些元素包含的文本的操作方法。

在早期的浏览器版本中，浏览器对象模型和文档对象模型之间没有很大的区别。

二、主要作用

主要用来将标记型文档封装成对象，并将标记型文档中的所有内容(标签、文本、属性等)都封装成对象。

文档：标记型文档----标签、文本、属性等

对象：  封装了属性和方法，可以调用里面的属性和方法。

模型：所有标记型文档都具备一些共性特征的体现。

三、一些重要的概念（主要DOM树）

1、DOM树模型：

DOM解析将按照标签的层次体现出标签的所属，形成一个树状结构---DOM树。

         标签、属性和文本内容称为节点(node)，节点也称为对象，标签通常也称为页面中的元素(element)
1）DOM技术的核心内容：

把标记文档变成对象树，通过对树中的对象进行操作，实现对文档内容的操纵。
2）DOM解析的方式：

将标记文档解析成一棵DOM对象树，并将树中的内容都封装成对象。----这些动作由浏览器帮我们完成
3）DOM解析的好处：

可以对树中的节点进行任意的操作：增删改查
4）DOM解析的弊端：

这种解析需要将整个标记型文档加载进内存，因此，如果标记型文档很，耗内存。
        

2、DHTML：动态的HTML，它不是一门语言，是多项技术综合体的简称。

         以HTML+CSS的方式做的是静态网页，要想变成动态的，必须在此基础上加入JS和DOM技术。因此，DHTML包含：HTML+CSS+JS+DOM

3、HTML:提供标签，封装数据

4、CSS：提供样式属性，对数据的显示样式进行定义

5、DOM: 把标记型文档封装成对象，供JS操纵

6、JS: 提供程序设计语言，通过DOM来操纵文档内容和显示样式

四、 DOM中获取节点的方法

节点都具备三个必备属性：节点名称、节点类型、节点值。

节点的类型： 标签节点的类型值为1，属性节点的类型值为2，文本节点的类型值为3

节点值：标签型节点是null,没有值的。只有属性和文本节点才可以有值。

1、getElementById()  :通过节点的id获取该节点对象

function getNodeDemo1(){
			//获取id为divid1的节点
			//var divNode= document.getElementById("divid1");
			var divNode= document.getElementById("divid2");
			//alert(divNode.nodeName+","+divNode.nodeType+","+divNode.nodeValue);
			
			//获取div节点中的文本  innerHTML innerText 属性
			var txtHTML = divNode.innerHTML;
			var txt = divNode.innerText;
			alert(txtHTML+","+txt);
			
			//更改div节点中的文本内容
			//divNode.innerHTML="我把它改成湖南城市学院了....";
			divNode.innerHTML="我把它改成湖南城市学院了....".fontcolor("red");
			
		}

2、getElementsByName()  :通过节点的name属性获取节点集合----注意，是集合

function getNodeDemo2(){
			var node = document.getElementsByName("userName");
			//alert(node.nodeName);//undefined
			//alert(node);//因为是数组，所以是集合
			//alert(node[0].nodeName);//INPUT
			//alert(node.length);//1
			
			//alert(node[0].nodeType);//1
			alert(node[0].nodeValue);//标签型节点的value都是null
			//alert(node[0].getAttribute("value"));
		}

3、getElementsByTagName() :通过节点的标签名字获取节点集合

1）获取document下的所有

function getNodeDemo3(){
			var nodes = document.getElementsByTagName("a");
			//alert(nodes.length);//5
			//alert(nodes[0].innerHTML);//获取标签容器封装的内容：城市首页
			
			//给页面当中的所有标签添加 target属性 //给对象添加属性并赋值时，若属性不存在则是添加，若存在则是修改
			
			for(var x=0; x

2）获取

标签下的所有节点

function getNodeDemo4(){
			var divNode = document.getElementById("mylink");
			var nodes = divNode.getElementsByTagName("a");//只获取divNode元素下面的所有子节点
			for(var x=0; x

五、利用节点的层次关系(level)获取节点的方法

父节点：parentNode属性

子节点：childNodes集合,  firstChild() , lastChild()

上一个兄弟节点：previousSibling属性

下一个兄弟节点：nextSibling属性

1、获取父节点

var tabNode = document.getElementById("tableid1");
var node = tabNode.parentNode;

2、获取子节点

var nodes = tabNode.childNodes;

注意：1）如果后面有回车符，高版本的IE和火狐会识别成 “空白文本”#text，而低版本IE会直接越过-----不光是节点，其它节点也一样

    2）表格的,

标签和标签中间，其实还隐藏着一个标签----表格体

3、获取兄弟节点

var node = tabNode.previousSibling.previousSibling;//上一个兄弟
alert(node.nodeName);//div
var node = tabNode.nextSibling.nextSibling;//上一个兄弟
alert(node.nodeName);//dl

六、DOM中的一些操作

1、创建文本对象

function createAndAdd1(){
			//1利用createTextNode()创建一个文本对象
			var oTextNode = document.createTextNode("新的文本，很好！");
			//2获取div对象
			var divNode = document.getElementById("div1");
			//3把oTextNode添加成div对象的孩子
			divNode.appendChild(oTextNode);
		}

2、创建标签对象

function createAndAdd2(){
			//1利用createElement()创建一个标签对象
			var oBtnNode = document.createElement("input");
			oBtnNode.type="button";
			oBtnNode.value="新建的按钮";
			
			//2获取div对象
			var divNode = document.getElementById("div1");
			//3把oTextNode添加成div对象的孩子
			divNode.appendChild(oBtnNode);
		}

3、直接利用容器标签中的一个属性：innerHTML-----本质上改该标签容器中的“html代码”，不是我们认为的对象树的操作

function createAndAdd3(){
			var divNode = document.getElementById("div1");
			//divNode.innerHTML=" ";
			divNode.innerHTML="一个超链接 ";
		}

4、删除节点 利用标签容器对象中的removeChild()和removeNode(),前者删子节点，后者删自己----不建议使用

function deleteNode(){
			var oDivNode = document.getElementById("div2");
			//自杀式----不建议
			//oDivNode.removeNode();//默认false,不删除子节点集合
			//oDivNode.removeNode(true);//true,删除子节点集合
			
			//通过父节点去删除它的孩子
			oDivNode.parentNode.removeChild(oDivNode);
		}

5、替换节点(移除替换) 利用标签容器对象中的replaceChild()和replaceNode(),前者替换子节点，后者替换自己----不建议使用

function updateNode(){
			var oDivNode = document.getElementById("div2");
			var oDivNode4 = document.getElementById("div4");
			//自杀式----不建议
			//oDivNode.replaceNode(oDivNode4);
			
			//通过父节点去替换它的孩子：用oDivNode4去替换oDivNode
			oDivNode.parentNode.replaceChild(oDivNode4,oDivNode);
		}

6、替换节点(克隆替换)

function updateNode2(){
			var oDivNode = document.getElementById("div2");
			var oDivNode4 = document.getElementById("div4");
			
			var oDivNode4_2 = oDivNode4.cloneNode(true);//克隆一个对象,默认参数为false。参数为true时，连子节点一起克隆
			
			//通过父节点去替换它的孩子：用oDivNode4_2去替换oDivNode
			oDivNode.parentNode.replaceChild(oDivNode4_2,oDivNode);
		}

你可能感兴趣的:(java,web,JavaScript,java学习笔记)

• 如何快速创建Fastapi项目 黄小耶@ fastapipythonlinux
  一、环境安装安装第三方库来搭建项目依赖pipinstallfastapi#fastapi框架pipinstalltortoise-orm[accel]#数据库的ormpipinstalluvicorn#web服务器pipinstallpyjwt#权限认证pipinstallaerich#数据库迁移pipinstallaiomysql#Mysql数据库驱动二、项目结构构建大型的项目结构，文件结构如下
• C/C++框架和库推荐 大王算法 C++入门及项目实战宝典C/C++开发实战365C++
  值得学习的C语言开源项目-1.WebbenchWebbench是一个在Linux下使用的非常简单的网站压测工具。它使用fork()模拟多个客户端同时访问我们设定的URL，测试网站在压力下工作的性能，最多可以模拟3万个并发连接去测试网站的负载能力。Webbench使用C语言编写,代码实在太简洁，源码加起来不到600行。下载链接：http://home.tiscali.cz/~cz210552/web
• 黑客攻防从入门到精通（第一篇：认识黑客） 晓生夜梦 #黑客攻防书籍学习笔记信息安全
  1.黑客：白帽，灰帽，黑帽（骇客）2.黑客术语：肉鸡（可以随意被黑客控制的计算机），木马（伪装成正常程序），网页木马（有人访问时，利用对方系统或者浏览器的漏洞自动将配置好木马的服务下载到访问者的计算机上自动执行），挂马，后门（重新控制计算机）IPC$，shell，webshell，溢出，注入，注入点免杀（用一些技术修改程序，让它逃过杀毒软件查杀），加壳花指令（让汇编语言进行一些跳转——就比如杀毒软
• Java编程基础第二日 13.544 java开发语言编程小白
  #变量的类型转换#1.自动类型转换所需满足的两个条件：1.两种数据的类型彼此兼容2.目标类型的取值范围要大于源类型的取值范围发生自动类型转换的情况主要有：整型之间，整型转化为float，其他类型转化为double类型。2.强制类型转换（需要声明）当数据类型并不满足自动类型转换的条件，但我们仍有进行转换的需求e.g:这时候就需要我们进行强制类型转换，即将byteb=num改为byteb=（byte）
• Web安全攻防入门教程——hvv行动详解 白帽子黑客罗哥 web安全安全网络安全pythonjava
  Web安全攻防入门教程Web安全攻防是指在Web应用程序的开发、部署和运行过程中，保护Web应用免受攻击和恶意行为的技术与策略。这个领域不仅涉及防御措施的实现，还包括通过渗透测试、漏洞挖掘和模拟攻击来识别潜在的安全问题。本教程将带你入门Web安全攻防的基础概念、常见攻击类型、防御技术以及一些实战方法。一、Web安全基础Web应用安全的三大核心目标（CIA三原则）机密性(Confidentialit
• java字符串案例 //要求：将输入的字符串中的数字转换为罗马数字,长度小于9（运用方法：查表法） 漫漫不慢. java算法开发语言
  packagetest13;importtest11.S;importjava.util.Scanner;publicclassNum{publicstaticvoidmain(String[]args){//IIIIIIIVVVIVIIVIIIIX//要求：将输入的字符串中的数字转换为罗马数字,长度小于9（运用方法：查表法）//1输入数字//2有效字符判断//3运用方法转换数字Scannersc
• Java 基础到进阶&企业技巧（二） Aphelios380 开发语言java学习idea学习方法
  在Java学习的旅程中，我们逐步探索了其丰富的知识体系，从基础的数据类型、字符串操作，到流程控制、运算符的运用，每一步都为我们构建强大的编程能力奠定基石。同时，了解这些知识在Java全栈开发中的应用场景，对未来进入企业工作至关重要。目录一、字符串1.底层原理与语法2.字符串位置与拼接3.字符串数组操作二、人机交互1.接收输入-Scanner类2.课堂练习三、字符与编码1.char字符2.面试题：字
• 第四章：高级特性与最佳实践 - 第四节 - Tailwind CSS CSS 提取和打包优化
  在现代前端工程中，CSS的提取和打包优化对于项目性能至关重要。本节将详细介绍如何在使用TailwindCSS的项目中实现CSS的高效提取和打包优化。CSS提取策略MiniCssExtractPlugin配置//webpack.config.jsconstMiniCssExtractPlugin=require('mini-css-extract-plugin')module.exports={mo
• Java Spring Framework：高级进阶与刨根问底 墨瑾轩 一起学学Java【一】javaspring开发语言
  关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣引言：在Java的世界里，SpringFramework就像是一位超级英雄，默默地守护着无数开发者的心。今天，我们将踏上一场探索之旅，一起揭开SpringFramework的神秘面纱吧！刨根问底：什么是SpringFramework？你知道吗？SpringFr
• 【项目实战】前后端分离实现通用上传接口到不同存储桶 本本本添哥 001-基础开发能力javaservlet前端
  一、定义通用上传接口通过上传接口（UploadFileController.java）上传文件/***上传文件*@parammulFile*@paramdir文件存放目录*@paramfileType文件类型image:图片*@return*/@ApiOperation(value="上传文件")@PostMapping("/upload")public
• Spring cloud公共模块 weixin_30402085 java开发工具数据库
  1.0公共的模块是公共的工具包以及实体等2.添加架包4.0.0com.java.springcloudmicroservice0.0.1-SNAPSHOTmicroservice-commonorg.springframework.bootspring-boot-starter-data-jpa3.编写实体packagecom.java.entity;importjava.io.Serializa
• Java多线程与并发编程实战——从基础到进阶 AI天才研究院 Python实战Java实战自然语言处理人工智能语言模型编程实践开发语言架构设计
  作者：禅与计算机程序设计艺术1.简介互联网企业都在大力拓展自己的业务，而新的技术革命也带来了海量的数据量，因此，单机并发处理能力已经无法满足现代信息时代对高速数据的需求。大数据和云计算带来的分布式系统架构，让单台计算机不仅能够执行单个任务，而且可以横向扩展处理大量任务。在这种情况下，如何充分利用多核CPU、共享内存等资源并发地处理多项任务就成为现代系统设计者们必备技能之一。本书将以实操为导向，全面
• Oracle 数据库基础入门（七）：触发器与事务的深度探究 Aphelios380 Oracleoracle数据库javasql
  在Oracle数据库的生态系统中，触发器与事务是构建可靠、高效数据处理流程的关键组件。触发器能够自动响应特定数据库事件执行预设操作，而事务则确保一组数据库操作的原子性、一致性、隔离性和持久性。对于Java全栈开发者而言，深入理解并熟练运用触发器与事务，不仅能提升数据库操作的精细化程度，还能为构建稳健的企业级应用提供坚实支撑。让我们一同深入探索Oracle数据库中的触发器与事务。目录一、触发器（一）
• Java:DDD领域驱动设计深度解析（全览） 以恒1 mvc架构java
  Java:DDD领域驱动设计深度解析（全览）在软件开发的世界里，我们总在寻找那把打开业务之门的钥匙。有人迷恋MVC的简洁，有人追逐微服务的潮流，而DDD（领域驱动设计）则像一位沉默的智者，提醒着我们：软件不是代码的堆砌，而是对现实世界的映射。DDD：不仅仅是框架，更是一种思维方式！在传统软件开发中，技术实现与业务需求之间始终存在着难以逾越的鸿沟。当业务专家说"我们需要优化客户旅程"，开发团队听到的
• MySQL数据库笔记 艽掵猫 数据库mysql笔记
  一、数据库基础概念1.数据库定义数据库：统一管理、长期存储、有组织的相关数据集合。特征：数据按模型组织（冗余小、独立性高、易扩展、可共享）。2.实际应用数据存储：高效管理大量结构化数据。数据管理：增删改查（CRUD）与权限控制。数据分析：整合数据源，支持决策。3.常见数据库系统数据库特点MySQL开源、高性能、易用，适用于Web应用。Oracle企业级、高可靠，支持大型应用。SQLServer微软
• 基于深度学习的个性化新闻推荐系统设计与实现计算机毕设 sj52abcd 深度学习课程设计人工智能毕业设计
  博主介绍：✌专注于VUE,小程序，安卓，Java,python,物联网专业，有17年开发经验，长年从事毕业指导，项目实战✌选取一个适合的毕业设计题目很重要。✌关注✌私信我✌具体的问题，我会尽力帮助你。研究的背景:随着互联网技术的发展和普及,人们越来越依赖互联网获取信息。然而,随着信息量的不断增加,用户在查找新闻时面临着信息过载的问题。为了解决这个问题,个性化新闻推荐系统被广泛应用。个性化新闻推荐系
• WebRTC的ICE之STUN协议 chen_song_ WebRTC源码探秘webrtc音视频
  WebRTC的ICE之STUN协议WebRTC的ICE之STUN协议WebRTC的ICE之STUN协议前言一、STUN协议二、STUN协议头格式三、STUNHeader四、STUNMessageType1、C0C12、STUN信息类型3、大小端模式五、StunMagicCookie六、TransactionID事务ID七、STUNMessageBody八、RFC3489定义的属性九、WebRTC中
• JAVA从万级QPS到亿级吞吐，如何用非阻塞模型突破传统架构的性能瓶颈 王大师王文峰 java架构开发语言
  本人详解作者：王文峰，参加过CSDN2020年度博客之星，《Java王大师王天师》公众号：JAVA开发王大师，专注于天道酬勤的Java开发问题中国国学、传统文化和代码爱好者的程序人生，期待你的关注和支持！本人外号：神秘小峯山峯转载说明：务必注明来源（注明：作者：王文峰哦）JAVA从万级QPS到亿级吞吐，如何用非阻塞模型突破传统架构的性能瓶颈学习教程（传送门）引言：当线程池成为瓶颈——某视频平台春节
• WebRTC中音视频服务质量QoS之RTT衡量网络往返时延的加权平均RTT计算机制‌详解 chen_song_ WebRTC源码探秘webrtc音视频网络
  WebRTC中音视频服务质量QoS之RTT衡量网络往返时延加权平均RTT计算机制‌的详解WebRTC中音视频服务质量QoS之RTT衡量网络往返时延加权平均RTT计算机制‌的详解WebRTC中音视频服务质量QoS之RTT衡量网络往返时延加权平均RTT计算机制‌的详解前言一、RTT网络往返时延的原理‌1、基于发送端（SR/RR模式）①.‌基本定义‌②.‌计算RTT网络往返时延的原理‌③发送Sender
• 使用Java进行MySQL数据库的增删改查操作 代码快速拳 数据库javamysqlJava
  在Java开发中，使用JDBC（JavaDatabaseConnectivity）来连接和操作数据库是非常常见的。本文将介绍如何使用JDBC编程来实现MySQL数据库的增删改查操作。首先，我们需要准备好MySQL的JDBC驱动程序。你可以从MySQL官方网站下载并安装适合你使用的驱动程序版本。确保将驱动程序的JAR文件添加到你的Java项目的类路径中。接下来，我们将逐个介绍如何执行MySQL数据库
• PHP安全最佳实践：防御XSS与CSRF攻击 挚***沾 php经验php安全xss
  PHP安全最佳实践：防御XSS与CSRF攻击在Web开发中，安全性是一个至关重要的方面。PHP作为一种广泛使用的服务器端脚本语言，常常成为攻击者的目标。本文将重点讨论如何通过最佳实践来防御两种常见的Web攻击：跨站脚本攻击（XSS）和跨站请求伪造（CSRF）。1.跨站脚本攻击（XSS）防御1.1什么是XSS攻击？跨站脚本攻击（XSS）是一种注入攻击，攻击者通过在网页中插入恶意脚本，使得这些脚本在用
• 使用中间件架构优化PHP应用的请求处理流程 挚***沾 php经验中间件架构php
  使用中间件架构优化PHP应用的请求处理流程在现代Web应用开发中，请求处理流程的优化是提升应用性能和可维护性的关键。中间件架构作为一种设计模式，能够有效地解耦请求处理逻辑，增强代码的可扩展性和可测试性。本文将探讨如何在PHP应用中使用中间件架构来优化请求处理流程，并通过代码示例展示其实现方式。1.中间件架构概述中间件（Middleware）是一种在请求和响应之间进行处理的组件。它允许开发者在请求到
• 垃圾收集算法 zhangpeng455547940 Java数据结构与算法设计算法jvmjava
  常见算法引用计数记录每个对象的引用次数，当引用次数为零时回收对象标记-清除根引用可达分析、扫描内存回收不可达对象分代回收基于观察到大多数对象生命周期较短，而少数对象生命周期较长的优化算法空闲回收在CPU空闲时运行垃圾回收器，以减少对程序执行的影响增量回收将垃圾回收任务分解为多个小步骤，逐步完成。可以避免一次性垃圾回收导致的长时间暂停，从而减少对程序性能的影响Java最新垃圾回收算法Java最新垃圾
• 【华为OD机考真题】- 小明能到达的最大坐标值(C&D卷)（Java） bug菌¹ 华为odc语言java华为OD机考真题华为OD小明能到达的最大坐标值
  本文收录于「2025华为OD机试真题(Java版)」专栏，手把手带你零基础教学华为OD机试。本题集提供最优题解思路，解题步骤，代码解析，复杂度分析及最优题解源码等，支持多语言题解，助你轻松拿捏OD机考，一举上岸！安利大家关注&&收藏&&订阅！题库正在疯狂收录中，up！up！up！！提醒：拒绝一切代考/替考，违法必究！本人所写题库均搜集于互联网。  订阅福利：一次订阅，可永久免费阅读，提供在线答疑解
• 华为OD机试 - 代码编辑器（Java & JS & Python） 清水乐园 华为OD机考javajavascript开发语言华为
  题目描述某公司为了更高效的编写代码，邀请你开发一款代码编辑器程序。程序的输入为已有的代码文本和指令序列，程序需输出编辑后的最终文本。指针初始位置位于文本的开头。支持的指令(X为大于等于0的整数,word为无空格的字符串)：FORWARDX指针向前(右)移动X,如果指针移动位置超过了文本末尾，则将指针移动到文本末尾BACKWARDX指针向后(左)移动X,如果指针移动位置超过了文本开头，则将指针移动到
• 在web开发中使用spring框架(基础) 可问 可问春风 JAVAEEjavaee
  在web开发中使用spring框架按照之前学习，编写在servlet中使用spring新建day02项目，导入spring核心开发jar包业务层packagecom.qst.service;publicclassHelloService{publicvoidsayHello(){System.out.println("我是一个快乐的Spring!");}}表现层(Web层)从spring工厂获取对
• 后端开源库手册 Vic2334 JAVA开源java
  Exceleasyexcel快速、简洁、解决大文件内存溢出的java处理Excel工具GitHub-alibaba/easyexcel:快速、简洁、解决大文件内存溢出的java处理Excel工具com.alibabaeasyexcel3.3.3POI老牌、内存占用稍大org.apache.poipoi3.17org.apache.poipoi-ooxml3.17BICBoard国内BI版本很多年不
• Node.js--exports 对象详解：用法、示例与最佳实践 还是鼠鼠 node.jsnode.jswebjavascript前端vscode
  目录1.exports对象介绍2.基础示例：使用exports导出对象文件名：math.js（JavaScript）3.在另一个文件中使用require进行导入文件名：app.js（JavaScript）4.运行程序5.exports的限制6.其他exports使用方式示例1：导出单个函数示例2：导出类7.结论1.exports对象介绍在Node.js中，exports是module.export
• JavaScript语言的游戏开发 凌嘉遥 包罗万象golang开发语言后端
  JavaScript游戏开发入门指南在互联网迅速发展的今天，游戏已经成为了我们日常生活中不可或缺的一部分。无论是手机游戏、网页游戏，还是大型的3D游戏，它们的背后都离不开强大的编程技术。JavaScript作为一种广泛应用的编程语言，使得游戏开发变得更加灵活和高效。本文将深入探讨JavaScript在游戏开发中的应用，带领读者了解如何使用JavaScript开发自己的游戏。1.JavaScript
• JavaScript 中 Map 数据结构的使用 前端javascript
  解释Map是一种js数据结构，与数组的map方法并非一种，要区分开来Map数据结构来管理数据，能提高代码的可读性Map相比较对象格式存储速度要更快Map数据结构//创建一个Map对象constformData=newMap();//添加表单元素的值到Map中formData.set('username','Tom');formData.set('password','123456');//获取表单
• 深入浅出Java Annotation(元注解和自定义注解） Josh_Persistence Java Annotation元注解自定义注解
  一、基本概述     　　 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。   　　更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
• mysql优化特定类型的查询 annan211 java工作mysql
  本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。 1 优化count查询 对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看 真正的count()函数的作用到底是什么。 count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。 在统
• MAC下安装多版本JDK和切换几种方式 棋子chessman jdk
  环境： MAC AIR,OS X 10.10,64位   历史： 过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。 后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。   在终端中输入jav
• javaScript （1） Array_06 JavaScriptjava浏览器
  JavaScript 1、运算符 　　运算符就是完成操作的一系列符号，它有七类： 　　赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
• 国内顶级代码分享网站 袁潇含 javajdkoracle.netPHP
         现在国内很多开源网站感觉都是为了利益而做的                  当然利益是肯定的,否则谁也不会免费的去做网站      &
• Elasticsearch、MongoDB和Hadoop比较 随意而生 mongodbhadoop搜索引擎
    IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
• mac os 系统科研软件总结 张亚雄 mac os
  1.1 Microsoft Office for Mac 2011      大客户版，自行搜索。      1.2 Latex （MacTex）:      系统环境：https://tug.org/mactex/     &nb
• Maven实战（四）生命周期 AdyZhang maven
  1. 三套生命周期     Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。 每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
• Linux下Jenkins迁移 aijuans Jenkins
  1. 将Jenkins程序目录copy过去      源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面            tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
• request.getInputStream()只能获取一次的问题 ayaoxinchao requestInputstream
  问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据   原因： 1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1； 2. InputStream并没有实现reset方法（可以重
• 数据库SQL优化大总结之 百万级数据库优化方案 BigBird2012 SQL优化
  网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。 这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。 1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where
• jsonObject的使用 bijian1013 javajson
          在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。 JSONUtil.java package com.bijian.json.study; import java.util.ArrayList; import java.util.Date; import java.util.HashMap;
• [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration bit1129 zookeeper
  Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类     首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher，   /** * Register a watcher for a particular p
• 【Scala十三】Scala核心七：部分应用函数 bit1129 scala
  何为部分应用函数？ Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
• Tomcat Error listenerStart 终极大法 ronin47 tomcat
  Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下 Java代码  handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
• 不用加减符号实现加减法 BrokenDreams 实现
          今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。         分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。    
• 读《研磨设计模式》-代码笔记-状态模式-State bylijinnan java设计模式
  声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* 当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类 状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况 把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化 如果在
• CUDA程序block和thread超出硬件允许值时的异常 cherishLC CUDA
  调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。 以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！ 所以验证结果的正确性很重要！！！ 在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。 以下程序在K5000GPU上跑的。
• 诡异的超长时间GC问题定位 chenchao051 jvmcmsGChbaseswap
  HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志： 2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
• maven环境快速搭建 daizj 安装mavne环境配置
  一 下载maven 安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。 maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
• PHP网站安全，避免PHP网站受到攻击的方法 dcj3sjt126com PHP
  对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
• yii中给CGridView设置默认的排序根据时间倒序的方法 dcj3sjt126com GridView
  public function searchWithRelated() {         $criteria = new CDbCriteria;         $criteria->together = true; //without th
• Java集合对象和数组对象的转换 dyy_gusi java集合
      在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。 1、数组对象转换为集合对象     最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
• nginx同一主机部署多个应用 geeksun nginx
  近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。 1.   在nginx下创建vhosts目录，用以放置vhost文件。 mkdir vhosts   2.   修改nginx.conf的配置， 在http节点增加下面内容设置，用来包含vhosts里的配置文件 #
• ubuntu添加admin权限的用户账号 hongtoushizi ubuntuuseradd
  ubuntu创建账号的方式通常用到两种：useradd 和adduser . 本人尝试了useradd方法，步骤如下： 1:useradd    使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。 顾应该如下操作：  
• 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理 jinnianshilongnian nginxlua
    JSON库   在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
• Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 yaerfeng1989 timerquartz定时器
  原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm 有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。 1.Java Timer定时 首先继承jav
• Linux下df与du两个命令的差别？ pda158 linux
  　一、df显示文件系统的使用情况，与du比較，就是更全盘化。 　　最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。 　　举比例如以下： 　　[root@localhost ~]# df -T 　　Filesystem                   Type &n
• [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象 ctfzh VOandroidsqlite反射Cursor
  在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。   使用时需要注意： 考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。 表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
• 该学习笔记用到的Employee表 vipbooks oraclesql工作
      这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。 drop table Employee; -- 员工信息表 create table Employee( -- 员工编号 EmpNo number(3) primary key, -- 姓

按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.