chenminglvming
chenminglvming

jsDom-jsBoM基础概念一网打尽

       今天梦想创业俱乐部的陈明跟大家一起消灭jsDom-jsBoM基础概念，希望大家好好的在自己的笔记本上练一练。好的，下面，跟着陈明一起消灭jsDom-jsBoM的基础概念吧。

1.DOM?概念

Document Object Model 
文档：html的页面;文档对象：文档中的元素;文档对象模型：就是一棵树，为了通过js程序来操作页面的元素。


2.元素节点，属性节点，文本节点


<ul>
<li style="width:123px;">我是文本内容</li>
<li style="width:123px;">我是文本内容</li>
</ul>
元素节点:ul li 
属性节点:width
文本节点:我是文本内容


-------->nodeType nodeName nodeValue
元素节点     1      li        
属性节点     2      width    123px
文本节点     3               我是文本内容


3.元素.childNodes:只读属性，子节点的列表集合
标准浏览器：
   包含了文本和元素节点，也包含非法嵌套的子节点
非标准浏览器：
   只包含元素的节点，ie7以下不会包含非法嵌套的节点


注意点：childNodes只包含一级子节点，不包含后辈的孙子子节点。


4.元素.attributes : 只读属性 属性列表集合


5.元素.children:只读 属性 子节点列表集合
这个用法和元素.childNodes的用法是差不多的，但有不同点。
标准下:
    只包含元素类型的节点
非标准下:
    只包含元素类型的节点


6.元素.firstChild : 只读属性 第一个子节点(和childNodes是通的)
标准下：
    firstChild会包含文本类型的节点
非标准下：
    只包含元素节点


7.元素.firstElementChild : 只读 属性
标准下获取第一个元素类型的子节点


为了兼容标准和非标准浏览器来获取第一个元素，我们应该这么写
if ( oUl.firstElementChild) {
    oUl.firstElementChild.style.background = 'red';//配合标准浏览器
} else {
    oUl.firstChild.style.background = 'red';   //配合非标准浏览器
}
但是上述的程序会有问题，当oUl里面没有元素的时候就会报错了。所以推荐兼容浏览器的写法应该这样--->


if ( oUl.children[0] ) {
    //oUl.children[0].style.background = 'red';
     var oFirst = oUl.firstElementChild || oUl.firstChild;
     oFirst.style.background = 'red';
} else {
    alert( '没有子节点可以设置' );
}


8.元素.lastChild  元素.lastElementChild 最后一个子节点
兼容浏览器的写法--->
if ( oUl.children[0] ) {
    var oLast = oUl.lastElementChild || oUl.lastChild;
    oLast.style.background = 'yellow';
} else {
    alert( '没有子节点可以设置' );
  }


9.元素.nextSibling  元素.nextElementSibling 下一个兄弟节点


    var oNext = oFirst.nextElementSibling || oFirst.nextSibling;
    oNext.style.background = 'blue';




10.元素.previousSibling  元素.previousElementSibling 上一个兄弟节点


    var oPrev = oLast.previousElementSibling || oLast.previousSibling;
    oPrev.style.background = 'orange';


11.元素.parentNode : 只读 属性 当前节点的父级节点
oFirst.parentNode.style.display = 'none';


12.元素.offsetParent : 只读 属性 离当前元素最近的一个有定位属性的父节点
如果没有定位父级，默认是body
ie7以下，如果当前元素没有定位默认是body，如果有定位则是html
ie7以下，如果当前元素的某个父级触发了layout，那么offsetParent就会被指向到这个触发了layout特性的父节点上(比如:加了zoom)


13.元素.offsetLeft/元素.offsetTop : 只读 属性 当前元素到定位父级的距离（偏移值）
意思：到当前元素的offsetParent的距离;
如果没有定位父级
offsetParent -> body
offsetLeft -> html

如果有定位父级
ie7以下：如果自己没有定位，那么offsetLeft[Top]是到body的距离
如果自己有定位，那么就是到定位父级的距离
其他：到定位父级的距离


14.元素的宽高


width height


style.width : 样式宽 
clientWidth : 可视区宽(样式宽 + padding)
offsetWidth : 占位宽(样式宽 + padding + border ==  可视区宽 + 边框)


