ghsau
ghsau

HTML DOM(二)：节点的增删改查

       上一篇：HTML DOM(一)

       上一篇讲述了DOM的基本知识，从其得知，在DOM眼中，HTML的每个成分都可以看作是节点(文档节点、元素节点、文本节点、属性节点、注释节点，其中，属性节点是属于元素节点)，本篇的内容就是通过DOM对这些节点进行增删改查的操作。

获取(R)

       1. getElementById(id)、getElementsByName(name)、getElementsByTagName(tagName)，这三种方法都会忽略文档的结构。

  • getElementById(id)：通过id获取元素节点，如果页面上含有多个相同id的节点，那么只获取第一个节点，理论上，id在页面中应该是唯一的。jquery中通过$("#id")来获得节点，这种方式类似于css中的id选择器。
  • getElementsByName(name)：通过name获取一组元素节点，返回的是具有相同name的节点数组。注意，这个方法在IE和W3C(FireFox、Chrome)下表现是不一样的，这个方法应该不是DOM LEVEL 1里的规范，IE支持LEVEL 1，和后来的标准就有很多差异了。主要有如下几点区别：
    • IE下通过getElementsByName(name)只能取得表单元素的节点；
    • IE下不区分id和name，也就是说通过getElementsByName(name)取得的节点数组也包含id和name相同的了，通过getElementById(id)，也可以将name作为参数，看MSDN的官方说明。
    • When you use the getElementsByName method, all elements in the document that have the specified NAME or ID attribute value are returned. Elements that support both the NAME and the ID attribute are included in the collection returned by the getElementsByName method, but not elements with a NAME expando. 
    • <html>
	<head>
		<title>节点的增删改查</title>
		<script type="text/javascript">
			function init() {
				alert(document.getElementById("div1").nodeName);
				alert(document.getElementsByName("container").length);// IE结果是2,Chrome、FF结果是3
				alert(document.getElementById("container").value);// IE结果是1,Chrome、FF结果是2
			}
		</script>
	</head>
	<body onload="init()">
		<div id="div1" name="container">1</div>
		<!--<div id="div1"></div>-->
		<span id="div1" name="container">2</span>
		<input name="container" type="text" value="1" />
		<input id="container" type="text" value="2" />
	</body>
</html>

  • getElementsByTagName(tagName)：通过tagName获取一组元素节点，返回的是具有相同tagName的节点数组。这个方法的特殊之处在于不仅仅可以通过顶层document来使用，所有元素节点都可以使用。如：document.getElementById("container").getElementByTagName("div");，这跟css样式有些相像，比如定义id为container元素节点下的所有div样式：.container div{display:none;}。
       2. parentNode、firstChild以及lastChild，这三种属性都可以递归来使用。

       html实例：       

  • <html>
	<head>
		<title>节点的增删改查</title>
	</head>
	<body>
		<div id="level1">
      			<div id="level21">
				<div id="level3"><div>
     			</div>
      			<div id="level22"></div>
		</div>
	</body>
</html>
  • parentNode：取得当前节点的父节点，如document.getElementById("level21").parentNode，也可以obj.parentNode.parentNode.parentNode。
  • firstChild：取得当前节点的第一个子节点，如document.getElementById("level1").firstChild;，也可以document.getElementById("level1").firstChild.firstChild。
  • lastChild：取得当前节点的最后一个子节点，如document.getElementById("level1").lastChild。

       3. 根节点，document.documentElement得到HTML以及XML文档中的根节点，document.body提供了对body节点的直接访问。

       4. 所有子节点：childNodes和children，各种版本各种浏览器下表现都不一样。

       5. 节点信息：nodeName(tagName)、nodeValue、nodeType.

  • nodeName
    • 元素节点的nodeName是标签名称
    • 属性节点的nodeName是属性名称
    • 文本节点的nodeName是#text
    • 文档节点的nodeName是#document
  • nodeValue
    • 文本节点的nodeValue包含文本
    • 属性节点的nodeValue包含属性值
    • 元素节点和文档节点没有nodeValue
  • nodeType
    • 元素类型 节点类型
      元素 1
      属性 2
      文本 3
      注释 8
      文档 9

