1032036512
1032036512

js 从页面上获得元素 购物车实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv = "content-type" content="text/html;charset=utf-8"/>
		<script src="js.js" type="text/javascript" language="javascript">	
		</script>
	</head>
	<body>
		<form action = "jsdemo.html" method="get">	
			<table id = "shopcar" border = 1>
				<tr>
					<td>商品名称</td>
					<td>商品单价</td>
					<td>商品数量</td>
					<td>商品价格</td>
				</tr>
				<tr>
					<td>a</td>
					<td>10</td>
					<td>
						<input type = "button" value = "-" onclick = "del(this);"/>
						<input type = "text" value = "1"/>
						<input type = "button" value = "+" onclick = "add(this);"/>
					</td>
					<td>10</td>
				</tr>
				<tr>
					<td>b</td>
					<td>20</td>
					<td>
						<input type = "button" value = "-" onclick = "del(this);"/>
						<input type = "text" value = "1"/>
						<input type = "button" value = "+" onclick = "add(this);"/>
					</td>
					<td>20</td>
				</tr>				
			</table><br>
			总价：<span id = "total">30</span>
		</form>
	</body>
</html>


//js.js

//function del(obj){	
//	var nodes = obj.parentNode.childNodes;///获得所有子节点  此方法不常用  应为得到了所有子节点，但是有可能不知道是后还有未知节点如 <tbody> 
//	 ///最好用obj.getElementsByTagName(可以确定位置，直接操作)
//	for(i = 0 ;i < nodes.length ; i ++){
//		//alert(i);   i 的值是3     最好不要用下标  当表结构改变时，需要改变
//		if(nodes[i].nodeName == "INPUT" && nodes[i].type == "text" && nodes[i].value > 1){ 
//			///每个属性都有的属性 *.nodeName 获得到属性名（都是大写） 同时还要类型是text类型   买书的数量必须大于等于1
//			nodes[i].value = parseInt(nodes[i].value) - 1;///修改值   但是从界面获得的数据都是string类型  要进行转换
//		}
//	}
//	calTotal();
//}
function del(obj){
	var nodes = obj.parentNode.getElementsByTagName("INPUT");//得到obj的父节点  就是<tr> 使用obj.getElementByTagName(),得到所有的INPTUT元素
	//（INPUT元素的个数是知道的  就是自己写的）  然后就可以直接用下标访问了 
	if(nodes[1].value > 1){
		nodes[1].value = parseInt(nodes[1].value) - 1;
	}
	calTotal();//调用函数 因为每次修改都会修改该行的价格列 和总价
}
function add(obj){	
	var nodes = obj.parentNode.childNodes;
	for(i = 0 ;i < nodes.length ; i ++){
		if(nodes[i].nodeName == "INPUT" && nodes[i].type == "text"){	
			//alert(i);   i 的值是3   
			nodes[i].value = parseInt(nodes[i].value) + 1;
		}
	}
	calTotal();
}
function calTotal(){
	var nodes = document.getElementById("shopcar").getElementsByTagName("tr");///取得所有行
	var sum = 0;
	var total = 0;
	for( i  = 1 ;i < nodes.length; i ++){
		var row = nodes[i];
      var price = parseFloat(row.getElementsByTagName("td")[1].innerHTML);
	 // alert(price);
	  var n = parseInt(row.getElementsByTagName("td")[2].getElementsByTagName("INPUT")[1].value);////直接在*.getElementsByTagName()后面写[] 表示这个数组的某个元素
	  // alert(n);
	  sum = n * price;
	  //alert(sum);
	  row.getElementsByTagName("td")[3].innerHTML = sum;
	  total = total + sum;
	  document.getElementById("total").innerHTML = total;
	}	 
	//alert(total);
}