15.指定元素到文档页面的距离的函数的封装
JS代码：
function getPos(obj) {

var pos = {left:0, top:0};

while (obj) {
pos.left += obj.offsetLeft;
pos.top += obj.offsetTop;
obj = obj.offsetParent;
}

return pos;

}


var oDiv3 = document.getElementById('div3');
var p = getPos( oDiv3 );


HTML代码：
<body id="body1">
<div id="div1">
    <div id="div2">
        <div id="div3"></div>
        </div>
    </div>
</body>


CSS代码:
div {padding: 40px 50px;}
#div1 {background: red;position: relative;}
#div2 {background: green; position: relative;}
#div3 {background: orange; position: relative;}


16.操作元素属性的多种方式
有兼容性问题，标准下不能获取两层获取：getAttribute(名称)
设置：setAttribute(名称, 值)删除：removeAttribute(名称)第三种方式的好处：自定义属性、相对网址




HTML代码:
<body>
<input type="text" id="text1" value="1111" _name_="自定义的属性" />
    <img src="bdlogo.gif" id="img1" style="width:100px;" />
</body>
JS代码:
var oText = document.getElementById('text1');

/*
.
[]
*/
//oText.value = '222';
//alert( oText.value );

//oText['value'] = '222';
//alert( oText['value'] );

//var name = 'value';//一定要注意

//oText.name; 有问题
//oText[name]; OK

/*
元素.getAttribute(属性名称); 方法 获取指定元素的指定属性的值
*/
//alert( oText.getAttribute('value') );

/*
元素.setAttribute(属性名称，属性值); 方法 给指定元素指定的属性设置值
*/
//oText.setAttribute( 'value', 'hello' );

/*
元素.removeAttribute(属性名称); 方法 移除指定的元素的指定的属性
*/
//oText.removeAttribute( 'value' );

/*
1.用.和[]的形式无法操作元素的自定义属性
getAttribute可以操作元素的自定义属性
*/
//alert( oText._name_ );
//alert( oText['_name_'] );

//alert( oText.getAttribute('_name_') );

var oImg = document.getElementById('img1');
/*
2.可以获取元素属性实际的值
ie7下还是会返回资源的绝对路径
*/
//alert( oImg.src );
//alert( oImg['src'] );

//alert( oImg.getAttribute('src') );

//alert( oImg.style.getAttribute('width') );
//alert( oImg.style.width );


17.元素的创建
document.createElement(标签名称); 创建元素
var oLi = document.createElement('li');
oLi.width = 200 +'px';


18.添加元素
父级.appendChild(要添加的元素) 方法 追加子元素
   oUl.appendChild( oLi );
父级.insertBefore(新的元素，被插入的元素) 方法 在指定元素前面插入一个新元素
   oUl.insertBefore( oLi, oUl.children[0] );
注意：在ie下如果第二个参数的节点不存在，会报错，在其他标准浏览器下如果第二个参数的节点不存在，则会以appendChild的形式进行添加
if ( oUl.children[0] ) {
    oUl.insertBefore( oLi, oUl.children[0] );
} else {
    oUl.appendChild( oLi );
}


18.删除元素
父级.removeChild(要删除的元素); 删除元素
oUl.removeChild( this.parentNode );


18.父级.replaceChild(新节点，被替换节点) 替换子节点
document.body.replaceChild( oDiv, oP );

appendChild,insertBefore,replaceChild都可以操作动态创建出来的节点，也可以操作已有节点

下一节，陈明老师跟大家一起聊聊DOM、BOM相关方法及属性，谢谢大家。

