noahsark747
noahsark747

javascript/BOM/DOM增删改查方法/学习笔记

//欢迎加我VX进群交流
vx账号：-Sep07

一、Dom

dom的全称是Document Object Model，翻译为：文档对象模型。
在Js中我们通过Dom来对HTML文档进行操作，通过学习Dom便能随心所欲的操作Web页面
D：文档，一个html就是一个文档
O：对象，表示将网页中的每一个部分都转换成一个一个对象从而进行操作
M：模型，用来表示对象之间的关系，方便获取到对象

二、节点

1.Node（节点）

Node即为节点，是指构成网页的最基本的组成部分，网页中的每一个部分都可以被称作为一个节点，但是节点的具体类型则各不相同，网页中有如下几种常用的节点：

文档节点：Html
元素节点：每一个<>标签
属性节点：每一个元素的属性
文本节点：标签中所包含的文本内容

节点的属性：如元素节点中包含的value type等属性

2.dom查询：

浏览默认提供文档节点对象，该对象是window的属性，我们可以直接使用，通过文档节点能够获取到对象，如：

document.getElementById("btn");
//该方法便是通过文档节点来获取到ID为"btn"的对象。
document.getElementsByTagName("标签名");
//该方法可以通过标签名来获取到一组对象

//class属性值查询元素的方法
var box1 = document.getElementsByClassName("box1");
//该种查询方法只支持IE9以上的浏览器

案例演示：

<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<script>
		window.onload=function(){
			//获取body标签
			var body =document.getElementsByTagName("body")[0];//获取到的是一个类数组，需要添加[0]取出来
			/*
			可以用下列方法获取body标签，更为简便
				var body = document.body;
			*/
			console.log(body);
			//document.documentElement保存的是HTML的根标签
			//document.all 查询到页面中的所有的标签
			//class属性值查询元素的方法
			var box1 = document.getElementsByClassName("box1"){
				//只支持IE9以上的浏览器
			};	
		}
		script>
	head>
	
<body>

body>
html>

三、DOM的其它方法：

常用的dom方法有如下几种:
qppendChild( )
添加子节点到指定节点

remoreChild( )
删除子节点

replaceChild( )
替换子节点

createElement( )
创界元素节点

createTextNode( )
创建文本节点

四、querySelector选择器

1.案例演示

在进行增删查的演示之前先学会使用querySlelctor选择器
通过使用该选择器我们可以直接使用CSS选择器的方法来查找到一个元素，如：var box1 = document.querySelector("#id1 div");
案例演示：

<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<script>
		window.onload=function(){
			
			// querySelector();
			//可以根据css选择器来查询一个元素节点对象
			document.querySelector(".box1 div");
			//该方法只会返回一个元素，但如果符合条件的元素有多个则只会返回第一个
		
			var all = document.querySelectorAll("div");
			//该方法和quertSelector不同之处在于会将符合条件的"多个"元素封装到一个“数组”中返回。
			//遍历所有的div
			for(var i = 0; i<all.length; i++){
				console.log(all[i]);
			}
		};
		script>
	head>
	<body>
		<div class="box1">
			<div>
			div>
		div>
	body>
html>

四、dom的增删查演示：