创建(C)&修改(U)&删除(D)

       写一个点击单元格变为文本框的示例。       

<html>
	<head>
		<title>节点的增删改查</title>
		<script type="text/javascript">
			function appendInput(tdNode) {
				// 创建input元素节点，createElement创建元素节点，createTextNode(value)创建文本节点
				var inputNode = document.createElement("input");
				// 给input属性赋值
				inputNode.value = tdNode.innerText;
				inputNode.name = "value";
				// 删除单元格的文本节点，参数为要删除的子节点对象
				tdNode.removeChild(tdNode.firstChild);
				// 将input追加到单元格中，appendChild(node)将node追加到父节点末尾，insertBefore(node1, node2)是将node1加入到node2之前
				tdNode.appendChild(inputNode);
				// 聚焦input，在chrome下，光标直接定位到文本最右边，IE下确实最左边
				inputNode.focus();
				// 将光标移到文本最右边
				moveCursorToRight(inputNode);
			}
			
			/** 光标移到文本最右边 */
			function moveCursorToRight(obj) {
				var r = obj.createTextRange();
				r.moveStart('character', obj.value.length);
				r.collapse(true);
				r.select();
			}
		</script>
	</head>
	<body>
		<table>
			<tr>
				<td onclick="appendInput(this)">Hello!</td>
			</tr>
		</table>
	</body>
</html>

       未完待续。。。

