ANG-X
ANG-X

前端——JS的相关操作

JS的相关操作

注意：以下为纯代码，不含本地资源（及可以在任何正常环境运行运行）
HTML和对应编号的JS相匹配,代码运行时需注释掉其他的代码
代码为学习视频的产品，若有侵权告知删除

代码如下：

<!DOCTYPE html>
<html>
<head>
	<title>js.Dom</title>
</head>
<body>
		*******************13***********************
		<div id="subject">jquery</div>

		*********************12删除******************
		<ul id="city">
	   	 <li id="bj" name="beijing">北京</li>
		 <li id="sh" name="shanghai">上海</li>
		 <li id="cq" name="chongqing">重庆</li>
	   </ul>

		*******************11添加节点**************
		<ul>
	   	 <li id="bj" name="beijing">北京</li>
		 <li id="sh" name="shanghai">上海</li>
		 <li id="cq" name="chongqing">重庆</li>
	  	</ul>

	********************10添加节点**************
	您喜欢的城市:<br> 
	   <ul id="city">
	   	 <li id="bj" value="beijing">北京</li>
		 <li id="sh" value="shanghai">上海</li>
		 <li id="cq" value="chongqing">重庆</li>
	   </ul>
	  
	  您喜欢的游戏:<br> 
	   <ul>
	   	 <li id="fk" value="fangkong">反恐</li>
		 <li id="ms" value="moshou">魔兽</li>
		 <li id="xj" value="xingji">星际争霸</li>
	   </ul>

	********************9修改节点**************
	 您喜欢的城市:<br> 
	   <ul>
	   	 <li id="bj" value="beijing">北京</li>
		 <li id="sh" value="shanghai">上海</li>
		 <li id="cq" value="chongqing">重庆</li>
	   </ul>
	  
	  您喜欢的游戏:<br> 
	   <ul>
	   	 <li id="fk" value="fangkong">反恐</li>
		 <li id="ms" value="moshou">魔兽</li>
		 <li id="xj" value="xingji" >星际争霸</li>
	   </ul>   

	********************8获取节点**************
	 您喜欢的城市:<br> 
	   <ul>
	   	 <li id="bj" value="beijing">北京</li>
		 <li id="sh" value="shanghai">上海</li>
		 <li id="cq" value="chongqing">重庆</li>
	   </ul>
	  
	  您喜欢的游戏:<br> 
	   <ul>
	   	 <li id="fk" value="fangkong">反恐</li>
		 <li id="ms" value="moshou">魔兽</li>
		 <li id="xj" value="xingji">星际争霸</li>
	   </ul>   

	********************7获取节点**************
	 您喜欢的城市:<br> 
	   <ul>
	   	 <li id="bj" value="beijing">北京</li>
		 <li id="sh" value="shanghai">上海</li>
		 <li id="cq" value="chongqing">重庆</li>
	   </ul>
	  
	  您喜欢的游戏:<br> 
	   <ul>
	   	 <li id="fk" value="fangkong">反恐</li>
		 <li id="ms" value="moshou">魔兽</li>
		 <li id="xj" value="xingji">星际争霸</li>
	   </ul> 


	********************7替换节点**************
	您喜欢的城市:<br> 
	   <ul>
	   	 <li id="bj" value="beijing">北京</li>
		 <li id="sh" value="shanghai">上海</li>
		 <li id="cq" value="chongqing"> 重庆</li>
	   </ul>
	  
	  您喜欢的游戏:<br> 
	   <ul>
	   	 <li id="fk" value="fangkong">反恐<p>精英</p></li>
		 <li id="ms" value="moshou">魔兽</li>
		 <li id="cq" value="chuanqi">传奇</li>
	   </ul>   


	*******************6*****************
	  <ul>
	   	 <li id="bj" value="beijing">
	   	 	北京
			<p>海淀</p>
			奥运
	   	 </li>
		 <li id="sh" value="shanghai">上海</li>
	   </ul>



  	***************5输出节点值********************

	<form name="form1" action="test.html" method="post" >
	   	  <input type="text" name="tname" value="IT精英培训_1"  id="tid_1"  ><br>
		  <input type="text" name="tname" value="IT精英培训_2"  id="tid_2"  ><br>
		  <input type="text" name="tname" value="IT精英培训_3"  id="tid_3"  ><br>
		  <input type="button" name="ok" value="保存1"/>
  	</form>
  	<p id="pid">明天上课</p>

  

  *****************4*********************
  	<form name="form1" action="test.html" method="post" >
	   	  <input type="text" name="tname" value="IT精英培训_1"  id="tid_1"  ><br>
	  <input type="text" name="tname" value="IT精英培训_2"  id="tid_2"  ><br>
	  <input type="text" name="tname" value="IT精英培训_3"  id="tid_3"  ><br>
	  <input type="button" name="ok" value="保存1"/>
	   </form>
   
   
  <h1 id="h1">明天休息</h1>

	*************3标签名获得集合元素集合**********
	<form>
		<input type="text" name="tanem" value="123" id="tid_1">
		<input type="text" name="tanem" value="456" id="tid_2">
		<input type="text" name="tname" value="789" id="tid_3">
		<input id="but1" type="button" name="Ok" value="config">
	</form>

	<select naem="numbers" id="num">
		<option value="1">1</option>
		<option value="2" selected="selected">2</option>
		<option value="3">3</option>
	</select>
	<select name="chars" id="char">
		<option value="o1">o1</option>
		<option value="o2">o2</option>
		<option value="03">o3</option>
	</select>
	<input id="but" type="button" name="button" value="Submit">




	***********************2节点对象的集合******************
	<form>
		<input type="text" name="tname" value="123" id="tid_1">
		<input type="text" name="tname" value="456" id="tid_2">
		<input type="text" name="tname" value="789" id="tid_3">
		<input type="button" name="Ok" value="config">
	</form>




	***********************1**************************

	<form>
		<input type="text" name="uername" value="IT" id="tid">
		<input type="button" name="OK" value="config">
	</form>

	