<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<script>
//首先绑定单击响应函数
		function myClick(idStr,fun){
			var btn = document.getElementById(idStr);
			btn.onclick = fun;
		};
		window.onload=function(){
		
//需求一、创建一个广州节点添加到city下面
			myClick("btn01",function(){
			//1.创建广州节点
			var li = document.createElement("li");
			//创建广州的文本节点
			var gzText = document.createTextNode("广州");
					//向父节点li中添加子节点gztext
					li.appendChild(gzText);
				
			//2.将节点添加到city下
			var city = document.getElementById("city");
			city.appendChild(li);
			});
			//1.创建广州节点
			var li = document.createElement("li");
			//创建广州的文本节点
			var gzText = document.createTextNode("广州");
				//向父节点li中添加子节点gztext
					li.appendChild(gzText);
					
					
					
//需求二、将广州节点插入到#bj前面
			myClick("btn02",function(){
			var li = document.createElement("li");
				//创建广州的文本节点
			var gzText = document.createTextNode("广州");
					//向父节点li中添加子节点gztext
					li.appendChild(gzText);
				
				//获取id为bj的节点
				var bj = document.getElementById("bj");
				var city = document.getElementById("city");
				city.insertBefore(li,bj);
			});
			
			
//需求三、使用广州节点替换#bj节点
		myClick("btn03",function(){
			var li = document.createElement("li");
			//创建广州的文本节点
			var gzText = document.createTextNode("广州");
			//向父节点li中添加子节点gztext
			li.appendChild(gzText);		
			var bj = document.getElementById("bj");
			var city = document.getElementById("city");
			//父节点.replaceChild(新节点,旧节点)使用指定参数替换
			city.replaceChild(li,bj);
				
			});
			
			
//需求四、删除bj节点
		myClick("btn04",function(){
			var bj = document.querySelector("#bj");
			var city = document.querySelector("#city");
			city.removeChild(bj);
			})；

//需求五、修改bj内的HTML代码	
		myClick("btn06",function(){
			var bj = document.querySelector("#bj");
			bj.innerHTML = "昌平";
			});
			
			/*################
			此外还可以利用如下方法向city中添加广州
			但该方法虽然简单，但对city中代码的影响太大
			所以一般两种方法结合使用
			*/
			myClick("btn07",function(){
				var city = document.querySelector("#city");
				//city.innerHTML = ("
  • 广州2
    • ");    
				//city.innerHTML += ("
  • 广州2
    • ");    
				var li = document.createElement("li");
				li.innerHTML = "广州2";
				city.appendChild(li);
			});
			
			
		};
		    script>
head>
	<body>
		<div id="total">
			<div class="inner">
				<p>
					你喜欢那个城市
				p>
				<ul id="city">
					<li id="bj">北京li>
					<li>上海li>
					<li>东京li>
					<li>首尔li>
				ul>
			div>
		div>
		<div id="btnList">
			<div><button id="btn01">创建一个广州节点添加到#city下button>div>
			<div><button id="btn02">将广州节点插入到#bj前面button>div>
			<div><button id="btn03">使用广州节点替换#bj节点button>div>
			<div><button id="btn04">删除#bj节点button>div>
			<div><button id="btn05">读取city内的html代码button>div>
			<div><button id="btn06">设置#bj内的html代码button>div>
			<div><button id="btn07">方式二创建一个广州节点添加到#city下button>div>
		div>	
	body>
html>

    //欢迎加我VX进群交流