你可能感兴趣的:(html,IE,chrome,文档,div,firefox)

  • OSS获得阿里云服务端签名——服务端签名后直传 chengqiuming JavaWebjava
    一任务完成上图的第1步和第2步。二参考https://help.aliyun.com/document_detail/31926.html?spm=a2c4g.11186623.6.1711.4d777815zWYCD0三创建第三方服务微服务1配置依赖4.0.0org.springframework.bootspring-boot-starter-parent2.2.1.RELEASEcom.at
  • HighCharts 交互式图表-01-入门介绍 后端java
    常见的图形库系列常见的图形库概览-00-overview常见的图形库概览-01-Chart.js入门例子常见的图形库概览-03-D3.js入门例子HighCharts交互式图表-01-入门介绍Plotly函数图像绘制ApexCharts图表入门例子Victory图表基于React，适合React项目，支持移动端Recharts入门例子AntVG2入门例子图表库C3.js入门例子图表库GoogleC
  • 精确掌控文本分割——利用CharacterTextSplitter轻松拆解长文档 afTFODguAKBF python
    在处理大型文本文件时，尤其是在自然语言处理和文本分析领域，有时候需要将文档分割成较小的段落以便于处理和分析。今天，我们来探讨如何使用langchain-text-splitters库中的CharacterTextSplitter来实现这一目标。引言在本文中，我将介绍如何使用CharacterTextSplitter分割大型文本文档。这种技术对于文本预处理非常重要，能够帮助我们更好地管理和分析文本数
  • 【已解决】ImportError: libnvinfer.so.8: cannot open shared object file: No such file or directory 小小小小祥 python
    问题描述：按照tensorrt官方安装文档：https://docs.nvidia.com/deeplearning/tensorrt/install-guide/index.html#installing-tar安装完成后，使用python测试导入tensorrtimporttensorrt上述代码报错：Traceback(mostrecentcalllast):File“main.py”,li
  • 详细分析Python爬虫中的xpath（附Demo） 码农研究僧 Pythonpython爬虫xpath
    目录前言1.基本知识2.常用API3.简易Demo前言关于爬虫的基本知识推荐阅读：Python爬虫从入门到应用（超全讲解）该知识点需要提前安装相关依赖：pipinstalllxml1.基本知识XPath（XMLPathLanguage）是一种用于在XML文档中定位和选择节点的语言在XML文档中通过路径表达式（pathexpression）来定位节点，这些路径描述了节点在层次结构中的位置一、节点：在
  • mysql mvcc jie_1024 mysql
    mysqlMVCCMVVC实现：排他锁+undolog+版本事务链+一致性read-view视图+版本事务链匹配规则一致性非锁定读在InnoDB存储引擎中，多版本控制(multiversioning)openinnewwindow就是对非锁定读的实现。如果读取的行正在执行DELETE或UPDATE操作，这时读取操作不会去等待行上锁的释放。相反地，InnoDB存储引擎会去读取行的一个快照数据，对于这
  • 自强学堂mysql_Django ——自强学堂学习笔记 weixin_39792049 自强学堂mysql
    (一)、启动服务器E:\ScienceSoft\Python\Django\Django_project>pythonmanage.pyrunserver0.0.0.0:8000Performingsystemchecks...Systemcheckidentifiednoissues(0silenced).July22,2017-17:00:33Djangoversion1.11.3,using
  • 【Pandas】pandas Series apply liuweidong0802 PandasSeriespandas
    Pandas2.2SeriesFunctionapplication,GroupBy&window方法描述Series.apply()用于将一个函数应用到Series的每个元素或整个Seriespandas.Series.applypandas.Series.apply是Pandas库中Series对象的一个方法，用于将一个函数应用到Series的每个元素或整个Series。它提供了极大的灵活性，
  • 【Pandas】pandas Series dot liuweidong0802 PandasSeriespandas前端人工智能
    Pandas2.2SeriesBinaryoperatorfunctions方法描述Series.add()用于对两个Series进行逐元素加法运算Series.sub()用于对两个Series进行逐元素减法运算Series.mul()用于对两个Series进行逐元素乘法运算Series.div()用于对两个Series进行逐元素除法运算Series.truediv()用于执行真除法（即浮点数除法
  • node.js中express-session配置项详解 巷中人 jsonjavascript网络ViewUI
    官方地址：https://www.npmjs.com/package/express-session作用：用指定的参数创建一个session中间件，sesison数据不是保存在cookie中，仅仅sessionID保存到cookie中，session的数据仅仅保存在服务器端警告：默认的服务器端的session存储，MemoryStore不是为了生产环境创建的，大多数情况下会内存泄露，主要用于测试和
  • python中tensorflow_python机器学习TensorFlow框架 弦歌缓缓
    TensorFlow框架关注公众号“轻松学编程”了解更多。一、简介TensorFlow是谷歌基于DistBelief进行研发的第二代人工智能学习系统，其命名来源于本身的运行原理。Tensor(张量)意味着N维数组，Flow(流)意味着基于数据流图的计算，TensorFlow为张量从流图的一端流动到另一端的计算过程。TensorFlow是将复杂的数据结构传输至人工智能神经网中进行分析和处理过程的系统
  • python中xpath的用法_浅谈python中的xpath用法 郭啧西 python中xpath的用法
    由于XPath属于lxml库模块，所以首先要安装库lxml，可以在命令提示符页面输入pipinstalllxmlxpath是查询语言，可以在XML文档中查找信息的语言。主要用于在XML文档中通过元素和属性进行导航来查询。xpath的调用方法：fromlxmlimportetreeindex_db="""wuliaofirst_peoplehelloworldsencondclassfirst_di
  • Node.js - HTTP 蒜蓉大猩猩 Node.jshttp网络协议网络javascriptphp后端node.js
    1.HTTP请求HTTP（HypertextTransferProtocol，超文本传输协议）是客户端和服务器之间通信的基础协议。HTTP请求是由客户端（通常是浏览器、手机应用或其他网络工具）发送给服务器的消息，用来请求资源或执行操作。简单来讲就是向服务器发送请求，服务器返回响应给用户端HTTP请求由三个主要部分组成：1.1请求行包含请求方法、目标资源路径、协议版本。GET/index.htmlH
  • Node.js+Express 开发之Cookie、Session 使用详解 MINO吖 Nodenodecookiesessionexpress
    为什么有cookie和session？因为HTTP协议是没有状态的，当用户再次访问网站时，没法判断之前是否登陆过，于是就有了cookies和session，用来保存用户的一些信息。cookie和session区别？cookie是存放在客户端浏览器的，每个域名下通常限制为50个cookie，每个cookie的值大小限制为4K。session是存放在服务器端的，可以存储无限大的数据，但大量的sessi
  • 十、软件设计&架构-微服务-服务调用Feign 真上帝的左手 10.架构微服务云原生分布式
    文章目录前言一、Feign介绍1.什么是Feign2.什么是Http客户端3.Feign和OpenFeign的区别二、Feign底层原理三、Feign工作原理详解1.动态代理机制2.动态代理的创建过程3.创建详细流程4.@FeignClient属性四、Feign使用1.常规调用2.日志打印3.添加Header前言服务调用方案--Feign‌  声明式的Web服务客户端一、Feign介绍1.什么是F
  • 纯Javascript写的连连看小游戏，不使用任何游戏引擎 程序趣谈 javascript
    最近写了一个连连看小游戏。JavaScript语言，不使用任何游戏引擎，不依赖任何外部程序，无需安装node.js，不需要http服务，只需双击index.html文件即可运行。当时这样写的初衷是想熟悉纯Javascript编程语言，简单，方便，无需安装一系列的外部环境。在手机上只要用个类似记事本的应用打开js文件，即可编辑。打开index.html文件即可查看运行效果。非常方便。有时想测试一个小
  • 【Node.js】Session原理详解 Peter-Lu #NodeJSnode.jsexpress前端npmjavascript
    文章目录一、Session机制概述1.什么是Session2.Session与Cookie的关系二、Session的工作流程1.基本流程2.示例代码三、Session的存储方式1.内存存储2.文件存储3.数据库存储Redis存储示例四、Session的生命周期1.Session过期时间2.手动销毁Session五、Session在分布式系统中的应用1.StickySession2.Session共
  • django笔记 幸福诗歌 pythondjango
    init:初始化执行方法setting:配置文件urls:路由刚创建出来的项目分为两级：第一级：项目文件夹manage.py第二级是我们的关键：settings项目的总配置文件urlsurl链接文件wsgi服务器配置文件MVC全名是ModelViewController，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分
  • c++写高性能的任务流线程池（万字详解！附完整github代码） 听风Q C++线程池githubc++javac语言性能优化可用性测试
    高性能的任务流线程池本文原是github开源项目MC_thread_pool的说明文档，原文发送在此，同时本文中所有代码均在github中有完整实现，查看代码请移步github仓库，或者123网盘！线程池使用modThreadLockTaskSemaphoreQueue优化：WorkSteal-任务偷窃机制任务偷窃机制，顾名思义就是偷取任务。我们写任务流线程池，普通的做法是定义多个任务队列分别去执
  • pgbench的使用 进击的CJR postgresqlpostgresql
    pgbench-i[other-options]dbname主要选项-i：初始化模式-s插入的倍数，默认是1，即插入100000条；也就是执行多少次generate_series(1,100000)-Iinit_steps，默认dtgvpd（drop）t（createtables）gorG（插入数据方式）v（vacuum）p（createprimarykey）f（createforeignkey）
  • 基于Docker官方php:5.6.40-fpm镜像构建支持66个常见模组的php5.6.40镜像 沉思的归零者 云原生Linux系统运维#Dockerdockerphp容器
    实践说明：基于RHEL7(CentOS7.9)部署docker环境(23.0.1、24.0.2)，所构建的php5.6.40镜像应用于RHEL7-9(如AlmaLinux9.1)，但因为docker的特性，适用场景是不限于此的。文档形成时期：2017-2023年因系统或软件版本不同，构建部署可能略有差异，但本文未做细分，对稍有经验者应不存在明显障碍。因软件世界之复杂和个人能力之限，难免疏漏和错误，
  • 2024年最新IDE激活码，激活到2099年，可用一辈子！ 熊文豪 intellij-ideajavaideidea
    KQ8KMJ77TY-eyJsaWNlbnNlSWQiOiJLUThLTUo3N1RZIiwibGljZW5zZWVOYW1lIjoiVW5pdmVyc2l0YXMgTmVnZXJpIE1hbGFuZyIsImxpY2Vuc2VlVHlwZSI6IkNMQVNTUk9PTSIsImFzc2lnbmVlTmFtZSI6IkpldOWFqOWutuahtiDorqTlh4blupflkI0iLCJhc
  • 使用 Java 和 FreeMarker 实现自动生成供货清单，动态生成 Word 文档，简化文档处理流程。 熊文豪 javaapachefreemarker
    在上一篇博客中主要是使用SpringBoot+ApachePOI实现了BOM物料清单Excel表格导出，详见以下博客：SpringBoot+ApachePOI实现Exc（）el导出：BOM物料清单生成器（支持中文文件名、样式美化、数据合并）目录引言项目结构源代码展示1.WordController2.WordUtil工具类3.FreeMarker模版4.POM依赖WordController类深度
  • 算力平台环境搭建实操 罗小黑的师傅 目标检测深度学习人工智能
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、登录账号二、选择算力平台已有镜像或外部导入镜像创建开发环境三、配置环境1.修改算力平台密码2.配置代理（1）进入bashrc配置文件（2）在文本末尾添加（3）重新运行bashrc配置文件3.安装miniconda方法1：离线下载方法2：在线下载4.pip换源5.创建并激活虚拟环境6.安装pytorch7.额外包的安装，都可
  • 用html制作粒子线条,html5 canvas跟随鼠标粒子线条动画特效 狗雄 用html制作粒子线条
    特效描述：html5canvas跟随鼠标粒子线条动画特效，html5基于canvas制作鼠标移动粒子线条动画代码结构1.HTML代码//Oneofmyfirstexperiments,woop!:DvarSCREEN_WIDTH=window.innerWidth;varSCREEN_HEIGHT=window.innerHeight;varRADIUS=70;varRADIUS_SCALE=1;
  • frp配置实现内网穿透（阿里云linux服务器[公网]+内网windows） object_admin centos
    Frp配置实现内网穿透一、下载linux和windows环境的安装包注意：server和目标主机下载的frp要同一个版本GitHub下载地址：https://github.com/fatedier/frp/releases可到我的CSDN的下载地址，方便访问不到GitHub的用户下载：https://download.csdn.net/download/object_admin/85170961[
  • SOA（面向服务架构）全面解析 m0_74823044 架构java微服务
    1.引言什么是SOA（面向服务架构）SOA（Service-OrientedArchitecture，面向服务架构）是一种将应用程序功能以“服务”的形式进行模块化设计的架构风格。这些服务是独立的功能模块，它们通过定义明确的接口进行通信，并可以跨不同的平台和技术栈相互协作。在SOA中，每个服务通常代表一个独立的业务功能（如客户管理、订单处理等），能够被其他服务独立地调用和复用。SOA的目标是通过服务
  • C++归并排序算法深度解析 小小的博客 排序算法排序算法算法数据结构c++开发语言
    引言归并排序（MergeSort）是一种常用的排序算法，它采用了分治（DivideandConquer）的策略，将一个待排序的序列分解成若干个小的子序列，分别进行排序，再将这些已经排好序的子序列合并成一个完整的有序序列。归并排序具有很好的稳定性，时间复杂度为O(nlogn)，在实际应用中表现优秀。本文将详细介绍归并排序算法的实现原理、C++代码实现以及在实际应用中的优化策略。归并排序算法原理归并排
  • Nacos1.4源码-服务注册 CocoaAndYy java
    Nacos1.4使用的都是http通信，nacos2.0之后改为使用grpc通信。涉及到的核心方法：异步队列+写时复制（copyOnWrite）1.客户端启动流程1.验证服务实例NacosNamingService（核心类）2.用post调用http请求，注册实例(客户端向服务端发起请求，注册！)/nacos/v1/ns/instance（调用jdkHttpClient发起请求）客户端启动流程：A
  • Nginx+FFmpeg实现海康威视摄像头的rtsp流转hls流并在本地WEB页面以及服务器WEB页面实现直播效果 Zim_cie 海康威视摄像头hlsrtspnginxffmpeghtml
    由于自己的海康威视网络摄像机不支持websocket，无法使用官方网页提供的WEB3.2开发包，只能使用低版本3.0版本的web开发包，但是这个版本的开发包只支持44以下版本的Chrome浏览器（当前普遍版本90+），ie9-ie11（？？?很少人用ie了，更何况不适配开发需求），其余Firefox也应该是低版本的。转而想到通过提取视频流的方法进行二次开发。》》具体如何查看通过海康威视技术人员提示
  • Js函数返回值 _wy_ jsreturn
    一、返回控制与函数结果，语法为：return 表达式;作用: 结束函数执行，返回调用函数，而且把表达式的值作为函数的结果 二、返回控制语法为：return;作用: 结束函数执行，返回调用函数，而且把undefined作为函数的结果 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性
  • MySQL 的 char 与 varchar bylijinnan mysql
    今天发现，create table 时，MySQL 4.1有时会把 char 自动转换成 varchar 测试举例： CREATE TABLE `varcharLessThan4` ( `lastName` varchar(3) ) ; mysql> desc varcharLessThan4; +----------+---------+------+-
  • Quartz——TriggerListener和JobListener eksliang TriggerListenerJobListenerquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208624 一.概述 listener是一个监听器对象，用于监听scheduler中发生的事件，然后执行相应的操作；你可能已经猜到了，TriggerListeners接受与trigger相关的事件，JobListeners接受与jobs相关的事件。   二.JobListener监听器  j
  • oracle层次查询 18289753290 oracle；层次查询；树查询
    .oracle层次查询(connect  by) oracle的emp表中包含了一列mgr指出谁是雇员的经理，由于经理也是雇员，所以经理的信息也存储在emp表中。这样emp表就是一个自引用表，表中的mgr列是一个自引用列，它指向emp表中的empno列，mgr表示一个员工的管理者， select   empno,mgr,ename,sal  from e
  • 通过反射把map中的属性赋值到实体类bean对象中 酷的飞上天空 javaee泛型类型转换
    使用过struts2后感觉最方便的就是这个框架能自动把表单的参数赋值到action里面的对象中 但现在主要使用Spring框架的MVC，虽然也有@ModelAttribute可以使用但是明显感觉不方便。 好吧，那就自己再造一个轮子吧。 原理都知道，就是利用反射进行字段的赋值，下面贴代码 主要类如下：   import java.lang.reflect.Field; imp
  • SAP HANA数据存储：传统硬盘的瓶颈问题 蓝儿唯美 HANA
    SAPHANA平台有各种各样的应用场景，这也意味着客户的实施方法有许多种选择，关键是如何挑选最适合他们需求的实施方案。 在 《Implementing SAP HANA》这本书中，介绍了SAP平台在现实场景中的运作原理，并给出了实施建议和成功案例供参考。本系列文章节选自《Implementing SAP HANA》，介绍了行存储和列存储的各自特点，以及SAP HANA的数据存储方式如何提升空间压
  • Java Socket 多线程实现文件传输 随便小屋 javasocket
            高级操作系统作业，让用Socket实现文件传输，有些代码也是在网上找的，写的不好，如果大家能用就用上。 客户端类：   package edu.logic.client; import java.io.BufferedInputStream; import java.io.Buffered
  • java初学者路径 aijuans java
    学习Java有没有什么捷径?要想学好Java，首先要知道Java的大致分类。自从Sun推出Java以来，就力图使之无所不包，所以Java发展到现在，按应用来分主要分为三大块：J2SE,J2ME和J2EE,这也就是Sun ONE(Open Net Environment)体系。J2SE就是Java2的标准版，主要用于桌面应用软件的编程；J2ME主要应用于嵌入是系统开发，如手机和PDA的编程；J2EE
  • APP推广 aoyouzi APP推广
    一，免费篇 1，APP推荐类网站自主推荐 最美应用、酷安网、DEMO8、木蚂蚁发现频道等,如果产品独特新颖，还能获取最美应用的评测推荐。PS：推荐简单。只要产品有趣好玩，用户会自主分享传播。例如足迹APP在最美应用推荐一次，几天用户暴增将服务器击垮。 2，各大应用商店首发合作 老实盯着排期，多给应用市场官方负责人献殷勤。 3，论坛贴吧推广 百度知道，百度贴吧，猫扑论坛，天涯社区，豆瓣（
  • JSP转发与重定向 百合不是茶 jspservletJava Webjsp转发
      在servlet和jsp中我们经常需要请求,这时就需要用到转发和重定向;   转发包括;forward和include     例子;forwrad转发;  将请求装法给reg.html页面   关键代码;    req.getRequestDispatcher("reg.html
  • web.xml之jsp-config bijian1013 javaweb.xmlservletjsp-config
    1.作用：主要用于设定JSP页面的相关配置。 2.常见定义： <jsp-config> <taglib> <taglib-uri>URI(定义TLD文件的URI,JSP页面的tablib命令可以经由此URI获取到TLD文件)</tablib-uri> <taglib-location> TLD文件所在的位置
  • JSF2.2 ViewScoped Using CDI sunjing CDIJSF 2.2ViewScoped
    JSF 2.0 introduced annotation @ViewScoped; A bean annotated with this scope maintained its state as long as the user stays on the same view(reloads or navigation - no intervening views). One problem w
  • 【分布式数据一致性二】Zookeeper数据读写一致性 bit1129 zookeeper
    很多文档说Zookeeper是强一致性保证，事实不然。关于一致性模型请参考http://bit1129.iteye.com/blog/2155336    Zookeeper的数据同步协议 Zookeeper采用称为Quorum Based Protocol的数据同步协议。假如Zookeeper集群有N台Zookeeper服务器(N通常取奇数，3台能够满足数据可靠性同时
  • Java开发笔记 白糖_ java开发
    1、Map<key,value>的remove方法只能识别相同类型的key值   Map<Integer,String> map = new HashMap<Integer,String>(); map.put(1,"a"); map.put(2,"b"); map.put(3,"c"
  • 图片黑色阴影 bozch 图片
     .event{ padding:0;    width:460px;    min-width: 460px;    border:0px solid #e4e4e4;    height: 350px;    min-heig
  • 编程之美-饮料供货-动态规划 bylijinnan 动态规划
    import java.util.Arrays; import java.util.Random; public class BeverageSupply { /** * 编程之美 饮料供货 * 设Opt（V’，i）表示从i到n-1种饮料中，总容量为V’的方案中，满意度之和的最大值。 * 那么递归式就应该是：Opt（V’，i）=max{ k * Hi+Op
  • ajax大参数（大数据）提交性能分析 chenbowen00 WebAjax框架浏览器prototype
    近期在项目中发现如下一个问题 项目中有个提交现场事件的功能，该功能主要是在web客户端保存现场数据（主要有截屏，终端日志等信息）然后提交到服务器上方便我们分析定位问题。客户在使用该功能的过程中反应点击提交后反应很慢，大概要等10到20秒的时间浏览器才能操作，期间页面不响应事件。 根据客户描述分析了下的代码流程，很简单，主要通过OCX控件截屏，在将前端的日志等文件使用OCX控件打包，在将之转换为
  • [宇宙与天文]在太空采矿,在太空建造 comsci
         我们在太空进行工业活动...但是不太可能把太空工业产品又运回到地面上进行加工,而一般是在哪里开采,就在哪里加工,太空的微重力环境,可能会使我们的工业产品的制造尺度非常巨大....      地球上制造的最大工业机器是超级油轮和航空母舰,再大些就会遇到困难了,但是在空间船坞中,制造的最大工业机器,可能就没
  • ORACLE中CONSTRAINT的四对属性 daizj oracleCONSTRAINT
    ORACLE中CONSTRAINT的四对属性 summary:在data migrate时,某些表的约束总是困扰着我们,让我们的migratet举步维艰,如何利用约束本身的属性来处理这些问题呢?本文详细介绍了约束的四对属性: Deferrable/not deferrable, Deferred/immediate, enalbe/disable, validate/novalidate,以及如
  • Gradle入门教程 dengkane gradle
    一、寻找gradle的历程 一开始的时候，我们只有一个工程，所有要用到的jar包都放到工程目录下面，时间长了，工程越来越大，使用到的jar包也越来越多，难以理解jar之间的依赖关系。再后来我们把旧的工程拆分到不同的工程里，靠ide来管理工程之间的依赖关系，各工程下的jar包依赖是杂乱的。一段时间后，我们发现用ide来管理项程很不方便，比如不方便脱离ide自动构建，于是我们写自己的ant脚本。再后
  • C语言简单循环示例 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i; int count = 0; int sum = 0; float avg; for (i=1; i<=100; i++) { if (i%2==0) { count++; sum += i; } } avg
  • presentModalViewController 的动画效果 dcj3sjt126com controller
    系统自带(四种效果)： presentModalViewController模态的动画效果设置：     [cpp]  view plain copy   UIViewController *detailViewController = [[UIViewController al
  • java 二分查找 shuizhaosi888 二分查找java二分查找
    需求：在排好顺序的一串数字中，找到数字T   一般解法：从左到右扫描数据，其运行花费线性时间O(N)。然而这个算法并没有用到该表已经排序的事实。 /** * * @param array * 顺序数组 * @param t * 要查找对象 * @return */ public stati
  • Spring Security（07）——缓存UserDetails 234390216 ehcache缓存Spring Security
           Spring Security提供了一个实现了可以缓存UserDetails的UserDetailsService实现类，CachingUserDetailsService。该类的构造接收一个用于真正加载UserDetails的UserDetailsService实现类。当需要加载UserDetails时，其首先会从缓存中获取，如果缓存中没
  • Dozer 深层次复制 jayluns VOmavenpo
    最近在做项目上遇到了一些小问题，因为架构在做设计的时候web前段展示用到了vo层，而在后台进行与数据库层操作的时候用到的是Po层。这样在业务层返回vo到控制层，每一次都需要从po-->转化到vo层，用到BeanUtils.copyProperties(source, target)只能复制简单的属性，因为实体类都配置了hibernate那些关联关系，所以它满足不了现在的需求，但后发现还有个很
  • CSS规范整理（摘自懒人图库） a409435341 htmlUIcss浏览器
       刚没事闲着在网上瞎逛，找了一篇CSS规范整理，粗略看了一下后还蛮有一定的道理，并自问是否有这样的规范，这也是初入前端开发的人一个很好的规范吧。 一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core
  • C++动态链接库创建与使用 你不认识的休道人 C++dll
    一、创建动态链接库 1.新建工程test中选择”MFC [dll]”dll类型选择第二项"Regular DLL With MFC shared linked"，完成 2.在test.h中添加 extern “C” 返回类型 _declspec(dllexport)函数名(参数列表); 3.在test.cpp中最后写 extern “C” 返回类型 _decls
  • Android代码混淆之ProGuard rensanning ProGuard
    Android应用的Java代码，通过反编译apk文件（dex2jar、apktool）很容易得到源代码，所以在release版本的apk中一定要混淆一下一些关键的Java源码。 ProGuard是一个开源的Java代码混淆器（obfuscation）。ADT r8开始它被默认集成到了Android SDK中。 官网： http://proguard.sourceforge.net/
  • 程序员在编程中遇到的奇葩弱智问题 tomcat_oracle jquery编程ide
    　　现在收集一下：       　　排名不分先后，按照发言顺序来的。   1、Jquery插件一个通用函数一直报错，尤其是很明显是存在的函数，很有可能就是你没有引入jquery。。。或者版本不对 2、调试半天没变化：不在同一个文件中调试。这个很可怕，我们很多时候会备份好几个项目，改完发现改错了。有个群友说的好：   在汤匙
  • 解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported xp9802 dependency
    解决办法：在plugins之前添加如下pluginManagement，二者前后顺序如下：   [html]  view plain copy   <build>           <pluginManagement
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他