你可能感兴趣的:(js,元素,购物车)

  • 微信小程序开发文档 弱水*三千 微信小程序
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档前言要开发小程序首先得有个官方认可的账号才行注册账号,有了账号接下来就必须有个开发小程序的开发工具开发工具,接下来就可以大显身手敲代码了微信公共平台登录登录第一行代码1.开发工具目录这里先讲解一下后裔wxml,这个文件就是写入网页标签的地方,js就是写入代码的地方,wxss就是写入样式的地方搞明白这些就开始我们的第一行代码.2.数据绑
  • Vue3：构建高效用户界面的利器 烂蜻蜓 Vue3uivue.jsvue
    一、Vue.js简介Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。它只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件，学习起来非常简单。本文将基于Vue3以上版本展开探讨。二、渐进式框架的魅力（一）什么是渐进式框架渐进式框架是指那些允许开发者根据项目需求逐步引入和使用其功能的框架，而不需要一次性全部使
  • 图形编辑器基于Paper.js教程25：材料测试矩阵功能的实现 拿我格子衫来 激光切割图形编辑器Paper.js矩阵线性代数图像处理javascript编辑器前端
    最近做了一个材料测试矩阵的需求，现在已经上线了，现在来回顾总结一下，有哪些做的好的，有哪些做的不好的。材料测试矩阵在测试激光头在某一种材料上的表现，很有必要，如果你在一种新的材料上进行加工时，最好先做一次材料测试矩阵，挑选出合适的功率和速度。材料测试矩阵的表单比较多横坐标是功率，纵坐标是速度。最终雕刻效果是会把雕刻的木板切割下来。整个表单需要设置，雕刻模式还是切割模式，然后设置最小最大速度，最小最
  • Vuex 和 Pinia 的对比 徐福记c vue.js前端javascript
    Vuex和Pinia都是Vue状态管理库，但它们有一些区别：1.开发背景Vuex：Vuex是Vue.js官方推出的状态管理库，主要用于管理复杂应用中的全局状态。它在Vue2和Vue3中都被广泛使用。Pinia：Pinia是一个社区驱动的状态管理库，最初是为了弥补Vuex在某些场景下的不足而创建的。现在，它已经被Vue官方认可，并成为Vue3推荐的状态管理库之一。2.API设计Vuex：使用stor
  • 【进阶编程】Roslyn 解析 C# 语法树（Syntax Tree）的节点详解 de之梦-御风 技术.net进阶编程c#
    Roslyn解析C#语法树（SyntaxTree）的节点详解Roslyn解析C#代码后会生成一棵语法树（SyntaxTree），其中每个代码元素（类、方法、变量等）都是一个语法节点（SyntaxNode）。在Roslyn中，语法树的核心结构包括：SyntaxTree（语法树）SyntaxNode（语法节点）SyntaxToken（语法标记，如关键字、标点符号）SyntaxTrivia（额外信息，如
  • Node.js 包与 npm 详解：概念、作用及完整使用指南 还是鼠鼠 node.jsnode.jsnpm前端vscodeweb
    目录1.Node.js包的概念与作用什么是包？包的作用2.npm（NodePackageManager）简介常用npm命令3.创建一个本地Node.js包步骤1：初始化npm项目步骤2：编写index.js步骤3：在另一个项目中使用这个包4.安装和使用第三方npm包安装lodash使用lodash5.全局安装包与命令行工具6.发布自己的npm包创建npm账号发布包7.结论在Node.js中，**包
  • 简单的防止Windows自动锁屏的VBS脚本 snowaterr batch开发语言
    文件后缀名从txt更改为vbs，双击可直接运行原理是通过脚本每隔一段时间自动按2下CAPSLOCK键脚本如下：SetobjShell=CreateObject("Wscript.Shell")'约循环8小时，10分钟执行一次fori=1to50WScript.Sleep590000objShell.SendKeys"{CAPSLOCK}"'WScript.Sleep3000objShell.Sen
  • auto.js_事件与监听-events(主要的)_ZHOU125disorder_ zjing125 #auto.js基础学习auto.js事件与监听
    启用按键监听events.observeKey()启用按键监听，例如音量键、Home键。按键监听使用无障碍服务实现，如果无障碍服务未启用会抛出异常并提示开启。只有这个函数成功执行后,onKeyDown,onKeyUp等按键事件的监听才有效。该函数在安卓4.3以上才能使用。注册一个按键监听函数events.onKeyDown(keyName,listener)keyName：要监听的按键名称list
  • auto.js_HTTP协议_get与post请求_ZHOU125disorder_ zjing125 #auto.js基础学习auto.jsHTTP协议get与post请求
    HTTP协议_get与post请求简介：HTTP协议对地址url进行一次HTTPGET请求http.get(url[,options,callback])url(string)请求的URL地址，需要以"http://"或"https://"开头。如果url没有以"http://"开头，则默认为"http://"。options(Object)请求选项。参见[http.request()][]。ca
  • auto.js_按键模拟_ZHOU125disorder_ zjing125 #auto.js基础学习auto.js模拟按键
    依赖root的模拟Home()模拟按下Home键。此函数依赖于root权限。Back()模拟按下返回键。此函数依赖于root权限。Power()模拟按下电源键。此函数依赖于root权限。Menu()模拟按下菜单键。此函数依赖于root权限。VolumeUp()按下音量上键。此函数依赖于root权限。VolumeDown()按键音量上键。此函数依赖于root权限。Camera()模拟按下照相键。Up
  • HTML基础部分 倒霉男孩 html+css学习笔记html前端
    HTML基础部分所有HTML文档必须以开始。所有HTML文档本身以开始，以结尾。HTML文档中看见部分以开始，以结尾。标题：由到定义，定义最重要的标题，定义最不重要的标题。段落：使用定义，链接：使用定义，图片：使用标签定义scr（图片源路径）alt（附加信息）宽度width和高度height也可以添加。元素定义了文档，该元素又含两个其他HTML元素和定义了一个标题定义了一个段落标题段落结束标签是非
  • Pytorch torch.prod函数介绍 qq_27390023 pytorch人工智能python
    torch.prod是PyTorch库中的一个函数，用于计算输入张量中所有元素或者指定维度上元素的乘积。下面将从函数的基本语法、参数、返回值、使用示例几个方面进行详细介绍。基本语法torch.prod(input,dim=None,keepdim=False,dtype=None)参数input：必需参数，是一个输入的PyTorch张量，函数将对这个张量的元素进行乘积计算。dim：可选参数，指定要
  • JSONLint: 拯救你的 JSON 噩梦，代码从此整洁又靠谱！ 小丁学Java 产品资质管理系统jsonjsonlint.com
    JSONLint:拯救你的JSON噩梦，代码从此整洁又靠谱！Hey，小伙伴们！你有没有写JSON的时候，手一抖多加了个逗号，结果整个代码崩得像失恋现场？或者辛辛苦苦敲了一堆键值对，却发现哪里漏了个双引号，找Bug找得怀疑人生？别慌，今天我要给大家安利一个神器——JSONLint，它能让你的JSON代码变得整齐又漂亮，错误一秒揪出来！✨跟我一起看看这个网站的魔法吧～JSONLint是啥？简单说就是你
  • 揭秘 glass-easel：小程序组件框架的“幕后英雄”与“bug制造者” 小丁学Java 微信小程序WxMa小程序bugglass-easel
    揭秘glass-easel：小程序组件框架的“幕后英雄”与“bug制造者”引言作为一个小程序开发者，我最近在项目中遇到一个让人头疼的问题：在app.json中加入"componentFramework":"glass-easel"配置后，页面卡在了“加载中…”状态，内容完全无法显示。我当时一脸茫然，因为我根本不知道glass-easel是什么，为什么加了这个配置会导致bug。经过一番研究和调试，我
  • 从零到一揭秘微信小程序标签切换：tab-item、data-tab 和 bindtap 的奇妙冒险 小丁学Java 微信小程序WxMa微信小程序小程序bindtap
    从零到一揭秘微信小程序标签切换：tab-item、data-tab和bindtap的奇妙冒险作者：你的奇妙缘分日期：2025年3月12日标签：微信小程序、WXML、WXSS、JS、前端开发在微信小程序的开发世界里，标签切换（TabSwitching）是一个常见的交互场景。无论是电商列表、任务管理，还是本文中的“比对进程”页面，如何优雅地实现选项卡切换？答案藏在tab-item、data-tab和b
  • Dev Container 系列专题（3）：深入配置：自定义你的 Dev Container 不出名的架构师 devopsdocker
    在前两期中，我们了解了DevContainer的概念并快速搭建了一个基于预定义镜像的开发环境。这次，我们将更进一步，探索如何通过自定义配置打造一个完全符合项目需求的DevContainer。本篇将以一个Python项目为例，带你学习配置文件的核心字段、使用Dockerfile定制镜像，并配置开发工具。一、为什么要自定义DevContainer？预定义镜像（如Node.js或Python的官方镜像）
  • 刷算法Leetcode---2（链表篇） 搞笑症患者 力扣刷算法算法leetcode链表
    前言本文是第二篇跟Leetcode算法相关的文章，题目顺序是根据代码随想录刷的代码随想录其他文章链接：刷算法Leetcode文章汇总链表篇203.移除链表元素①设置空头节点，从头遍历链表②不设置空头结点，先对头节点判空，再看next707.设计链表自己设计ListNode类记得设置字段size，链表长度，用于判断index是否越界，注意add时size++，delete时size--①单向链表，不
  • 7.7：C++的 STL迭代器的分类和使用！（课程共7300字，8个代码举例） 小兔子平安 C++完整学习全解答c++开发语言
    例子1：使用输入迭代器读取文件中的数据例子2：使用输出迭代器将数据写入文件例子3：使用双向迭代器反转容器中的元素例子4：使用随机访问迭代器进行二分查找例子1：使用输入迭代器读取文件中的数据下面的代码演示了如何使用输入迭代器从文件中读取数据，并计算其平均值。#include#include#include#includeintmain(){std::ifstreamfile("data.txt");
  • HTML CSS样式 齐尹秦 HTML学习笔记前端学习
    CSS(CascadingStyleSheets)用于渲染HTML元素标签的样式。如何使用CSSCSS是在HTML4开始使用的,是为了更好的渲染HTML元素而引入的.CSS可以通过以下方式添加到HTML中:内联样式-在HTML元素中使用"style"属性内部样式表-在HTML文档头部区域使用元素来包含CSS外部引用-使用外部CSS文件最好的方式是通过外部引用CSS文件.内联样式当特殊的样式需要应用
  • 【python】Python中常见的KeyError报错分析 景天科技苑 python开发语言python报错KeyError
    ✨✨欢迎大家来到景天科技苑✨✨养成好习惯，先赞后看哦~作者简介：景天科技苑《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。《博客》：Python全栈，前后端开发，小程序开发，人工智能，js逆向，App逆向，网络系统安全，数据分析，Django，fastapi，flask等框架，linux，shell脚本等实操
  • 微软开源神器OmniParser V2.0 介绍 魔王阿卡纳兹 开源项目观察大模型知识札记microsoftOmniParser开源项目
    微软开源的OmniParserV2.0是一款基于纯视觉技术的GUI智能体解析工具，旨在将用户界面（UI）截图转换为结构化数据，从而实现对计算机屏幕上的可交互元素的高效识别和操控。这一工具通过结合先进的视觉解析技术和大型语言模型（LLM），显著提升了AI智能体在复杂环境下的识别能力和操作效率。核心功能与特点高精度识别：OmniParserV2.0在检测小尺寸可交互UI元素时的准确率显著提升，达到了3
  • 【异常】 The engine “node“ is incompatible with this module. Expected version “^14.18.0 || ＞=16.0.0“. 本本本添哥 007-大前端技术前端yarnnpm
    一、报错内容二、报错说明这个错误提示表示你的Node.js版本与该模块不兼容。三、报错解决3.1使用cnpm来安装cnpminstall3.2将Node.js版本升级到14.18.0或更高版本需要将Node.js版本升级到14.18.0或更高版本，或者降级到16.0.0或更高版本。你可以通过以下命令查看当前Node.js版本：node-v如果你需要升级或降级Node.js版本，可以访问Node.j
  • 标签转换脚本 - VOC格式转COCO格式，即voc2coco，xml2json 附VOC及COCO标签格式详解 Limiiiing YOLO训练/写作脚本YOLO计算机视觉目标检测深度学习
    前言本文的脚本功能为将VOC数据集的标签文件xml转成COCO的标签文件，指定自己的VOC数据集的标签文件路径后，可一键运行转成COCO的标签文件。专栏目录：YOLO训练/写作脚本目录一览|涉及标签转换、数据扩充、热力图、感受野、精度曲线、数量统计等近百个脚本文件专栏地址：YOLO训练/写作脚本——丰富文章内容，增强实验信服力，助力发文！！！文章目录前言一、VOC数据集介绍1.1总体结构1.2各标
  • 工程化与框架系列（9）--前端监控体系 一进制ᅟᅠ        ‌‍‎‏  前端工程化与框架前端
    前端监控体系前端监控是现代Web应用不可或缺的组成部分，它帮助我们了解应用的运行状况、用户行为和潜在问题。本文将详细介绍如何构建一个完整的前端监控体系。监控体系概述小知识：前端监控体系通常包括性能监控、错误监控、用户行为分析和业务监控四大模块，通过这些数据可以全面了解应用的健康状况和用户体验。为什么需要前端监控在复杂的前端应用中，监控系统能够帮助我们：及时发现问题捕获JS运行时错误监控API请求异
  • 数据集格式转换——json2txt、xml2txt、txt2json【复制就能用】 kay_545 YOLO11改进有效涨点python人工智能机器学习
    秋招面试专栏推荐：深度学习算法工程师面试问题总结【百面算法工程师】——点击即可跳转本专栏所有程序均经过测试，可成功执行专栏地址：YOLO11入门+改进涨点——点击即可跳转欢迎订阅目录json2txt脚本xml2txttxt2json
  • 工程化与框架系列（36）--前端监控告警实践 一进制ᅟᅠ        ‌‍‎‏  前端工程化与框架前端
    前端监控告警实践引言前端监控是保障应用质量和用户体验的重要手段。本文将深入探讨前端监控的实现方案，包括性能监控、错误监控、用户行为监控等方面，以及相应的告警机制。监控系统概述前端监控系统主要包括以下方面：性能监控：页面加载、资源加载、接口性能等错误监控：JS错误、接口错误、资源加载错误等用户行为：PV/UV、点击行为、路由变化等业务监控：转化率、留存率、业务指标等告警系统：规则配置、通知分发、告警
  • C++ Map 查询时的两个小细节：`map[id]` 与 `map.value(id, nullptr)` 的区别 誰能久伴不乏 c++java开发语言
    文章目录C++Map查询时的两个小细节：`map[id]`与`map.value(id,nullptr)`的区别1.`map[id]`—直接访问和自动插入新元素示例代码：关键点：适用场景：2.`map.value(id,nullptr)`—安全查询并避免插入新元素示例代码：关键点：适用场景：3.对比：`map[id]`与`map.value(id,nullptr)`的区别4.总结：选择合适的方式5
  • Android第三次面试（Java基础） 每次的天空 面试职场和发展javaandroid
    面试题一：在Android里，Array和ArrayList区别？定义与大小：数组声明时要指定大小，之后固定；ArrayList动态，无需提前定大小。性能：二者访问元素快，时间复杂度O(1)；数组插入删除繁琐，ArrayList尾部添加快，其他位置操作慢。数据类型：数组能存基本类型和对象，ArrayList只能存对象，存基本类型需用包装类。方法功能：数组自身方法少，靠Arrays类；ArrayLi
  • 基于 ArkTS 的混合式开发示例：静态页面与本地数据交互 qq_55376032 harmonyos华为鸿蒙
    一、实现效果1、H5段混合式开发效果图2、静态页面与本地数据交互效果图二、技术栈分析ArkTS：用于构建页面结构和逻辑，支持声明式UI和组件化开发。WebView：通过@ohos.web.webview调用H5页面，支持JavaScript交互。资源管理：使用@kit.ArkTS的util模块读取并解析本地JSON文件。自定义对话框：通过@CustomDialog实现自定义弹窗，支持动态数据加载。
  • JPA 实战经验 jpajava
    这个博客会持续更新...JSON数据无法进行更新背景：数据库字段是json格式，代码Entity中字段使用了@Converter进行类型转换，对象本身是个List，产生的效果是查询生效，插入生效，更新不生效。怀疑方向：List对象实例ID发生变更了导致未识别@Converter转换器类型有问题尝试以上操作之后，问题依旧。最后，发现自己搞错概念了，把字段与关联表概念搞混了，它本质是一个字段，JPA对
  • 统一思想认识 永夜-极光 思想
    1.统一思想认识的基础,才能有的放矢  原因:    总有一种描述事物的方式最贴近本质,最容易让人理解.    如何让教育更轻松,在于找到最适合学生的方式.          难点在于,如何模拟对方的思维基础选择合适的方式.   &
  • Joda Time使用笔记 bylijinnan javajoda time
    Joda Time的介绍可以参考这篇文章： http://www.ibm.com/developerworks/cn/java/j-jodatime.html 工作中也常常用到Joda Time，为了避免每次使用都查API，记录一下常用的用法：     /** * DateTime变化（增减） */ @Tes
  • FileUtils API eksliang FileUtilsFileUtils API
    转载请出自出处：http://eksliang.iteye.com/blog/2217374 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • 各种新兴技术 不懂事的小屁孩 技术
    1:gradle Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具。 现在构建系统常用到maven工具，现在有更容易上手的gradle， 搭建java环境: http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/ 搭建android环境： http://m
  • tomcat6的https双向认证 酷的飞上天空 tomcat6
    1.生成服务器端证书 keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36
  • 托管虚拟桌面市场势不可挡 蓝儿唯美
    用户还需要冗余的数据中心，dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台，提供服务或者MSP也可以自己来控制。 在某些情况下，MSP会在dinCloud的云服务上进行服务分层，如监控和补丁管理。 MSP的利润空间将根据其参与的程度而有所不同，Din说。 “我们有一些合作伙伴负责将我们推荐给客户作为个
  • spring学习——xml文件的配置 a-john spring
    在Spring的学习中，对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中，采用XML配置也是最常见的。以下是一个简单的XML配置文件： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.or
  • HDU 4342 History repeat itself 模拟 aijuans 模拟
    来源：http://acm.hdu.edu.cn/showproblem.php?pid=4342 题意：首先让求第几个非平方数，然后求从1到该数之间的每个sqrt(i)的下取整的和。 思路：一个简单的模拟题目，但是由于数据范围大，需要用__int64。我们可以首先把平方数筛选出来，假如让求第n个非平方数的话，看n前面有多少个平方数，假设有x个，则第n个非平方数就是n+x。注意两种特殊情况，即
  • java中最常用jar包的用途 asia007 java
    java中最常用jar包的用途 jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口，提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法，以及接收和处理SOAP错误的方法.  w
  • ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法 百合不是茶 jsjson编码返回异常
    一:ajax获取自定义Struts框架中的json编码  出现以下 问题:       1,强制flush输出  json编码打印在首页 2, 不强制flush js会解析json 打印出来的是错误的jsp页面   却没有跳转到错误页面 3,  ajax中的dataType的json 改为text 会
  • JUnit使用的设计模式 bijian1013 java设计模式JUnit
    JUnit源代码涉及使用了大量设计模式 1、模板方法模式（Template Method）         定义一个操作中的算法骨架，而将一些步骤延伸到子类中去，使得子类可以不改变一个算法的结构，即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构，也就是步骤，而步骤的实现可以在子类中完成。   
  • Linux常用命令（摘录） sunjing crondchkconfig
    chkconfig --list   查看linux所有服务 chkconfig --add servicename 添加linux服务 netstat -apn | grep 8080  查看端口占用 env 查看所有环境变量 echo $JAVA_HOME 查看JAVA_HOME环境变量   安装编译器 yum install -y gcc
  • 【Hadoop一】Hadoop伪集群环境搭建 bit1129 hadoop
     结合网上多份文档，不断反复的修正hadoop启动和运行过程中出现的问题，终于把Hadoop2.5.2伪分布式安装起来，跑通了wordcount例子。Hadoop的安装复杂性的体现之一是，Hadoop的安装文档非常多，但是能一个文档走下来的少之又少，尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布，但是它的配置跟2.5.0，2.5.1没有分别。 &nb
  • Anychart图表系列五之事件监听 白糖_ chart
    创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。 以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下： <script> //创建AnyChart var chart = new AnyChart(); //添加钻取操作&quo
  • Web前端相关段子 braveCS web前端
    Web标准：结构、样式和行为分离   使用语义化标签 0）标签的语义：使用有良好语义的标签，能够很好地实现自我解释，方便搜索引擎理解网页结构，抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容，具有很好的可读性，从而实现对特殊终端的兼容。 1）div和span是没有语义的：只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时，才会适当添加div
  • 编程之美-24点游戏 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashSet; import java.util.List; import java.util.Random; import java.util.Set; public class PointGame { /**编程之美
  • 主页面子页面传值总结 chengxuyuancsdn 总结
    1、showModalDialog returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值 主界面 var sonValue=window.showModalDialog("son.jsp"); 子界面 window.retu
  • [网络与经济]互联网+的含义 comsci 互联网+
          互联网+后面是一个人的名字 = 网络控制系统       互联网+你的名字 =  网络个人数据库       每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不
  • oracle 创建视图 with check option daizj 视图vieworalce
    我们来看下面的例子： create or replace view testview as select empno,ename from emp where ename like ‘M%’ with check option; 这里我们创建了一个视图，并使用了with check option来限制了视图。 然后我们来看一下视图包含的结果： select * from testv
  • ToastPlugin插件在cordova3.3下使用 dibov Cordova
        自己开发的Todos应用，想实现“ 再按一次返回键退出程序 ”的功能，采用网上的ToastPlugins插件，发现代码或文章基本都是老版本，运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。       ToastPlugin.java package&nbs
  • C语言22个系统函数 dcj3sjt126com cfunction
    C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分（尾数）x和 以2位的指数部分n，即num=x*2n，指数n存放在exp指向的变量中，返回x。D
  • 开发一个类的流程 dcj3sjt126com 开发
    本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件，并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库，供以后复用。   以下是开发流程： 1. 明确类的功能，抽象出类的大概结构 2. 初步设想类的接口 3. 类名设计（驼峰式命名） 4. 属性设置(权限设置) 判断某些变量是否有必要作为成员属
  • java 并发 shuizhaosi888 java 并发
    能够写出高伸缩性的并发是一门艺术   在JAVA SE5中新增了3个包 java.util.concurrent java.util.concurrent.atomic java.util.concurrent.locks 在java的内存模型中，类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享，局部变量与方法参数都是线程私有的，不会被共享。
  • Spring Security（11）——匿名认证 234390216 Spring SecurityROLE_ANNOYMOUS匿名
    匿名认证 目录 1.1     配置 1.2     AuthenticationTrustResolver          对于匿名访问的用户，Spring Security支持为其建立一个匿名的AnonymousAuthenticat
  • NODEJS项目实践0.2[ express,ajax通信...] 逐行分析JS源代码 Ajaxnodejsexpress
      一、前言         通过上节学习，我们已经        ubuntu系统搭建了一个可以访问的nodejs系统，并做了nginx转发。本节原要做web端服务 及 mongodb的存取，但写着写着，web端就
  • 在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值 lhbthanks javahtmlstrutscheckbox
    第一种方法：获取结果String类型 在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。 所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。 以下是实现的代码： 前台 HTML 代码：
  • 003.Kafka基本概念 nweiren hadoopkafka
    Kafka基本概念：Topic、Partition、Message、Producer、Broker、Consumer。 Topic：             消息源（Message）的分类。 Partition：             Topic物理上的分组，一
  • Linux环境下安装JDK roadrunners jdklinux
    1、准备工作 创建JDK的安装目录： mkdir -p /usr/java/   下载JDK，找到适合自己系统的JDK版本进行下载： http://www.oracle.com/technetwork/java/javase/downloads/index.html   把JDK安装包下载到/usr/java/目录，然后进行解压： tar -zxvf jre-7
  • Linux忘记root密码的解决思路 tomcat_oracle linux
    1：使用同版本的linux启动系统，chroot到忘记密码的根分区passwd改密码 　　2：grub启动菜单中加入init=/bin/bash进入系统，不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 　　3: grub启动菜单中加入 single以单用户进入系统. 　　4:用以上方法mount到根分区把/etc/passwd中的root密码去除 　　例如: 　　ro
  • 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现 xueyou jsonpjquery框架UIhtml5
    postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据通讯，p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他