vx账号：-Sep07

    你可能感兴趣的:(css,html,css3,javascript)

    • py之某website之music搜索接口 我不是程序员~~~~ 爬虫项目实战开发语言
      fromlxmlimportetreeimportrequestsheaders={"accept":"text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7","accept-lan
    • 前端性能优化-知识点 甲亿 前端性能优化
      Web性能优化意义1.减少整体加载时间：减小文件体积、减少HTTP请求、使用预加载。2.使网站尽快可用：仅加载首屏内容，其他内容根据需要进行懒加载。3.平滑和交互性：使用CSS替代JS动画、减少UI重绘。4.加载表现形式：使用加载动画、进度条、骨架屏等过渡信息，让用户感觉到页面加载更快。5.性能监测：性能指标、性能测试、性能监控持续优化等Web性能指标RAIL性能模型Response(响应)：快速
    • JavaScript 性能优化实战：优化循环结构提升效率 deying0865423 javascript开发语言
      目录一、理解循环的性能损耗二、减少循环迭代次数（一）缓存数组长度（二）提前终止循环三、优化循环内部操作（一）避免在循环内执行复杂计算（二）减少DOM操作四、选择合适的循环类型（一）for循环与while循环的选择（二）for...in与for...of的使用场景在JavaScript编程中，循环结构是实现重复执行任务的基础工具。然而，不当的循环使用常常会导致性能瓶颈，特别是在处理大量数据时，循环的
    • 性能优化中如何“避免链接关键请求” 混血哲谈 性能优化
      在性能优化中，“避免链接关键请求”是指通过优化资源加载顺序和依赖关系，减少关键渲染路径中的链式请求（CriticalRequestChains），从而加速页面加载。以下是具体策略及实施步骤：一、什么是“关键请求链”？定义：关键请求链是浏览器在渲染首屏内容时必须按顺序加载的资源序列。例如：HTMLCSSFont浏览器需先下载HTML，解析后请求CSS，CSS解析后发现需要字体文件，再请求字体。问题：
    • HTML--表格 MK-mm html前端
      HTML表格一，语法表格的标签为,行的标签为,表项的标签为，可以用表示列或行的第一个单元格。格式为：标题表头1表头2...表头n表头表项1......表项n-1...快捷键：table>tr*个数>td*个数二，属性补充：设置表格背景图像，可用bgcolor或background属性，在标签内设置。三，不规则表格使用colspan和rowspan属性建立-跨行：单元格垂直方向合并，语法为单元格内容
    • Python 常用内建模块-HTMLParser 赔罪 Python系统学习python开发语言
      目录HTMLParser小结练习HTMLParser如果我们要编写一个搜索引擎，第一步是用爬虫把目标网站的页面抓下来，第二步就是解析该HTML页面，看看里面的内容到底是新闻、图片还是视频。假设第一步已经完成了，第二步应该如何解析HTML呢？HTML本质上是XML的子集，但是HTML的语法没有XML那么严格，所以不能用标准的DOM或SAX来解析HTML。好在Python提供了HTMLParser来非
    • .net 4.0 webServices 的使用，从前端到后端，代码超全。 静静香甜 .net前端后端c#
      1、创建webServices：创建之后会生成两个文件，分别是：SecurityWebService.asmx，SecurityWebService.asmx.csSecurityWebService.asmx代码：SecurityWebService.asmx.cs代码：usingNewtonsoft.Json;usingNewtonsoft.Json.Linq;usingSystem;usin
    • HTML+CSS案例展示(CSS3D效果旋转相册) hacalili htmlcss前端css3
      参考来源：黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili效果展示：总结：transform：translate(x,y)rotate(180deg)scale()...顺序对最后的效果有影响，需要根据需求安排位移和其他属性的顺序；实现暂停动画效果：animation-play-state:paused;经常和鼠标经过等其
    • html5 相册翻转效果,HTML5 css3：3D旋转木马效果相册 岑依惜 html5相册翻转效果
      这篇博客的目的是因为上篇HTML5CSS3专题诱人的实例CSS3打造百度贴吧的3D翻牌效果中有个关于CSS3D效果的比较重要的知识点没讲到，就是perspective和tranlateY效果图：嘿嘿，我把大学毕业时的一些照片，做成旋转木马，绕着我大文理旋转，不忘母校的培育之恩~1、perspectiveperspective属性包括两个属性：none和具有单位的长度值。其中perspective属
    • HTML5+CSS实现图片3D旋转效果，附音乐 宁醉小白 html5前端html
      利用程序呈现图片，可以俘获一众女生的心，增加音乐可以实现图片变化的同时也带上了想要得到效果，如此一程序实乃众人之喜。先看看程序呈现的效果，还是特别吸引人的。先在网上爬取想要呈现的美女照片，存放在文件夹img-one，与程序路径一致。图片像素需进行调整，同一面图片可以使用同一个图片，保持图片像素一致的同时也增加了立体感。第二张02.jpg和2.jpg可以倒着放，这样在程序实现的时候，可以和其他方向的
    • 炫酷的HTML5粒子动画特效实现详解 木木黄木木 html5前端html
      炫酷的HTML5粒子动画特效实现详解这里写目录标题炫酷的HTML5粒子动画特效实现详解项目介绍技术栈项目架构1.HTML结构2.样式设计核心实现1.粒子类设计2.动画效果实现星空效果烟花效果雨滴效果3.鼠标交互性能优化效果展示总结项目介绍本文将详细介绍如何使用HTML5Canvas技术实现一个炫酷的粒子动画特效系统。该系统包含三种不同的动画效果：星空、烟花和雨滴，并支持鼠标交互功能，能够为网页增添
    • systemd-networkd 的 *.network 配置文件详解 笔记250323 kfepiza 网络通讯传输协议物联#控制台命令行Shell脚本shcmd等#LinuxCentOSUbuntu等笔记tcp/ip网络linux
      systemd-networkd的*.network配置文件详解笔记250323查看官方文档可以用mansystemd.network命令,或访问:https://www.freedesktop.org/software/systemd/man/latest/systemd.network.html名称systemd.network—网络配置概要network.network描述一个纯INI风格的
    • systemd-networkd 的 /etc/systemd/network/*.network 的配置属性名称是不是严格区分大小写?是 kfepiza #LinuxCentOSUbuntu等网络通讯传输协议物联网络运维tcp/iplinux
      systemd-networkd的/etc/systemd/network/*.network的配置属性名称是不是严格区分大小写?是查看官方文档可以用mansystemd.network命令,或访问:https://www.freedesktop.org/software/systemd/man/latest/systemd.network.html亲测在Debian10.12-standard中
    • HTML实现酷炫3D相册 算法与编程之美 编程之美csshtmljscss3javascript
      欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。欢迎加入团队圈子！与作者面对面！直接点击！目录1、创建文件目录2、调背景色3、制作3D相册4、将图片散开，围成一圈。5、绘制透明底盘6、最终效果1、创建文件目录在Hbuilder在新建一个目录，创建css和js文件。图12、调背景色在style块里面给整个页面渲染成黑色调。*{padd
    • CSS动画：逐帧动画与steps()函数 双囍菜菜 前端随记css前端
      逐帧动画与steps()函数：精准掌控动画节奏关键词：steps()函数、雪碧图、精灵动画、帧动画优化文章目录逐帧动画与steps()函数：精准掌控动画节奏一、逐帧动画的本质：时间函数的维度突破1.1线性动画的局限性1.2steps()函数数学解析二、视觉化解析：steps()工作原理2.1时间轴切片演示2.2与线性动画对比三、商业级案例：RPG游戏角色行走动画3.1雪碧图制作规范3.2完整实现代
    • COMP 315: Cloud Computing for E-Commerce W_X_99515681 开发语言
      Assignment1:JavascriptCOMP315:CloudComputingforE-CommerceFebruary20251IntroductionAcommontaskwhenbackendprogrammingisdatacleaning,whichistheprocessoftakinganinitialdatasetthatmaycontainerroneousorinco
    • 【Html+CSS】3D旋转相册 小木荣 web前端csshtml3d
      3D旋转木马相册&3D盒子相册因为代码大部分相同，就放一起了注释一下就是另一个相册3D旋转木马相册body{background-color:#000;/*视距，使子元素获得视距效果*/perspective:900px;}section{margin:20vhauto;position:relative;width:200px;height:200px;/*开启3D空间*/transform-s
    • systemd-networkd 的 /etc/systemd/network/*.network 能不能一个文件配置多块网卡?不能 kfepiza #LinuxCentOSUbuntu等#控制台命令行Shell脚本shcmd等网络通讯传输协议物联linuxtcp/ip
      systemd-networkd的/etc/systemd/network/*.network能不能一个文件配置多块网卡?不能查看官方文档可以用mansystemd.network命令,或访问:https://www.freedesktop.org/software/systemd/man/latest/systemd.network.html在systemd-networkd的配置中，一个.ne
    • 深入理解 <； 和 >；：HTML 实体转义的核心指南！！！ 小丁学Java 积累小知识JavaWebhtml前端
      ️深入理解<和>：HTML实体转义的核心指南️在编程和文档编写中，符号无处不在，但它们也是引发语法错误、安全漏洞和渲染混乱的头号元凶！本文将聚焦<（小于号）和>（大于号）这两个HTML实体，解析它们的核心作用、使用场景及避坑技巧，助你写出更安全、更健壮的代码！一、❓为什么需要转义？1.符号冲突问题•HTML/XML标签冲突：是标签的起始和结束符（如）。若直接在文本中使用，解
    • SassScript：Sass中的编程特性详解 jiajia651304 sass前端css
      Sass（SyntacticallyAwesomeStylesheets）是一种强大的CSS预处理器，它允许开发者使用类似于编程语言的语法来编写CSS，然后通过编译生成标准的CSS代码。SassScript是Sass中的编程特性集合，它包含了变量、嵌套规则、混合、函数以及控制指令等，极大地提高了CSS的开发效率和可维护性。1.变量SassScript中的变量允许开发者在样式表中存储和重复使用值。变
    • OpenLayers集成天地图服务开发指南 喆星时瑜 WebGIS#天地图OpenLayersGIS天地图WebGISHTML地图地图API
      以下是一份面向GIS初学者的OpenLayers开发详细教程，深度解析代码：一、开发环境搭建1.1OpenLayers库引入ol.css：包含地图控件、图层等可视化样式ol.js：OpenLayers核心功能库推荐使用固定版本号（如v7.3.0）确保稳定性1.2地图容器设置.map{//设置地图控件显示尺寸height:95vh;width:95vw;}使用视口单位(vh/vw)实现响应式布局保留
    • 编程内容简述！ 恶霸不委屈 开发语言青少年编程汇编javapython
      编程是指通过计算机语言来开发软件、程序和应用的过程，通常通过编写一系列的指令，来让计算机完成特定的任务。编程可以涉及多个领域和技术，以下是一些主要的编程内容：1.编程语言编程语言是程序员与计算机进行沟通的桥梁，不同的编程语言适用于不同的任务。常见的编程语言有：Python：简单易学，适用于数据分析、人工智能、网页开发等。JavaScript：网页开发中不可或缺的语言，用于动态网页和前端开发。Jav
    • AWS CLI with MinIO Server 库海无涯 aws云计算
      1、InstallMinIOServerhttps://min.io/docs/minio/linux/index.htmlCreateAKandSKandrecordinformation.AK:ZYYMPcLi6dSPsDfr5QeWSK:Am3m2qtpkUk2wAgT5dPbpE4hGD2tX7a6RpjsbeEdAndcreateabucketnamedaswtest.2、Install
    • html.partial mvc5,[ASP.NET Core Razor Pages系列教程]ASP.NET Core Razor Pages中的Partial Views(部分视图)(04)... 安静的小屁孩儿 html.partialmvc5
      PartialViews(部分视图)什么是PartialViews?PartialViews(之后统称:部分视图)是包含了HTML代码片段和服务端代码的Razor文件，它同样以.cshtml为扩展名。部分视图可以被包含在任意数量的页面或者布局中。部分视图可以用来将复杂的页面分解成更小的单元，从而减少复杂性，同时也可以在团队开发中被复用。什么时候使用部分视图(PartialViews)部分视图可以处
    • Vue3前端开发：组件化设计与状态管理 caihuayuan4 面试题汇总与解析springsqljava大数据课程设计
      Vue3前端开发：组件化设计与状态管理一、Vue3组件化设计组件基本概念与特点是一款流行的JavaScript框架，它支持组件化设计，这意味着我们可以将页面分解成多个独立的组件，每个组件负责一部分功能，通过组件的嵌套和复用，可以快速构建复杂的用户界面。组件化设计具有以下特点：组件示例组件选项在上面的代码示例中，我们通过Vue.component方法注册了一个名为my-component的组件，这是
    • AJAX（Asynchronous JavaScript and XML）详解与应用 风亦辰739 javascriptajaxxml
      一、什么是AJAX？AJAX（AsynchronousJavaScriptandXML，异步JavaScript和XML）是一种用于创建异步Web应用程序的技术。它可以在不重新加载整个网页的情况下，与服务器进行数据交换，从而提供更好的用户体验。1.1AJAX的核心特点异步通信：数据请求不会阻塞页面，提升用户体验。减少服务器负担：只获取需要的数据，减少流量。提升用户体验：网页响应速度更快，减少页面刷
    • Unity 与 JavaScript 的通信交互：实现跨平台的双向通信 Front_Yue 3D技术实践指南unityjavascript3d
      前言在现代游戏开发和Web应用中，Unity和JavaScript的结合越来越常见。Unity是一个强大的跨平台游戏引擎，而JavaScript是Web开发的核心技术之一。通过Unity和JavaScript的通信交互，开发者可以实现从Unity到Web页面的功能扩展，或者从Web页面控制Unity的行为。这种双向通信的能力为开发者提供了更多的可能性，例如在Unity中嵌入Web视图，或者在Web
    • 为什么后端路由需要携带 /api 作为前缀？前端如何设置基础路径 /api？ z2637305611 前端
      一、为什么后端路由需要携带/api作为前缀？1.区分API端点与其他路由在Web应用程序中，后端不仅需要处理API请求，还可能需要处理静态资源（如HTML、CSS、JS文件）或其他服务（如WebSocket）。通过为API路由添加/api前缀，可以清晰地将其与其他请求区分开来，避免路由冲突。例如：API请求：https://example.com/api/users静态资源请求：https://e
    • JavaScript反爬技术解析与应对 不做超级小白 web逆向知识碎片web前端javascript开发语言ecmascript
      JavaScript反爬技术解析与应对前言在当今Web爬虫与数据抓取的生态环境中，网站运营方日益关注数据安全与隐私保护，因此逐步采用多种反爬技术来限制非授权访问。本文从JavaScript角度出发，深入剖析主流反爬策略的技术原理，并探讨相应的绕过方案，以期为研究者和开发者提供系统性的理解与实践指导。1.JavaScript反爬技术概述1.1右键禁用与开发者工具防护部分网站采用JavaScript拦
    • docker避免容器中的内容被挂载的空目录覆盖(比如nginx的html目录) dockervolume
      我有一个镜像jb:1.0，镜像中/jb下有一些内容需要挂载到宿主机来dockervolumecreatejb_volumedockerrun--namejb-v/home/dcw/data:/data--mountsource=jb,target=/jb-itdjb:1.0如果想修改宿主机中的内容可以通过下面命令找到挂载的内容在宿主机的位置dockerinspectjbimage.png
    • java类加载顺序 3213213333332132 java
      package com.demo; /** * @Description 类加载顺序 * @author FuJianyong * 2015-2-6上午11:21:37 */ public class ClassLoaderSequence { String s1 = "成员属性"; static String s2 = "
    • Hibernate与mybitas的比较 BlueSkator sqlHibernate框架ibatisorm
      第一章     Hibernate与MyBatis Hibernate 是当前最流行的O/R mapping框架，它出身于sf.net，现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。 MyBatis 参考资料官网：http:
    • php多维数组排序以及实际工作中的应用 dcj3sjt126com PHPusortuasort
      自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的 <!doctype html> <html lang="en"> <head> <meta charset="utf-8&q
    • DOM改变字体大小 周华华 前端
      <!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/1999/xhtml&q
    • c3p0的配置 g21121 c3p0
      c3p0是一个开源的JDBC连接池，它实现了数据源和JNDI绑定，支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是：http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。 以在spring中配置dataSource为例： <!-- spring加载资源文件 --> <bean name="prope
    • Java获取工程路径的几种方法 510888780 java
      第一种： File f = new File(this.getClass().getResource("/").getPath()); System.out.println(f); 结果: C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin 获取当前类的所在工程路径; 如果不加“
    • 在类Unix系统下实现SSH免密码登录服务器 Harry642 免密ssh
      1.客户机     (1)执行ssh-keygen -t rsa -C "[email protected]"生成公钥，xxx为自定义大email地址     (2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上，xxx为服务器地址     (3)执行cat
    • Java新手入门的30个基本概念一 aijuans javajava 入门新手
      在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。　　Java概述:　　目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
    • Memcached for windows 简单介绍 antlove javaWebwindowscachememcached
      1. 安装memcached server a. 下载memcached-1.2.6-win32-bin.zip b. 解压缩，dos 窗口切换到 memcached.exe所在目录，运行memcached.exe -d install c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
    • 数据库对象的视图和索引 百合不是茶 索引oeacle数据库视图
        视图     视图是从一个表或视图导出的表，也可以是从多个表或视图导出的表。视图是一个虚表，数据库不对视图所对应的数据进行实际存储，只存储视图的定义，对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图       为什么oracle需要视图;    &
    • Mockito(一) --入门篇 bijian1013 持续集成mockito单元测试
              Mockito是一个针对Java的mocking框架，它与EasyMock和jMock很相似，但是通过在执行后校验什么已经被调用，它消除了对期望 行为（expectations）的需要。其它的mocking库需要你在执行前记录期望行为（expectations），而这导致了丑陋的初始化代码。  &nb
    • 精通Oracle10编程SQL(5)SQL函数 bijian1013 oracle数据库plsql
      /* * SQL函数 */ --数字函数 --ABS(n):返回数字n的绝对值 declare v_abs number(6,2); begin v_abs:=abs(&no); dbms_output.put_line('绝对值：'||v_abs); end; --ACOS(n):返回数字n的反余弦值，输入值的范围是-1~1，输出值的单位为弧度
    • 【Log4j一】Log4j总体介绍 bit1129 log4j
      Log4j组件：Logger、Appender、Layout   Log4j核心包含三个组件：logger、appender和layout。这三个组件协作提供日志功能： 日志的输出目标 日志的输出格式 日志的输出级别(是否抑制日志的输出)  logger继承特性 A logger is said to be an ancestor of anothe
    • Java IO笔记 白糖_ java
      public static void main(String[] args) throws IOException { //输入流 InputStream in = Test.class.getResourceAsStream("/test"); InputStreamReader isr = new InputStreamReader(in); Bu
    • Docker 监控 ronin47 docker监控
               目前项目内部署了docker，于是涉及到关于监控的事情，参考一些经典实例以及一些自己的想法，总结一下思路。 1、关于监控的内容 监控宿主机本身 监控宿主机本身还是比较简单的，同其他服务器监控类似，对cpu、network、io、disk等做通用的检查，这里不再细说。 额外的，因为是docker的
    • java-顺时针打印图形 bylijinnan java
      一个画图程序 要求打印出： 1.int i=5; 2.1 2 3 4 5 3.16 17 18 19 6 4.15 24 25 20 7 5.14 23 22 21 8 6.13 12 11 10 9 7. 8.int i=6 9.1 2 3 4 5 6 10.20 21 22 23 24 7 11.19
    • 关于iReport汉化版强制使用英文的配置方法 Kai_Ge iReport汉化英文版
      对于那些具有强迫症的工程师来说，软件汉化固然好用，但是汉化不完整却极为头疼，本方法针对iReport汉化不完整的情况，强制使用英文版，方法如下： 在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数，即可变为英文版。   # ${HOME} will be replaced by user home directory accordin
    • [并行计算]论宇宙的可计算性 comsci 并行计算
            现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......       那么,这种概念让我们推论出一个结论     &nb
    • 用OpenGL实现无限循环的coverflow dai_lm androidcoverflow
      网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能 源码地址： https://github.com/jackfengji/glcoverflow public class CoverFlowOpenGL extends GLSurfaceView implements GLSurfaceV
    • JAVA数据计算的几个解决方案1 datamachine javaHibernate计算
      老大丢过来的软件跑了10天，摸到点门道，正好跟以前攒的私房有关联，整理存档。 -----------------------------华丽的分割线-------------------------------------     数据计算层是指介于数据存储和应用程序之间，负责计算数据存储层的数据，并将计算结果返回应用程序的层次。J  &nbs
    • 简单的用户授权系统,利用给user表添加一个字段标识管理员的方式 dcj3sjt126com yii
      怎么创建一个简单的(非 RBAC)用户授权系统 通过查看论坛，我发现这是一个常见的问题，所以我决定写这篇文章。 本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库 首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类 在配置文件(一般为 protecte
    • 未选之路 dcj3sjt126com 诗
      作者:罗伯特*费罗斯特   黄色的树林里分出两条路, 可惜我不能同时去涉足, 我在那路口久久伫立, 我向着一条路极目望去, 直到它消失在丛林深处.   但我却选了另外一条路, 它荒草萋萋,十分幽寂; 显得更诱人,更美丽, 虽然在这两条小路上, 都很少留下旅人的足迹.   那天清晨落叶满地, 两条路都未见脚印痕迹. 呵,留下一条路等改日再
    • Java处理15位身份证变18位 蕃薯耀 18位身份证变15位15位身份证变18位身份证转换
        15位身份证变18位，18位身份证变15位 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
    • SpringMVC4零配置--应用上下文配置【AppConfig】 hanqunfeng springmvc4
      从spring3.0开始，Spring将JavaConfig整合到核心模块，普通的POJO只需要标注@Configuration注解，就可以成为spring配置类，并通过在方法上标注@Bean注解的方式注入bean。   Xml配置和Java类配置对比如下： applicationContext-AppConfig.xml   <!-- 激活自动代理功能 参看：
    • Android中webview跟JAVASCRIPT中的交互 jackyrong JavaScripthtmlandroid脚本
        在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之: 1 JAVASCRIPT脚本调用android程序    要在webview中,调用addJavascriptInterface(OBJ,int
    • 8个最佳Web开发资源推荐 lampcy 编程Web程序员
      Web开发对程序员来说是一项较为复杂的工作，程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助，比如指导手册、在线课程和一些参考资料，而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。 这里列出10个最佳Web开发资源，它们都是受
    • 架构师之面试------jdk的hashMap实现 nannan408 HashMap
      1.前言。   如题。 2.详述。   (1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法（其实也就是简单的加乘算法），如下代码来生成数组下标(生成后indexFor一下就成下标了）。 static int hash(int h) { h ^= (h >>> 20) ^ (h >>>
    • html禁止清除input文本输入缓存 Rainbow702 html缓存input输入框change
      多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete="off";  <input type="text" autocomplete="off" n
    • POJO和JavaBean的区别和联系 tjmljw POJOjava beans
      POJO 和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Pure Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比 POJO复杂很多， Java Bean 是可复用的组件，对 Java Bean 并没有严格的规
    • java中单例的五种写法 liuxiaoling java单例
      /** * 单例模式的五种写法： * 1、懒汉 * 2、恶汉 * 3、静态内部类 * 4、枚举 * 5、双重校验锁 */ /** * 五、 双重校验锁，在当前的内存模型中无效 */ class LockSingleton { private volatile static LockSingleton singleton; pri
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他