</body>
<script type="text/javascript">
	__________________13______________________

	//使用innerHTML读出id=subject中的文本内容
	var div = document.getElementById("subject");
	alert(div.innerHTML);
	
	//将
今天
写到div的层中
	var div = document.getElementById("subject");
	div.innerHTML = "
今天
";


	//—————————————————12删除节点—————————————————————
	var city = document.getElementById("city");
	var bj = document.getElementById("bj");
	city.removeChild(bj);

	//—————————————————11节点—————————————————————
	var li = document.createElement("li");
	 li.setAttribute("id", "tj");
	 li.setAttribute("value", "tianjin");

	 var text = document.createTextNode("天津");
	 li.appendChild(text);

	 var ul = document.getElementsByTagName("ul");

	 var sh = document.getElementById("sh");
	 var cq = sh.nextSibling;
	 //____等价于
	 // var cq = document.getElementById("cq");
		// ul[0].insertBefore(li,cq);

	 ul[0].insertBefore(li,cq);

	 


	//_________________10添加节点__________________
	var li = document.createElement("li");
	 li.setAttribute("id", "tj");
	 li.setAttribute("value", "tianjin");

	 alert(li.getAttribute("id"));

	 var text = document.createTextNode("天津");
	 li.appendChild(text);

	 var city = document.getElementById("city");
	 city.appendChild(li);



	//_________________9__________________

	 //   // 给这个节点增加 name属性 
  • 星际争霸
    • 
		var xj = document.getElementById("xj");
		xj.setAttribute("name","xingjizhengba");
  	  //测试
  	 alert(xj.getAttribute("name"));

	  var fk = document.getElementById("fk");
	  fk.setAttribute("value", "ffkk");
	  alert(fk.getAttribute("value"));
  	  

	//_________________8__________________

	var xjs = document.getElementById("xj");
	alert(xjs.getAttribute("value"));


	// _________________7__________________
	//  点击北京节点， 将被反恐节点替换
    var bj = document.getElementById("bj");
    var fk = document.getElementById("fk");
    bj.onclick = function(){
    	var parentNode = this.parentNode;
    	parentNode.replaceChild(fk,this);
    };



	//——————————————————6——————————————————

	//打印出 id=“bj” 该节点的所有子节点的(nodeName, nodeType, nodeValue)
  	
		var nodes = document.getElementById("bj");
    alert(nodes.nodeName);
    alert(nodes.nodeType);
    alert(nodes.nodeValue);
  

    //同时打印文本值  北京 海淀  奥运 


	//———————————————————————5————————————

	//方法一 利用firstChild/lastChild  输出明天休息
  	var text = document.getElementById("h1");
    var si = text.lastChild;
    alert(si.nodeValue);
  	// //测试nodeValue是一个读写属性
    
  	
  	// //方法二childNodes表示父元素下的所有的子元素(数组)
  	var h1 = document.getElementById("h1");
  	var childs = h1.childNodes;
  	alert(childs[0].nodeValue);


	//____________________4___________________

	// //元素节点  id="tid_1"  输出nodeName nodeType nodeValue
	var node = document.getElementById("tid_1");
	 alert(node.nodeName);//input
	alert(node.nodeType);//1
	alert(node.nodeValue);//null 
	
	// 文本节点 id="pid"  输出nodeName nodeType nodeValue
	var node = document.getElementById("pid");
	var textNode = node.firstChild;
	alert(textNode.nodeName);//#text
	alert(textNode.nodeType);//3
	alert(textNode.nodeValue);//明天上课 
	
	// //属性节点  id="pid"   输出nodeName nodeType nodeValue
	 var node = document.getElementById("pid");
	var p = node.getAttributeNode("id");
	alert(p.nodeName);//id
	alert(p.nodeType);//2
	alert(p.nodeValue);//pid 
	// ____________________3__________________
	
	var inputNodes = document.getElementsByTagName("input");
	alert(inputNodes.length);
	// 输出所有包含input的节点的值
	for( var i = 0; i < inputNodes.length; i++){
		var inputNode = inputNodes[i];
		alert(inputNode.value);
	}

	// 输出所有包含input的节点，type = text的节点的value
	for( var i = 0; i < inputNodes.length; i++){
		var inputNode = inputNodes[i];
		if( inputNode.type == "text"){
			alert(inputNode.value);
		}
	}

	//输出所有下拉选select的option标签中value的值
	var options = document.getElementsByTagName("option");
	for( var i = 0; i < options.length; i++){
		var option = options[i];
		alert(option.value);
	}

	//输出所有下拉选 id="cahrs"中option标签中 value属性的值
	var chars = document.getElementById("char");
	var optionNodes = chars.getElementsByTagName("option");
	for( var i = 0; i < optionNodes.length; i++){
		var option = optionNodes[i];
		alert(option.value);
	}

	//点击按钮输出下拉框中被选中的值

	var button = document.getElementById("but");
	button.onclick = function(){
		var optionNodes = document.getElementsByTagName("option");
		for( var i = 0; i < optionNodes.length; i++){
			var optionNode = optionNodes[i];
			if(optionNode.selected){
				alert(optionNode.value);
			}
		}
	}
	

	// ____________________2获取节点集合元素________________

	var inputNodes = document.getElementsByName("tname");
	for(var i = 0; i < inputNodes.length; i++){
		var inputNode = inputNodes[i];
		inputNode.onchange = function(){
			alert(this.value);
		};
	}


	// ____________________1__________________

	var inputNode1 = document.getElementById("tid");
	alert(inputNode1.value);

	