你可能感兴趣的:(JavaScript,妙味课堂,陈明,梦想创业俱乐部,DOM基础概念操作)

  • 【搞定Go语言】第3天1：Go语言操作MySQL 就叫一片白纸 Go语言
    MySQL是业界常用的关系型数据库，本文介绍了Go语言如何操作MySQL数据库。Go操作MySQL连接Go语言中的database/sql包提供了保证SQL或类SQL数据库的泛用接口，并不提供具体的数据库驱动。使用database/sql包时必须注入（至少）一个数据库驱动。我们常用的数据库基本上都有完整的第三方实现。例如：MySQL驱动下载依赖goget-ugithub.com/go-sql-dr
  • go clickhouse query leijmdas golangclickhouse开发语言
    在Go中使用clickhouse-go查询ClickHouse数据库非常简单。以下是一个完整的示例，展示如何连接ClickHouse并执行查询操作。1.安装依赖首先，安装clickhouse-go：bash复制goget-ugithub.com/ClickHouse/clickhouse-go/v22.示例代码以下是一个完整的示例，展示如何连接ClickHouse并执行查询操作。go复制packa
  • Go操作MySQL 可能只会写BUG golangmysqlgolangmysql开发语言
    Go操作MySQL类别:Golang数据库操作连接Go语言中的database/sql包提供了保证SQL或类SQL数据库的泛用接口，并不提供具体的数据库驱动。使用database/sql包时必须注入（至少）一个数据库驱动。我们常用的数据库基本上都有完整的第三方实现。例如：MySQL驱动下载依赖goget-ugithub.com/go-sql-driver/mysql使用MySQL驱动funcOpe
  • Servlet NGC2237999 servlet
    JavaSE与JavaEEJavaSE（StandardEdition）和JavaEE（EnterpriseEdition）是Java平台的两个主要版本，它们各自有不同的用途和功能。JavaSE（标准版）定义：JavaSE是Java的标准基础版，提供了核心功能和库，用于开发一般的应用程序，如桌面应用和小型工具。主要特性：包含Java语言的基本语法和标准库（如集合框架、IO操作、网络编程等）。适合开
  • MDX语言的软件工程 苏墨瀚 包罗万象golang开发语言后端
    MDX语言的软件工程引言在现代软件开发中，技术的进步不断推动着开发流程的变化与优化。MDX（MultidimensionalExpressions）语言作为一种用于查询和操作多维数据集的表达式语言，已在数据分析、商业智能等领域得到了广泛应用。本文将探讨MDX语言在软件工程中的应用，包括其基本概念、工作原理、最佳实践以及在数据分析系统中的具体案例。1.MDX语言概述MDX最初由微软开发，通常用于访问
  • 录音文字转换专家，一键搞定音转文字，让你的工作效率飞起来！ 开开心心_Every pythoneclipsedjangovirtualenvpygametornadoflask
    录音转文字助手是一款功能丰富的app，主要聚焦于语音识别、音频转文字以及实时语音翻译等功能。在这个app中，其内置了一套强大的识别系统。这套系统具备快速且无损转换的能力，无论是语音内容，还是音频文件内容，它都能够迅速地将其转换为文字内容并输出。而且，该app的功能不仅局限于此，它还可以进行多语种的翻译操作，这为不同语言需求的用户提供了极大的便利。帮助中心帮助中心相关问题解答：一、安装报错的处理安卓
  • MyBatis 学习经验分享 吱屋猪_ mybatis学习经验分享
    MyBatis是一个广泛使用的Java持久层框架，它为开发者提供了灵活、易用的数据库操作方式。与Hibernate等全自动化ORM（对象关系映射）框架不同，MyBatis采用了更精细的控制，允许开发者在SQL语句和Java对象之间进行映射。通过它，开发者可以直接编写SQL查询，灵活处理数据库操作，并且仍然享受到框架提供的简化工作流程。以下是我在学习MyBatis过程中的一些经验分享。1.理解MyB
  • 第三：go 操作mysql 小画家~ gingolangmysql开发语言
    Go操作MySQL连接Go语言中的database/sql包提供了保证SQL或类SQL数据库的泛用接口，并不提供具体的数据库驱动。使用database/sql包时必须注入（至少）一个数据库驱动。我们常用的数据库基本上都有完整的第三方实现。例如：MySQL驱动下载依赖goget-ugithub.com/go-sql-driver/mysql使用MySQL驱动funcOpen(driverName,d
  • python函数支持哪些参数类型_Python函数的几种参数类型 weixin_39965283
    以下代码均以Python3为基础理解。初识Python函数大部分常见的语言如C、Java、PHP、C#、JavaScript等属于C系语言，Python不属于他们中的一员（ruby亦然）。在这些语言中，Python也属于比较新奇的一派，就函数来说，它没有大括号，用def关键字定义一个函数，定义后用:然后换行tab指定函数函数的范围，当然也不存在什么分号。作为一个函数，那个它肯定是有参数的，Pyth
  • Git使用规范 糖心何包蛋爱编程 gitjava经验分享intellij-idea
    摘要本文主要讲解Git提交需遵循相应规范。PullRequest方面，一个PR专注一件事。信息填写中，Title分仅含一个commit和多个commit的情况；Content也有要求。还有其它规范，如连接issue，pr完成后要妥善处理，以保证代码提交的高效与规范。开发统一使用git进行版本管理，使用gitsubmodule实现代码模块化。在使用git进行提交和push等操作时需要遵循以下规范。一
  • TypeScript模块 vs JavaScript模块：现代化开发的模块化之道 念九_ysl typescript前端typescript
    一、模块化开发的重要性在当今前端开发领域，模块化已成为构建可维护、可扩展应用程序的基石。无论是小型项目还是企业级应用，良好的模块化设计都能显著提升代码的可读性和复用性。让我们通过一个简单对比示例开始：JavaScript实现：//math.jsexportfunctionadd(a,b){returna+b}//app.jsimport{add}from'./math.js';console.lo
  • 深入了解Python的shutil模块 上官美丽 技术分享python
    在Python编程中，处理文件和目录是一个常见的需求。而shutil模块就像一个得力助手，专门用于文件和目录的操作！这篇文章将带你深入探索shutil模块的各种功能，让你在管理文件时游刃有余。什么是shutil模块？shutil是Python的一个标准库，主要用于高效地处理文件和目录。这个模块提供了很多有用的功能，比如复制、移动、删除文件，甚至可以压缩和解压文件！无论你是要整理文档、备份数据，还是
  • Django ORM自定义排序的实用示例 上官美丽 技术分享django数据库sqlite
    在使用Django进行开发时，ORM（对象关系映射）是一个非常强大的工具。它让我们可以用Python代码直接操作数据库，而不需要写SQL语句。当我们需要对数据进行排序时，DjangoORM同样提供了丰富的功能。今天，我们就来聊聊如何在Django中实现自定义排序，帮助你更好地管理和展示数据！理解DjangoORM的排序功能DjangoORM提供了order_by()方法，允许我们对查询集进行排序。
  • 深入理解Ajax原理 lfsf802 前端技术ajaxxmlhttprequestjavascript服务器asynchronous
    1.概念ajax的全称是AsynchronousJavaScriptandXML，其中，Asynchronous是异步的意思，它有别于传统web开发中采用的同步的方式。2.理解同步异步异步传输是面向字符的传输，它的单位是字符；而同步传输是面向比特的传输，它的单位是桢，它传输的时候要求接受方和发送方的时钟是保持一致的。举个例子来说同步和异步，同步就好像我们买楼一次性支付，而异步就是买楼分期付款。所以
  • 【玩转google云】在 Google Cloud 和 AWS 之间创建高可用性 VPN 连接（二） Coder加油! 手把手教学玩转google云aws云计算devops客户网关虚拟网关
    目录1、安装AWSCLI2、配置AWSCLI3、AWS命令创建两个客户网关4、创建虚拟网关并将其挂接到您的VPC网络5、创建采用动态路由的VPN连接上一篇我们讲到了怎么在在GoogleCloud上创建高可用性VPN网关和路由器，这一篇我们将介绍怎么在AWS上面创建网关和VPN连接。AWS命令行界面(AWSCLI)是一种开源工具，允许您使用命令行操作AWS服务。您可以使用AWSCLI自动化任务、管理
  • [科普] SRAM 和 PSRAM 易失性存储器（断电后数据丢失）(由DS-R1生成) 兴趣使然_ 嵌入式硬件相关fpga开发
    在易失性存储器（断电后数据丢失）中，SRAM和PSRAM是两种常见的高速存储方案，但它们的技术原理和应用场景有明显差异。以下是详细对比和扩展说明：1.SRAM（StaticRandom-AccessMemory）核心特性静态存储：通过6晶体管（6T）锁存结构存储数据，无需外部刷新电路，数据在通电时永久保持。速度：读写速度极快（纳秒级延迟），远高于DRAM或Flash，常见于高速缓存场景。功耗：静态
  • 【数据结构】 -- 链表的入栈弹栈 王峰～ C语言数据结构
    #include#include//链表中的节点结构typedefstructlineStack{intdata;structlineStack*next;}lineStack;//入栈操作;//stack为当前的链栈，a表示入栈元素lineStack*push(lineStack*stack,inta){//创建存储新元素的节点lineStack*line=(lineStack*)malloc(
  • 华纳云：BenchSEE测试工具怎么用？ 测试
    BenchSEE测试工具的使用方法可以按照以下步骤进行：BenchSEE简介：BenchSEE是中国标准化研究院开发的一款服务器产品能效测试基准软件。它支持多种服务器类型和硬件平台，并兼容主流操作系统。准备工作：确保测试系统包括控制端（可以是PC或服务器，需联网并支持谷歌浏览器）、被测服务器、温度计（可选择模拟模式）、功耗仪（可选择模拟模式）。若要生成可信报告，则必须链接功耗仪和温度计。注意功耗仪
  • 如何做好性能测试 测试
    如何做好性能测试主要依靠测试策略规划、性能测试工具选择、数据分析优化**。其中测试策略规划尤为关键，通过制定详细的测试目标和场景，明确各阶段测试重点，有助于降低项目风险和优化系统性能。实践中，企业普遍发现，完善的测试策略可以使系统响应时间降低20%～30%，大大提升用户体验和业务稳定性。一、性能测试的基本概念与重要性性能测试是指通过模拟用户操作及系统负载，对软件系统的响应时间、吞吐量、资源利用率等
  • Ubuntu MySQL 安装指南：五步轻松构建你的数据基石 海棠AI实验室 “数智未来“-探索AI驱动的大数据新境界ubuntumysqladb
    目录前言：数据驱动的时代，MySQL为你保驾护航第一步：扬帆起航前的准备-系统软件包更新第二步：一键启航，MySQL服务器轻松就位第三步：引擎启动，让MySQL飞速运转第四步：安全护盾，为数据安全保驾护航第五步：初识MySQL，开启你的数据探索之旅进阶操作：打造更强大的数据港湾创建数据库、用户和权限：精细化管理你的数据开放远程访问：迎接来自远方的连接总结：迈出数据管理的关键一步前言：数据驱动的时代
  • 数据结构与算法——栈和队列 深度学习&目标检测实战项目 算法数据结构java开发语言
    目录第三章：栈和队列第一节：栈（Stack）1.1：栈的基本运算：1.2：栈的存储结构和基本运算第二节：队列2.1：定义及基本运算2.2：队列的存储结构和基本运算本章小结：第三章：栈和队列第一节：栈（Stack）是限制在表一端进行插入和删除操作的线性表。允许进行插入、删除操作的这一端称为栈顶（Top），另一个固定端称为栈底。例如栈中有三个元素，近栈的顺序是a1、a2、a3，当需要出栈时顺序为a3,
  • 索引-最左匹配 HBryce24 数据库数据库mysql
    在数据库索引中，最左匹配原则确实在遇到某些范围查询时会停止向右匹配，但对于>=、2ANDc=3。❌无效的条件：b=2（未指定a）、a=1ANDc=3（跳过b）。2.范围查询对索引匹配的影响当遇到范围查询时，其右侧的索引列可能无法被使用，但具体行为因操作符而异：(1)严格范围查询（如>、2ANDc=3;(2)闭合范围查询（如>=、=2ANDc=3;(3)前缀匹配的LIKE（如LIKE'abc%'）索
  • AI驱动软件开发流程的智能化转型与效能提升 我有些不开心 开发语言
    摘要在数字化快速发展的时代，软件开发行业面临着提升效率、保证质量与满足多变需求的挑战。本文聚焦人工智能（AI）如何驱动软件开发流程的智能化转型，探讨其在需求分析、代码编写、测试调试、项目管理等环节对效能的提升，分析转型中面临的挑战，并对未来发展趋势展开展望，为软件行业借助AI实现升级提供理论与实践参考。一、引言传统软件开发流程依赖大量人工操作，各环节易出现沟通不畅、效率低下、错误频发等问题。随着软
  • 贪心算法：将数组和减半的最少操作次数 神里流~霜灭 贪心算法精讲贪心算法算法数据结构c语言c++动态规划
    题目描述：给你一个正整数数组nums。每一次操作中，你可以从nums中选择任意一个数并将它减小到恰好一半。（注意，在后续操作中你可以对减半过的数继续执行操作）请你返回将nums数组和至少减少一半的最少操作数。示例1：输入：nums=[5,19,8,1]输出：3解释：初始nums的和为5+19+8+1=33。以下是将数组和减少至少一半的一种方法：选择数字19并减小为9.5。选择数字9.5并减小为4.
  • springboot使用163发送自定义html格式的邮件 星月前端 springboothtmljava
    springboot使用163发送html格式的邮件效果:下面直接开始教学注册邮箱，生成授权码获取163邮箱的授权码，可以按照以下步骤操作：登录163邮箱打开浏览器，访问163邮箱登录页面。使用你的邮箱账号和密码登录。进入邮箱设置登录后，点击页面右上角的“设置”图标（通常是一个齿轮图标）。在菜单中选择“POP3/SMTP/IMAP”选项。开启SMTP服务在“POP3/SMTP/IMAP”设置页面中
  • 基于多头注意机制的多尺度特征融合的GCN的序列数据（功率预测、故障诊断）模型及代码详解 清风AI 深度学习算法详解及代码复现人工智能神经网络深度学习pythoncondapippandas
    GCN基础在深度学习领域中，图卷积网络(GCN)是一种强大的图数据处理工具。它将卷积操作扩展到图结构上，能够有效捕捉图中节点之间的关系信息。GCN的核心思想是通过聚合邻居节点的特征来更新目标节点的表示，这种局部聚合机制使得GCN能够学习到图的拓扑结构和节点属性。GCN的主要构成要素包括节点特征矩阵、邻接矩阵和卷积核。通过多次迭代，GCN可以逐步学习到图中节点的高阶表示，为后续的分类、预测等任务提供
  • Kotlin构造函数 zhoujun798 kotlin开发语言android
    目录构造函数类型主构造函数成员变量设置私有化操作次级构造函数构造函数类型主构造函数（主构造器）——只能有一个次构造函数（次构造器）——可以是多个主构造函数构造器constructor关键字前无注解或修饰符作用，可直接省略classSingletonprivateconstructor(age:Int){}classSingleton(age:Int){}成员变量设置//在构造器直接初始化（用var
  • bitset and valarray heraldww c++数学ARMandroid漂亮的UI界面完整的界面设计职场和发展程序人生
    记录一个比较少用的容器C++std::bitsethttps://www.cnblogs.com/wangshaowei/p/10297877.htmlvalarrayvalarray面向数值计算的数组，在C++11中才支持支持很多数值数组操作，如求数组总和、最大数、最小数等。需要头文件valarray支持
  • kotlin的函数forEach LCY133 spring后端kotlin
    在Kotlin中，forEach是一个高阶函数，用于遍历集合中的每个元素并对其执行指定的操作。它的核心特点是简洁、函数式，适用于需要遍历集合且无需返回值的场景。以下是详细说明和示例：一、基本用法1️⃣遍历集合vallist=listOf("Apple","Banana","Orange")//使用lambda表达式list.forEach{fruit->println(fruit)}//简化为`i
  • STM32 —— 嵌入式系统、通用计算机系统、物联网三层架构 Exhausted、 stm32单片机stm32嵌入式硬件物联网架构
    目录一、嵌入式系统的概念二、通用计算机系统与嵌入式系统的比较用途硬件软件性能与功耗开发与维护三、嵌入式系统与物联网的关系四、物联网的三层架构1.感知层（PerceptionLayer）2.网络层（NetworkLayer）3.应用层（ApplicationLayer）三层架构的协作流程一、嵌入式系统的概念嵌入式系统一般由嵌入式微处理器、外围硬件设备、嵌入式操作系统以及应用程序等4部分组成，并且分为
  • mysql主从数据同步 林鹤霄 mysql主从数据同步
    配置mysql5.5主从服务器(转) 教程开始：一、安装MySQL 说明：在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作，安装MySQL 5.5.22  二、配置MySQL主服务器（192.168.21.169）mysql  -uroot  -p   &nb
  • oracle学习笔记 caoyong oracle
    1、ORACLE的安装    a>、ORACLE的版本    8i,9i :   i是internet    10g,11g : grid (网格)    12c : cloud (云计算)       b>、10g不支持win7 &
  • 数据库，SQL零基础入门 天子之骄 sql数据库入门基本术语
    数据库，SQL零基础入门        做网站肯定离不开数据库，本人之前没怎么具体接触SQL，这几天起早贪黑得各种入门，恶补脑洞。一些具体的知识点，可以让小白不再迷茫的术语，拿来与大家分享。          数据库，永久数据的一个或多个大型结构化集合，通常与更新和查询数据的软件相关
  • pom.xml 一炮送你回车库 pom.xml
    1、一级元素dependencies是可以被子项目继承的 2、一级元素dependencyManagement是定义该项目群里jar包版本号的，通常和一级元素properties一起使用，既然有继承，也肯定有一级元素modules来定义子元素 3、父项目里的一级元素<modules> <module>lcas-admin-war</module> <
  • sql查地区省市县 3213213333332132 sqlmysql
    -- db_yhm_city SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35 SELECT * FROM db_yhm_city WHERE class_parent_id =169 SELECT d1.cla
  • 关于监听器那些让人头疼的事 宝剑锋梅花香 画图板监听器鼠标监听器
           本人初学JAVA，对于界面开发我只能说有点蛋疼，用JAVA来做界面的话确实需要一定的耐心（不使用插件，就算使用插件的话也没好多少）既然Java提供了界面开发，老师又要求做，只能硬着头皮上啦。但是监听器还真是个难懂的地方，我是上了几次课才略微搞懂了些。       
  • JAVA的遍历MAP darkranger map
    Java Map遍历方式的选择 1. 阐述 　　对于Java中Map的遍历方式，很多文章都推荐使用entrySet，认为其比keySet的效率高很多。理由是：entrySet方法一次拿到所有key和value的集合；而keySet拿到的只是key的集合，针对每个key，都要去Map中额外查找一次value，从而降低了总体效率。那么实际情况如何呢？ 　　为了解遍历性能的真实差距，包括在遍历ke
  • POJ 2312 Battle City 优先多列+bfs aijuans 搜索
    来源：http://poj.org/problem?id=2312 题意：题目背景就是小时候玩的坦克大战，求从起点到终点最少需要多少步。已知S和R是不能走得，E是空的，可以走，B是砖，只有打掉后才可以通过。 思路：很容易看出来这是一道广搜的题目，但是因为走E和走B所需要的时间不一样，因此不能用普通的队列存点。因为对于走B来说，要先打掉砖才能通过，所以我们可以理解为走B需要两步，而走E是指需要1
  • Hibernate与Jpa的关系，终于弄懂 avords javaHibernate数据库jpa
    我知道Jpa是一种规范，而Hibernate是它的一种实现。除了Hibernate，还有EclipseLink(曾经的toplink)，OpenJPA等可供选择，所以使用Jpa的一个好处是，可以更换实现而不必改动太多代码。 在play中定义Model时，使用的是jpa的annotations，比如javax.persistence.Entity, Table, Column, OneToMany
  • 酸爽的console.log bee1314 console
    在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。 /** * log.js hufeng * The safe wrapper for `console.xxx` functions *
  • 哈佛教授：穷人和过于忙碌的人有一个共同思维特质 bijian1013 时间管理励志人生穷人过于忙碌
            一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究，结论是：穷人和过于忙碌的人有一个共同思维特质，即注意力被稀缺资源过分占据，引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。 　　这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国，很快就如鱼得水，哈佛毕业
  • other operate 征客丶 OSosx
    一、Mac Finder 设置排序方式，预览栏 在显示－》查看显示选项中 二、有时预览显示时，卡死在那，有可能是一些临时文件夹被删除了，如：/private/tmp[有待验证] -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一
  • 【Scala五】分析Spark源代码总结的Scala语法三 bit1129 scala
    1. If语句作为表达式 val properties = if (jobIdToActiveJob.contains(jobId)) { jobIdToActiveJob(stage.jobId).properties } else { // this stage will be assigned to "default" po
  • ZooKeeper 入门 BlueSkator 中间件zk
    ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现，使该框架保证了分布式环境中数据的强一致性，也正是基于这样的特性，使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍，本文将结合作者身边的项目例子，系统地对ZK的应用场景进行一个分门归类的介绍。 值得注意的是，ZK并非天生就是为这些应用场景设计的，都是后来众多开发者根据其框架的特性，利
  • MySQL取得当前时间的函数是什么 格式化日期的函数是什么 BreakingBad mysqlDate
    取得当前时间用 now() 就行。 在数据库中格式化时间 用DATE_FORMA T(date, format) . 根据格式串format 格式化日期或日期和时间值date，返回结果串。 可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值，以便得到所希望的格式。根据format字符串格式化date值: %S, %s 两位数字形式的秒（ 00,01,
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 4_JAVA+Oracle面试题(有答案) chenke oracle
    基础测试题 卷面上不能出现任何的涂写文字，所有的答案要求写在答题纸上，考卷不得带走。 选择题 1、 What will happen when you attempt to compile and run the following code? （3） public class Static { static { int x = 5; // 在static内有效 } st
  • 新一代工作流系统设计目标 comsci 工作算法脚本
      用户只需要给工作流系统制定若干个需求，流程系统根据需求，并结合事先输入的组织机构和权限结构，调用若干算法，在流程展示版面上面显示出系统自动生成的流程图，然后由用户根据实际情况对该流程图进行微调，直到满意为止，流程在运行过程中，系统和用户可以根据情况对流程进行实时的调整，包括拓扑结构的调整，权限的调整，内置脚本的调整。。。。。 在这个设计中，最难的地方是系统根据什么来生成流
  • oracle 行链接与行迁移 daizj oracle行迁移
    表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下) 第一种情况: INSERT的时候，INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks)，这种情况称为行链接(Row Chain)，一般不可避免(除非使用更大的数据
  • [JShop]开源电子商务系统jshop的系统缓存实现 dinguangx jshop电子商务
    前言 jeeshop中通过SystemManager管理了大量的缓存数据，来提升系统的性能，但这些缓存数据全部都是存放于内存中的，无法满足特定场景的数据更新（如集群环境）。JShop对jeeshop的缓存机制进行了扩展，提供CacheProvider来辅助SystemManager管理这些缓存数据，通过CacheProvider,可以把缓存存放在内存,ehcache,redis，memcache
  • 初三全学年难记忆单词 dcj3sjt126com englishword
    several 儿子；若干 shelf 架子 knowledge 知识；学问 librarian 图书管理员 abroad 到国外，在国外 surf 冲浪 wave 浪；波浪 twice 两次；两倍 describe 描写；叙述 especially 特别；尤其 attract 吸引 prize 奖品；奖赏 competition 比赛；竞争 event 大事；事件 O
  • sphinx实践 dcj3sjt126com sphinx
      安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server   yum install sphinx 如果失败的话使用下面的方式安装 wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm yum loca
  • JPA之JPQL（三） frank1234 ormjpaJPQL
    1 什么是JPQL JPQL是Java Persistence Query Language的简称，可以看成是JPA中的HQL， JPQL支持各种复杂查询。 2 检索单个对象 @Test public  void querySingleObject1() {     Query query = em.createQuery("sele
  • Remove Duplicates from Sorted Array II hcx2013 remove
    Follow up for "Remove Duplicates":What if duplicates are allowed at most twice? For example,Given sorted array nums = [1,1,1,2,2,3], Your function should return length
  • Spring4新特性——Groovy Bean定义DSL jinnianshilongnian spring 4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装Mysql5.5 liuxingguome centos
    CentOS下以RPM方式安装MySQL5.5 首先卸载系统自带Mysql： yum remove mysql mysql-server mysql-libs compat-mysql51 rm -rf /var/lib/mysql rm /etc/my.cnf 查看是否还有mysql软件： rpm -qa|grep mysql 去http://dev.mysql.c
  • 第14章 工具函数（下） 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/
  • POJ 1050 SaraWon 二维数组子矩阵最大和
    POJ ACM第1050题的详细描述，请参照 http://acm.pku.edu.cn/JudgeOnline/problem?id=1050 题目意思： 给定包含有正负整型的二维数组，找出所有子矩阵的和的最大值。 如二维数组 0 -2 -7 0 9 2 -6 2 -4 1 -4 1 -1 8 0 -2 中和最大的子矩阵是 9 2 -4 1 -1 8 且最大和是15
  • [5]设计模式——单例模式 tsface java单例设计模式虚拟机
    单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点   安全的单例模式：     /* * @(#)Singleton.java 2014-8-1 * * Copyright 2014 XXXX, Inc. All rights reserved. */ package com.fiberhome.singleton;
  • Java8全新打造，英语学习supertool yangshangchuan javasuperword闭包java8函数式编程
    superword是一个Java实现的英文单词分析软件，主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。   升学考试、工作求职、充电提高，都少不了英语的身影，英语对我们来说实在太重要
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他