</script>
</html>

    你可能感兴趣的:(前端,前端,javaScript基础知识)

    • 最受欢迎的WebAssembly Web开发框架：Blazor前端开发 ScriptWELL wasm前端
      WebAssembly（简称Wasm）是一种用于在Web平台上运行高性能代码的二进制格式。它可以在现代Web浏览器中以原生速度执行，并为开发人员提供了使用其他编程语言编写Web应用程序的能力。在WebAssembly的推动下，出现了许多与其兼容的Web开发框架，其中最受欢迎的之一是Blazor。Blazor是一个由微软开发的Web开发框架，它允许开发人员使用C#语言编写前端Web应用程序。Blaz
    • 【前端知识】简单易懂的vue前端页面元素权限控制 问道飞鱼 前端开发技术vue.js前端javascript权限控制
      文章目录设计思路代码实现1.**权限数据管理**2.**权限判断方法**3.**动态控制元素**4.**路由权限控制**5.**无权限页面**总结相关文献在前端实现基于Vue的权限控制，通常需要结合后端返回的用户权限数据，动态控制页面元素的显示与隐藏、按钮的可点击状态等。以下是设计思路和代码实现：设计思路权限数据管理:从后端获取用户的权限数据（如角色、权限列表等），并存储在Vuex或组件的data
    • 打造高效React应用：CSS方案深度解析
      大家好，我是长林啊！一个爱好JavaScript、Go、Rust的全栈开发者；致力于终生学习和技术分享。在React以其声明式编程范式和组件化架构，成为了构建用户界面的首选技术之一。然而，随着项目规模的扩大和设计需求的多样化，如何高效地管理CSS样式成为了每个React开发者都需要面对的挑战。本文将从一下三个方面进行介绍，探讨如何在React中应用和管理样式，包括内联样式、CSS类、CSSModu
    • 使用基于 WebRTC 的 JavaScript API 在浏览器环境里调用本机摄像头
      Python中的class体内定义方法时，如果没有显式地包含self参数，有时候依然可以被调用。这是一个非常有趣的话题，因为它涉及到对Python中类与对象之间关系的更深理解。要理解为什么这种情况下方法依然能够被调用，我们需要逐步拆解Python类的构造方式以及方法绑定的原理。
    • 分布式微服务搭建 Xi-Tong 微服务架构云原生linuxcentosbashjdk
      分布式微服务架构搭建（举出一个项目搭建的例子，其他项目可参考本文档）基于Nginx作为web服务器、JDK作为Java运行环境、MySQL作为关系型数据库、Nacos作为服务发现和配置中心、Maven作为项目管理工具、Redis作为缓存和消息中间件（视具体需求而定）、Node.js与npm作为某些微服务（如前端服务或特定业务逻辑服务）的开发和依赖管理工具，可以搭建一个完整的分布式微服务架构项目。以
    • 前端开发概述 不会写代码的菜 html前端html
      我们前后端工程师都一样,最终目的都是开发和维护软件,以给用户以更好的服务我们可以将软件分为以下几类:系统软件:WindowsLinuxmacOS应用软件:officeqq游戏软件:王者荣耀绝地求生我们的软件通常由服务器端和客户端组成客户端:通过客户端来使用软件,我们通常使用电脑时能看到的也就是客户端的软件,服务器端我们平常在使用过程中是无法看到的客户端的形式:文字客户端:一种古老的方式,通过命令行
    • React 前端框架开发详细操作 编码小袁 前端框架
      一、引言在当今的web开发领域，React作为一款流行的前端框架，以其高效的组件化开发模式、虚拟DOM带来的高性能以及灵活的生态系统，受到了广大开发者的青睐。无论是开发小型的单页应用还是大型的企业级项目，React都能展现出强大的能力。本文将详细介绍React前端框架的操作使用方法，帮助开发者快速上手并深入理解React开发。二、环境搭建在开始使用React进行开发之前，需要先搭建好开发环境。以下
    • React 前端框架简介与应用 仰望丨苍穹 前端：技巧与实践前端框架react.js前端
      React是一个用于构建用户界面的JavaScript库，在前端开发中被广泛应用。1：主要特点1.1：组件化开发React提倡以组件的方式构建用户界面。每个组件都具有独立的功能和逻辑，可以重复使用和组合，提高了开发效率和代码的可维护性。例如，一个网页中的导航栏、侧边栏、内容区域等都可以分别构建为不同的组件。1.2：虚拟DOMReact引入了虚拟DOM（VirtualDOM）的概念。当数据发生变化时
    • React 前端框架：简介与核心概念 一ge科研小菜鸡 工具前端框架
      React是由Facebook开发和维护的一个用于构建用户界面的JavaScript库。它专注于通过组件化的方式构建单页应用（SPA），允许开发者高效地创建复杂、交互性强的界面。React的核心特点是其虚拟DOM、组件化开发和声明式编程，使其成为目前最流行的前端开发框架之一。1.React的优势1.1组件化开发React的核心是组件（Component），它允许开发者将界面划分为多个独立的、可重用
    • 如何通过减少HTTP请求来提升页面加载速度？ 破碎的天堂鸟 学习教程http网络协议网络
      通过减少HTTP请求可以显著提升网页加载速度，这是因为HTTP请求的次数直接影响了页面加载时间。以下是一些具体的方法和策略：1.合并文件将多个CSS文件合并为一个CSS文件，将多个JavaScript文件合并为一个JavaScript文件。这可以减少浏览器发起的HTTP请求次数，从而加快页面加载速度。示例：将所有样式表和脚本文件打包成一个文件，以减少请求数量。2.使用CSSSprites（雪碧图）
    • 【前端开发】前端开发深度解析：HTML、CSS、JavaScript与Vue.js RS迷途小书童 前端开发探索之旅javascripthtmlcss前端vue.js
      一、HTML：构建网页的基石1.1简介HTML（HyperTextMarkupLanguage，超文本标记语言）是一种用于创建网页的标准标记语言。它使用各种标签（tags）来描述网页上的内容，包括文本、图像、链接、视频、音频等。HTML是网页开发的基础，与CSS（层叠样式表）和JavaScript等技术一起，共同构建出丰富多彩的网页世界。HTML文档由一系列的元素构成，每个元素都由开始标签、内容和
    • js第一次笔记 chen_zhi_yu javascript笔记前端
      JavaScript显示方案JavaScript能够以不同方式“显示”数据：使用window.alert()写入警告框使用document.write()写入HTML输出使用innerHTML写入HTML元素使用console.log()写入浏览器控制台JavaScript关键词JavaScript语句常常通过某个关键词来标识需要执行的JavaScript动作。下面的表格列出了一部分将在教程中学到
    • 前端路由的hash模式和history模式 bsr1983 前端hashhistory路由模式
      hash模式和history模式是前端路由实现的两种常见方式，分别基于不同的浏览器特性实现。下面从浏览器实现、前端框架实现及相关标准定义三个方面详细解释这两种模式。1.浏览器实现1.1Hash模式•核心机制：•基于浏览器的location.hash属性和hashchange事件。•#后的内容（如#home）被称为“fragmentidentifier”，不会被浏览器发送到服务器，因此只在前端有效。
    • 前端一次性在接口中给后端传多个文件流的集合作为参数 柠檬花开_ 前端javascript上传文件文件流
      前端上传文件后，文件流暂存在数组中。保存时，接口传参多个文件流一、前端暂存文件流//上传附件，attachFiles前端暂存文件流为一个数组httpSuggestionRequest:function(param){console.log(param,'param')if(this.attachFiles.length===10){this.$message.error('上限10个文件！');r
    • 前端开发是随着互联网的发展而逐渐兴起的一种新的开发领域。它一直在不断地发展和演变，经历了许多重要的里程碑事件和技术革新，下面就来回顾一下前端开发的历程和发展趋势。 21级应用技术UI3班何珍锋 前端javascript前端框架
      一、Web1.0时代1990年代末到2000年代初，Web1.0时代是Web发展的初期阶段，这个阶段的Web界面设计以简单的文本和图像为主，用户的互动性和用户体验都很低。在这个时代，浏览器的前端技术主要是基于HTML和CSS的，HTML指的是超文本标记语言，而CSS则指的是层叠样式表。由于这些技术的简单性，前端开发者往往需要手动编写HTML和CSS代码，并进行基本的样式设计。二、Web2.0时代随
    • 探索React前端框架：JavaScript技巧与最佳实践 自由翱翔碧海蓝 javascriptreact.js前端框架js
      React是一个广泛使用的JavaScript前端框架，它提供了一种组件化的开发模式，使得构建交互式用户界面变得更加简单和高效。在本文中，我们将深入探讨React框架的一些关键技巧和最佳实践，同时提供相应的源代码示例。合理使用函数组件和类组件React提供了两种主要的组件类型：函数组件和类组件。函数组件是纯粹的JavaScript函数，而类组件则是通过继承React.Component类创建的。在
    • 【分布式日志篇】从工具选型到实战部署：全面解析日志采集与管理路径 网罗开发 人工智能实战java集springboot人工智能分布式
      网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
    • 前端实现PDf文件下载功能 南风贰拾捌 知识点整理前端pdf
      前言：pc端需要实现生成PDF并下载的功能。方法一：侧重点在前端，后端只需要配合把PDF所需要的数据给到前端即可。准备工作：需要npminstall这两个插件，html2Canvas，JsPDF。注：上面给的不是npm的命令，不可以直接当做npm命令使用//引入importhtml2Canvasfrom'html2canvas'importJsPDFfrom'jspdf'//也可以在main.js
    • JavaScript语法特性篇-动态导入 import() 前端后花园 JS学习资料javascript前端开发语言动态导入静态导入import
      1、基本使用import()语法，通常被称为动态导入，是一个类似函数的表达式，它允许异步和动态地将ECMAScript模块加载到一个可能不是模块的环境中。与声明式的导入相对应，动态导入只在需要时进行计算，并且允许更大的语法灵活性。简单来说，使用import()语法，你可以在运行时（而不是在编译时）决定要导入哪个模块，并且这种导入是异步的，不会阻塞代码的执行。awaitimport('/module
    • Spring 框架基础：IOC 与 AOP 原理剖析及面试要点 翻晒时光 Java春招面试指南spring面试java
      在上一篇中，我们深入探讨了Java反射机制，了解了它在运行时动态操作类和对象的强大能力。而今天，我们将进入Spring框架的世界。Spring框架作为Java企业级开发中最流行的框架之一，极大地简化了企业级应用的开发过程。对于春招面试而言，Spring框架的基础知识是重点考察内容，其中控制反转（IOC）和面向切面编程（AOP）是Spring框架的核心思想，下面我们来详细了解。一、控制反转（IOC）
    • swiper移入暂停_用Swiper插件实现无缝轮播的品牌展示，鼠标移动停止，鼠标移出无缝移动视觉效果... weixin_39726971 swiper移入暂停
      正常操作，正常分析，大家好，我是D1n910。文章关键词：技术前端JQuery入门滚动文章前言：公司要求做官网呀呀呀，其中有一部分设计是要求我们最亲爱的品牌商的LOGO能够在底部无缝轮播，鼠标移上去就停下来。效果如下：一、使用插件介绍1、使用的框架是JQuery，因为讲究快速、兼容、展示，所以没有用vue、react之类的看起来高大上的框架。2、使用的是优秀的轮播插件Swiper3.0版(实际上S
    • Javascript和jquery事件-鼠标移入移出事件 weixin_30740295 javascriptViewUI
      javascript使用mouseover和mouseout，只在css中支持hoverjquery支持mouseover和mouseout，封装了mouseenter、mouseleave事件函数和hover函数1、有关js中的mouseover和mouseout原生js的事件类型是mouserout和mouseover，之前提到的事件冒泡的缺陷就在这里，之前说的使用阻止冒泡就行，大概说得太轻易
    • 后端传入文件流，前台pdf展示（pc端和手机端） w001yy 前端javascript
      近日项目用到的用文件流传递pdf文件的情况，后端将数据流传到前端，需要前端进行处理然后再预览下载，总结了一下几点方法，1.PC端一开始想引用pdf.js插件进行实现，但是总是白屏，借鉴的文章是https://www.jianshu.com/p/242525315bf6，用了里面的方法测试了，但是一直是白屏，展示不出pdf，也没有看到错误提示，最后直接用window.open(url),其中url表
    • vue前端运行报错 Error: listen EACCES: permission denied 0.0.0.0:3100 qq_38204247 前端
      报错原因：端口占用解决方法：重启nat服务netstopwinnatnetstartwinnat
    • 请解释 JavaScript 中的闭包，以及它的优缺点和常见使用场景？ 程序员黄同学 JavaScript前端开发javascript开发语言ecmascript
      闭包（Closure）是什么？闭包是JavaScript中的一个重要概念，指的是一个函数能够记住并访问它的词法作用域，即使这个函数在其词法作用域之外执行。换句话说，闭包使得函数可以“记住”它被创建时的环境。闭包在JavaScript中的作用闭包在JavaScript中有许多重要的作用，包括但不限于：数据封装和私有变量：闭包可以用来创建私有变量和方法，避免全局污染。函数工厂：闭包可以用来创建函数工厂
    • JavaScript 高阶函数 BYh_blog javascript开发语言ecmascript
      在JavaScript中，高阶函数（Higher-OrderFunction）是一种特殊的函数它至少满足以下两个条件之一接受一个或多个函数作为参数返回一个函数作为结果高阶函数在JavaScript中非常常见，它们使得代码更加灵活和可重用下面是一些常见的使用高阶函数高阶函数重写(Arraymethod)1.forEachArray.prototype.myForEach=function(callb
    • CSS语言的编程范式 ByteBlossom666 包罗万象golang开发语言后端
      CSS语言的编程范式引言随着互联网的发展，网络应用和网站的数量不断增加，前端开发的复杂性也在日益增加。在前端开发中，CSS（层叠样式表）作为一种描述文档外观的语言，扮演着至关重要的角色。虽然CSS语言的设计初心是为HTML文档提供样式和布局，但在实际使用中，它的表达能力与编程范式的结合，使得我们能够以更加高效和灵活的方式来构建用户界面。本文将深入探讨CSS语言的编程范式，分析其基本概念、特点、应用
    • 2024 年，如何在React Native 中设置 Google 广告
      将GoogleAds集成到你的ReactNative应用程序中是通过广告来盈利的极佳方式。本指南将指导使用react-native-google-mobile-ads包设置GoogleAds，该包支持Android和iOS平台。开始之前，请确保你有以下内容：一个ReactNative项目的设置。对ReactNative开发的基础知识。一个GoogleAdMob账户以及Android和iOS的广告单
    • 【前端js】 indexedDB Nosql的使用方法 Loong_DQX 前端javascriptnosqlindexedDB
      一、背景Redis的数据存储位置是在服务器内存中，它的目的是是获取数据更快；indexedDB是在客户端的本地存储中，它想要解决的问题是存储更多的数据，相较于localStorage、sessionStorage。这篇文章想讲的是indexedDB，用于将网页中所要用到的数据存储在本地中，使用索引实现对数据的高性能搜索。二、indexedDB数据库2.1indexedDB的特点非关系型数据库：数据
    • 【探索前端技术之 React Three.js—— 简单的人脸动捕与 3D 模型表情同步应用】 智界工具库 react.jsjavascript前端
      大家好，我是智界工具库，致力于分享好用实用且智能的软件以及在JAVA语言开发中遇到的问题，如果本篇文章对你有所帮助请帮我点个小赞小收藏吧，谢谢喲！简介：React是一个用于构建用户界面的JavaScript框架，以其组件化的设计和高效的更新机制而闻名。Three.js则是一个基于JavaScript的3D图形库，能够轻松创建和渲染复杂的3D场景。当React与Three.js相遇，ReactThr
    • Linux的Initrd机制 被触发 linux
      Linux 的 initrd 技术是一个非常普遍使用的机制，linux2.6 内核的 initrd 的文件格式由原来的文件系统镜像文件转变成了 cpio 格式，变化不仅反映在文件格式上， linux 内核对这两种格式的 initrd 的处理有着截然的不同。本文首先介绍了什么是 initrd 技术，然后分别介绍了 Linux2.4 内核和 2.6 内核的 initrd 的处理流程。最后通过对 Lin
    • maven本地仓库路径修改 bitcarter maven
      默认maven本地仓库路径：C:\Users\Administrator\.m2 修改maven本地仓库路径方法：     1.打开E:\maven\apache-maven-2.2.1\conf\settings.xml     2.找到        
    • XSD和XML中的命名空间 darrenzhu xmlxsdschemanamespace命名空间
      http://www.360doc.com/content/12/0418/10/9437165_204585479.shtml http://blog.csdn.net/wanghuan203/article/details/9203621 http://blog.csdn.net/wanghuan203/article/details/9204337 http://www.cn
    • Java 求素数运算 周凡杨 java算法素数
      网络上对求素数之解数不胜数，我在此总结归纳一下，同时对一些编码，加以改进，效率有成倍热提高。 第一种：   原理: 6N(+-)1法         任何一个自然数，总可以表示成为如下的形式之一： 6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…)   
    • java 单例模式 g21121 java
      想必单例模式大家都不会陌生，有如下两种方式来实现单例模式：   class Singleton { private static Singleton instance=new Singleton(); private Singleton(){} static Singleton getInstance() { return instance; }
    • Linux下Mysql源码安装 510888780 mysql
      1.假设已经有mysql-5.6.23-linux-glibc2.5-x86_64.tar.gz (1)创建mysql的安装目录及数据库存放目录       解压缩下载的源码包，目录结构，特殊指定的目录除外：           
    • 32位和64位操作系统 墙头上一根草 32位和64位操作系统
      32位和64位操作系统是指：CPU一次处理数据的能力是32位还是64位。现在市场上的CPU一般都是64位的，但是这些CPU并不是真正意义上的64 位CPU，里面依然保留了大部分32位的技术，只是进行了部分64位的改进。32位和64位的区别还涉及了内存的寻址方面，32位系统的最大寻址空间是2 的32次方= 4294967296（bit）= 4（GB）左右，而64位系统的最大寻址空间的寻址空间则达到了
    • 我的spring学习笔记10-轻量级_Spring框架 aijuans Spring 3
      一、问题提问：     → 请简单介绍一下什么是轻量级？     轻量级（Leightweight）是相对于一些重量级的容器来说的，比如Spring的核心是一个轻量级的容器，Spring的核心包在文件容量上只有不到1M大小，使用Spring核心包所需要的资源也是很少的，您甚至可以在小型设备中使用Spring。  
    • mongodb 环境搭建及简单CURD antlove WebInstallcurdNoSQLmongo
      一 搭建mongodb环境 1. 在mongo官网下载mongodb 2. 在本地创建目录 "D:\Program Files\mongodb-win32-i386-2.6.4\data\db" 3. 运行mongodb服务 [mongod.exe --dbpath "D:\Program Files\mongodb-win32-i386-2.6.4\data\
    • 数据字典和动态视图 百合不是茶 oracle数据字典动态视图系统和对象权限
      数据字典（data dictionary）是 Oracle 数据库的一个重要组成部分，这是一组用于记录数据库信息的只读（read-only）表。随着数据库的启动而启动,数据库关闭时数据字典也关闭   数据字典中包含   数据库中所有方案对象（schema object）的定义(包括表，视图，索引，簇，同义词，序列，过程，函数，包，触发器等等) 数据库为一
    • 多线程编程一般规则 bijian1013 javathread多线程java多线程
             如果两个工两个以上的线程都修改一个对象，那么把执行修改的方法定义为被同步的，如果对象更新影响到只读方法，那么只读方法也要定义成同步的。        不要滥用同步。如果在一个对象内的不同的方法访问的不是同一个数据，就不要将方法设置为synchronized的。
    • 将文件或目录拷贝到另一个Linux系统的命令scp bijian1013 linuxunixscp
      一.功能说明        scp就是security copy，用于将文件或者目录从一个Linux系统拷贝到另一个Linux系统下。scp传输数据用的是SSH协议，保证了数据传输的安全，其格式如下：        scp 远程用户名@IP地址：文件的绝对路径
    • 【持久化框架MyBatis3五】MyBatis3一对多关联查询 bit1129 Mybatis3
      以教员和课程为例介绍一对多关联关系，在这里认为一个教员可以叫多门课程，而一门课程只有1个教员教，这种关系在实际中不太常见，通过教员和课程是多对多的关系。   示例数据：   地址表：   CREATE TABLE ADDRESSES ( ADDR_ID INT(11) NOT NULL AUTO_INCREMENT, STREET VAR
    • cookie状态判断引发的查找问题 bitcarter formcgi
      先说一下我们的业务背景： 1.前台将图片和文本通过form表单提交到后台，图片我们都做了base64的编码，并且前台图片进行了压缩 2.form中action是一个cgi服务 3.后台cgi服务同时供PC，H5，APP 4.后台cgi中调用公共的cookie状态判断方法（公共的，大家都用，几年了没有问题） 问题：（折腾两天。。。。） 1.PC端cgi服务正常调用，cookie判断没
    • 通过Nginx,Tomcat访问日志(access log)记录请求耗时 ronin47
      一、Nginx通过$upstream_response_time $request_time统计请求和后台服务响应时间 nginx.conf使用配置方式： log_format main '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_r
    • java-67- n个骰子的点数。 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 bylijinnan java
      public class ProbabilityOfDice { /** * Q67 n个骰子的点数 * 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 * 在以下求解过程中，我们把骰子看作是有序的。 * 例如当n=2时，我们认为（1，2）和（2，1）是两种不同的情况 */ private stati
    • 看别人的博客，觉得心情很好 Cb123456 博客心情
         以为写博客，就是总结，就和日记一样吧，同时也在督促自己。今天看了好长时间博客:    职业规划:    http://www.iteye.com/blogs/subjects/zhiyeguihua      android学习:    1.http://byandby.i
    • [JWFD开源工作流]尝试用原生代码引擎实现循环反馈拓扑分析 comsci 工作流
          我们已经不满足于仅仅跳跃一次，通过对引擎的升级，今天我测试了一下循环反馈模式，大概跑了200圈，引擎报一个溢出错误      在一个流程图的结束节点中嵌入一段方程，每次引擎运行到这个节点的时候，通过实时编译器GM模块，计算这个方程，计算结果与预设值进行比较，符合条件则跳跃到开始节点，继续新一轮拓扑分析，直到遇到
    • JS常用的事件及方法 cwqcwqmax9 js
      事件 描述 onactivate 当对象设置为活动元素时触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即
    • 正则表达式验证日期格式 dashuaifu 正则表达式IT其它java其它
      正则表达式验证日期格式 function isDate(d){ var v = d.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/i); if(!v) { this.focus(); return false; } } <input value="2000-8-8" onblu
    • Yii CModel.rules() 方法 、validate预定义完整列表、以及说说验证 dcj3sjt126com yii
      public array rules () {return} array 要调用 validate() 时应用的有效性规则。 返回属性的有效性规则。声明验证规则，应重写此方法。 每个规则是数组具有以下结构：array('attribute list', 'validator name', 'on'=>'scenario name', ...validation
    • UITextAttributeTextColor = deprecated in iOS 7.0 dcj3sjt126com ios
      In this lesson we used the key "UITextAttributeTextColor" to change the color of the UINavigationBar appearance to white. This prompts a warning "first deprecated in iOS 7.0." Ins
    • 判断一个数是质数的几种方法 EmmaZhao Mathpython
      质数也叫素数，是只能被1和它本身整除的正整数，最小的质数是2，目前发现的最大的质数是p=2^57885161-1【注1】。 判断一个数是质数的最简单的方法如下： def isPrime1(n): for i in range(2, n): if n % i == 0: return False return True 但是在上面的方法中有一些冗余的计算，所以
    • SpringSecurity工作原理小解读 坏我一锅粥 SpringSecurity
        SecurityContextPersistenceFilter   ConcurrentSessionFilter   WebAsyncManagerIntegrationFilter   HeaderWriterFilter   CsrfFilter   LogoutFilter   Use
    • JS实现自适应宽度的Tag切换 ini JavaScripthtmlWebcsshtml5
      效果体验：http://hovertree.com/texiao/js/3.htm   该效果使用纯JavaScript代码，实现TAB页切换效果，TAB标签根据内容自适应宽度，点击TAB标签切换内容页。 HTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"
    • Hbase Rest API : 数据查询 kane_xie RESThbase
      hbase（hadoop）是用java编写的，有些语言（例如python）能够对它提供良好的支持，但也有很多语言使用起来并不是那么方便，比如c#只能通过thrift访问。Rest就能很好的解决这个问题。Hbase的org.apache.hadoop.hbase.rest包提供了rest接口，它内嵌了jetty作为servlet容器。   启动命令：./bin/hbase rest s
    • JQuery实现鼠标拖动元素移动位置（源码+注释） 明子健 jqueryjs源码拖动鼠标
      欢迎讨论指正！   print.html代码： <!DOCTYPE html> <html> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <title>发票打印</title> &l
    • Postgresql 连表更新字段语法 update qifeifei PostgreSQL
      下面这段sql本来目的是想更新条件下的数据，可是这段sql却更新了整个表的数据。sql如下： UPDATE tops_visa.visa_order SET op_audit_abort_pass_date = now() FROM tops_visa.visa_order as t1 INNER JOIN tops_visa.visa_visitor as t2 ON t1.
    • 将redis,memcache结合使用的方案? tcrct rediscache
      公司架构上使用了阿里云的服务，由于阿里的kvstore收费相当高，打算自建，自建后就需要自己维护，所以就有了一个想法，针对kvstore(redis)及ocs(memcache)的特点，想自己开发一个cache层，将需要用到list，set，map等redis方法的继续使用redis来完成，将整条记录放在memcache下，即findbyid，save等时就memcache，其它就对应使用redi
    • 开发中遇到的诡异的bug wudixiaotie bug
      今天我们服务器组遇到个问题： 我们的服务是从Kafka里面取出数据，然后把offset存储到ssdb中，每个topic和partition都对应ssdb中不同的key，服务启动之后，每次kafka数据更新我们这边收到消息，然后存储之后就发现ssdb的值偶尔是-2,这就奇怪了，最开始我们是在代码中打印存储的日志，发现没什么问题，后来去查看ssdb的日志，才发现里面每次set的时候都会对同一个key
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他