缘来源去
缘来源去

java之JavaScript的使用

学习java的第十九天

    • JavaScript简介
    • JS的基本语法
    • javascript有哪些类型？
    • js里面的方法（函数）：
    • js对DOM的操作
    • 对document中元素的操作：
    • 给页面元素添加事件：
    • js中常用的事件：
    • 字符串处理

JavaScript简介

原名是LiveScript，是Netscape（网景）公司开发的，后来改名JavaScript
JavaScript的作用：
1）实现网页特效
2）实现表单验证，减轻服务器压力
3）做网页游戏
4）做服务器开发（Node.js)

JS的基本语法

是一门脚本语言，也是一个弱类型的语言，Java是强类型的语言。
在页面上使用js。
// 可以写在head里，也可以写在html结束标记后面，还可以写在任意位置。尽量的写在后面，以便页面内容先加载
<script type="text/javascript">   
</script>

javascript有哪些类型？

变量定义： var i = 0; 也可以写作 i = 0;
变量类型由值决定。var i = 0; 此时i是数字类型，i = "aaa"; 此时i是字符串类型。
javascript有哪些类型？
数字(整数和小数)，也就意味着 5 / 2 值为2.5
字符串类型："aaa"
布尔类型：true或者false
数组：[]， 也可以用Array
对象（字典、map）：{"name":"mary", "sex":"女"}
函数类型：类似于c语言中的函数指针。

js里面的方法（函数）：

function 函数名(参数列表){

​	// 代码

}

// 求1...100的和
<script type="text/javascript">
	fn1();
	function fn1(){
		var sum = 0;
		for(var i = 1; i <= 100; i++){
			sum += i;
		}
		console.log(sum);
	}
</script>
// 数组的使用
<script type="text/javascript">
//	var arr = new Array(20);  // 直接创建集合给定大小20
//	var arr = new Array(); // 创建集合没有大小
	var arr = []; // 创建数组没有大小
	// 数组和集合操作几乎一样
	console.log(arr[1]);
	arr[3] = 4;
	console.log(arr.length);
	arr[10] = 11;
	console.log(arr.length); // 11
	console.log(arr[5]);  // 值为undefined , 表示未定义
//	console.log(a); // 一旦某一句代码出错了，后面的代码不会被执行，但是前面的代码还是可以执行
	a = 5;
	console.log(a);
	arr.push(12);  // 把数组当集合使用，可以直接用push方法赋值
	console.log(arr[11]);
</script>
// map或者对象的操作
<script type="text/javascript">
	var m = {"name" : "mary", "sex":"女", 
		"introduce": function(){
		alert("我的名字为:mary, 性别为女");
	}}; // 可以看作hashmap, 也可以看作是一个对象
	console.log(m["name"]); // 使用key来获得值
	console.log(m.sex); // 使用对象的属性获得值
	m.introduce();
</script>
// 基本的函数操作
<script type="text/javascript">
	function fn1(){
		console.log("hello, world1");
	}
	function fn2(){
		return fn1;
	}
	function fn3(){
		return fn2;
	}
	fn3()()();
</script>

<script type="text/javascript">
	// 匿名函数
	var a = function(){
		console.log("hello, world12");
	}
	a();
	function fn3(){
		return function(){
			return function(){
				console.log("hello");
			}
		}
	}
	fn3()()();
</script>

<script type="text/javascript">
    // 带参数的函数
	function sum(num1, num2){
		return num1 + num2;
	}	
	function sub(num1, num2){
		return num1 - num2;
	}	
	// 将函数作为参数传递
	function fn1(fn){
		var i = 5;
		var j = 8;
		return fn(i, j);
	}
	console.log(fn1(sub));
</script>

js对DOM的操作

整个浏览器结构如下：
​	window
​	| | |
​	document (文档) history(历史记录) location(路径)
​ | | |
​ html 前进，后退 刷新， 跳转
| |
head body
window.history.back(); // 后退         也可以简写为history.back()
// 注意：window.document，window.history，window.location里面的window可以省略
history.forward(); // 前进
location.reload(); // 重新加载，
location.href = "https://www.baidu.com"; // 跳转到页面
// 改变页面背景颜色
document.body.style.backgroundColor = "red";
//或者
document.body.style.cssText = "background-color: blue;";

对document中元素的操作：

// 得到元素（4种常用方式）
// 通过id获取元素，由于id应该是唯一的，所以只能获取一个元素，如果id重复，只会获取第一个元素
var div1 = document.getElementById("div1");
// 给元素内部添加内容（html内容）
div1.innerHTML = "百度一下";
// 通过标签名称获取元素， 能够获得所有的该标签元素，结果为一个数组
var divArr = document.getElementsByTagName("div");
for (var i =0; i < divArr.length; i++) {
    // 给元素内部添加内容（文本内容）
    divArr[i].innerText = "千锋一下";
}
// 给多个元素添加了name属性（可能没有提示，强行添加即可），能够获得所有的有该name的元素，结果为一个数组
var divArr = document.getElementsByName("aa");
for (var i =0; i < divArr.length; i++) {
    divArr[i].innerText = "千锋一下";
}
// 给多个元素添加类样式（class属性），能够获得所有的有该样式的元素，结果为一个数组
var divArr = document.getElementsByClassName("aa");
for (var i =0; i < divArr.length; i++) {
    divArr[i].innerText = "千锋一下";
}
// 获得一个元素的所有子元素(数组)
document.getElementById("div1").children;
// 设置元素的值
// 设置属性值（通过.属性）
document.getElementById("img1").src = "img/6.jpg";
// 设置标签体（里面的内容）。使用上面的innerHTML或者innerText
// 设置样式的值，可以使用style.样式名称，也可以使用style.cssText="样式键值对"

给页面元素添加事件：

<body>
    <img id="img1" src="img/1.jpg" width="200px"/><br />
    <input type="button" value="隐藏" onclick="fnHide()"/>
    <input type="button" value="显示" onclick="fnShow()"/>
</body>
<script type="text/javascript">
	function fnShow(){
		document.getElementById("img1").style.display = "block";
	}	
	function fnHide(){
		document.getElementById("img1").style.display = "none";
	}
</script>

js中常用的事件：

onblur：失去焦点事件
onchange：值改变事件
onclick：点击事件
onfocus：获得焦点事件
onkeydown：按键按下事件
onkeyup：按键弹起事件
onkeypress：按键敲击事件
onload：一般使用在body上，表示页面加载完成事件
onmousedown：鼠标按下事件
onmouseup：鼠标弹起事件
onmousemove：鼠标指针移动到某元素上
onmouseout：鼠标指针移除某元素
onmouseleave：基本等同于onmouseout
onmouseenter：基本等同于onmousemove
onresize：浏览器调整大小事件
onselect：下拉框选择事件
onsubmit：表单提交事件
<!-- 通过键盘事件移动页面小方块 -->
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			div{
				border: 1px solid red;
				height: 40px;
				width: 40px;
				position: absolute;
				left: 0px;
				top: 0px;
			}
		</style>
	</head>
	<body onload="fn1()">
		<div id="div1">
		</div>
	</body>
</html>

<script type="text/javascript">
	function fn1(){
		var left = 0;
		var top = 0;
		var div1 = document.getElementById("div1");
		window.onkeydown = function(event){
			if(event.keyCode == 37){ // 左
				left -= 5;
				div1.style.cssText = "left: "+(left)+"px;top:"+top+"px";
			}else if(event.keyCode == 38){ // 上
				top -= 5;
				div1.style.cssText = "left: "+(left)+"px;top: "+(top)+"px;";
			}else if(event.keyCode == 39){ // 右
				left += 5;
				div1.style.cssText = "left: "+(left)+"px;top:"+top+"px";
			}else if(event.keyCode == 40){ // 下
				top += 5;
				div1.style.cssText = "left: "+(left)+"px;top: "+(top)+"px;";
			}
		}
	}
</script>

字符串处理

判断两个字符串是否相等使用==，在Java中字符串操作的方法js里面大部分都一样，但是参数可能有区别，需要在使用的时候注意。
将字符串转换成数字，parseInt("100")：转换成整数；parseFloat("100.5")：转换成小数。
并不会像Java中出现转换异常，会将能转换的就转，不能转的就不转，例如：
var a = parseInt("100abc"); a的值为100；
######表单元素处理
常见的表单元素：

<!--
get表示表单提交的方法：有get和post两种
action表示表单提交的地址，里面一般写的是一个路径
onsubmit表示表单提交事件，里面应该去调用表单验证的方法，表单验证的方法应该返回一个布尔值，当返回true时，表单能够正常提交，当返回false时，表单无法提交。注意：onsubmit中必须要有return。
-->
<form method="get" onsubmit="return check()" action="test.html">
    <!-- 文本框 -->
    <input type="text" id="username" name="username" value="" placeholder="用户名"/><br />
    <!-- 密码框 -->
    <input type="password" name="pwd" value="" placeholder="密码"/><br />
    <!-- 密码框 -->
    <input type="password" name="confirmPwd" value="" placeholder="验证密码"/><br />
    <!-- 文本框 -->
    <input type="text" name="email" value="" placeholder="邮箱"/><br />
    <!-- 单选按钮, 要达到单选的互斥效果，必须name一致 -->
    <input type="radio" name="sex" checked="checked" value="男"/>男
    <input type="radio" name="sex" value="女"/>女
    <br />
    <!-- 下拉框 -->
    <select name="job">
        <option value="1">法师</option>
        <option value="2">战士</option>
        <option value="3">道士</option>
    </select><br />
    <!-- 复选框 -->
    <input type="checkbox" name="hobby" value="1"/>看小说
    <input type="checkbox" name="hobby" value="2"/>打游戏
    <input type="checkbox" name="hobby" value="3"/>睡觉<br />
    <!-- 文件上传框 -->
    照片上传:<input type="file" name="photo"/><br />
    <!-- 表单提交按钮 -->
    <input type="submit" value="注册"/>
    <!-- 表单重置按钮 -->
    <input type="reset" value="重置"/>
    <!-- 普通按钮 -->
    <input type="button" value="普通按钮"/>
</form>
// 表单验证
<script type="text/javascript">
	function check(){
		var u = document.getElementById("username");
//		if(u.value.trim() == ""){
//			alert("用户名不能为空");
//			// 设置焦点
//			u.focus();
//			return false;
//		}else 
		if(u.value.trim().length < 6){
			alert("用户名长度必须是6位以上");
			u.focus();
			return false;
		}
		
		// 通过document.表单的名称.表单元素的名称得到表单元素
		var p = document.frm1.pwd;
		if(p.value.length < 6){
			alert("密码长度必须是6位以上");
			p.focus();
			return false;
		}
		
		var cp = document.frm1.confirmPwd;
		if(p.value != cp.value){
			alert("两次密码输入不一致");
			return false;
		}
		
		var email = document.frm1.email;
		if(email.value.trim() == ""){
			alert("邮箱不能为空");
			// 设置焦点
			email.focus();
			return false;
		}
		
		
		if(email.value.indexOf(".") - email.value.indexOf("@") <= 1){
			alert("邮箱格式不正确");
			// 设置焦点
			email.focus();
			return false;
		}
		
		var hobbyArr = document.frm1.hobby;
		var isSelect = false;
		for(var i= 0; i < hobbyArr.length; i++){
			if(hobbyArr[i].checked){
				isSelect = true;
				break;
			}
		}
		if(!isSelect){
			alert("请至少选择一个爱好");
			return false;
		}
		
		// 在Java中foreach，循环的是里面元素，例如此处在java中i表示数组中的元素，但是在js中此处的i表示下标
//		for(i in hobbyArr){
//			alert(hobbyArr[i].checked);
//		}
		var photo = document.frm1.photo;
		if(photo.value.trim() == ""){
			alert("上传文件不能为空");
			return false;
		}
		return true;
	}
</script>

你可能感兴趣的:(java之JavaScript的使用)

  • 【JAVA】我和我的第一个“对象”相遇 2401_89791130 java开发语言
    表达式1必须是一个布尔表达式如果表达式1为真，那么执行表达式2，否则执行表达式3自我检验根据以下代码思考打印的结果是什么？publicclassTestDemo2{publicstaticvoidmain(String[]args){booleanflg=true==true?true:true==false?false:false;System.out.println(flg);booleanf
  • 基于数据可视化SpringBoot+Vue+Uniapp的学生活动管理系统设计与实现（毕业设计实战项目+源码+部署） Java开源领先者 #Java网站项目#微信小程序毕设#Java精品毕设信息可视化springbootvue.js毕业设计javauni-app学生活动管理
    博主介绍CSDN毕设辅导第一人、靠谱第一人、全网粉丝50W+,csdn特邀作者、博客专家、腾讯云社区合作讲师、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可
  • 【Java 学习】Java抽象类详解：从理论到实践，带你迈向面向对象的深度思考！ Code哈哈笑 Java拾光之旅java学习开发语言
    欢迎讨论：如对文章内容有疑问或见解，欢迎在评论区留言，我需要您的帮助！点赞、收藏与分享：如果这篇文章对您有所帮助，请不吝点赞、收藏或分享，谢谢您的支持！传播技术之美：期待您将这篇文章推荐给更多对需要学习Java语言、低代码开发感兴趣的朋友，让我们共同学习、成长！1.什么是抽象类？举一个Animal类、Cat类和Dog类的例子：classAnimal{publicvoideat(){System.o
  • 打造高效React应用：CSS方案深度解析
    大家好，我是长林啊！一个爱好JavaScript、Go、Rust的全栈开发者；致力于终生学习和技术分享。在React以其声明式编程范式和组件化架构，成为了构建用户界面的首选技术之一。然而，随着项目规模的扩大和设计需求的多样化，如何高效地管理CSS样式成为了每个React开发者都需要面对的挑战。本文将从一下三个方面进行介绍，探讨如何在React中应用和管理样式，包括内联样式、CSS类、CSSModu
  • Python系列之：Dash从入门到精通系列一 快乐骑行^_^ 大数据pythonDash从入门到精通
    Python系列之：Dash从入门到精通系列一一、安装Dash二、Dash布局入门案例详解三、开启和关闭热加载四、Dash设置Html样式和颜色五、Dash可重用组件六、Dash组件Graph七、Dash核心组件八、简单的交互式Dash应用程序九、带有图形和滑块的Dash应用程序布局十、具有多个输入的Dash应用程序十一、具有多个输出的Dash应用程序十二、带有链式回调的Dash应用程序十三、带状
  • 多版本并发控制：MVCC的作用和基本原理 koping_wu mysql数据库
    多版本并发控制：MVCC的作用和基本原理1、MVCC简介1.1快照读与当前读的区别1.1.1快照读1.1.2当前读1.2数据库的读写问题1.3MVCC的作用2、MVCC实现原理之ReadView2.1什么是ReadView2.2ReadView的设计思路2.3MVCC整体操作流程1、MVCC简介1.1快照读与当前读的区别mysql在读数据的场景下，根据是否加锁分为了2种读的方式：1.1.1快照读不
  • 【JAVA 基础 第（20）课】JDBC JAVA 连接 MySql 数据库 黑口罩 【JAVA】系列java
    pom.xml导入MySqljar包mysqlmysql-connector-java5.1.30数据库驱动、连接封装成一个工具类DBUtil类importjava.sql.Connection;importjava.sql.DriverManager;importjava.sql.ResultSet;importjava.sql.SQLException;importjava.sql.State
  • 使用基于 WebRTC 的 JavaScript API 在浏览器环境里调用本机摄像头
    Python中的class体内定义方法时，如果没有显式地包含self参数，有时候依然可以被调用。这是一个非常有趣的话题，因为它涉及到对Python中类与对象之间关系的更深理解。要理解为什么这种情况下方法依然能够被调用，我们需要逐步拆解Python类的构造方式以及方法绑定的原理。
  • 分布式微服务搭建 Xi-Tong 微服务架构云原生linuxcentosbashjdk
    分布式微服务架构搭建（举出一个项目搭建的例子，其他项目可参考本文档）基于Nginx作为web服务器、JDK作为Java运行环境、MySQL作为关系型数据库、Nacos作为服务发现和配置中心、Maven作为项目管理工具、Redis作为缓存和消息中间件（视具体需求而定）、Node.js与npm作为某些微服务（如前端服务或特定业务逻辑服务）的开发和依赖管理工具，可以搭建一个完整的分布式微服务架构项目。以
  • SkyWalking 小馋喵知识杂货铺 性能skywalking
    SkyWalking是一款开源的APM（ApplicationPerformanceManagement）工具，主要用于监控、追踪和诊断微服务架构中的应用性能。它支持多种语言，包括Java、Go、Node.js、Python等，能够提供强大的分布式追踪、日志分析、性能监控等功能，是微服务和云原生架构中重要的性能管理工具之一。SkyWalking最初由ApacheSoftwareFoundation
  • java 解析PDF文件里面的表格并转换成EXCEL，不是表格的不会解析 妳、终究不属于涐 javapdfexcel
    importcom.collection.integration.constant.ReminderConstant;importcom.spire.pdf.PdfDocument;importcom.spire.pdf.utilities.PdfTable;importcom.spire.pdf.utilities.PdfTableExtractor;importcom.spire.xls.Ex
  • Android为什么要从Java改用Kotlin 彬sir哥 Androidkotlin入门到进阶系列讲解androidandroidstudiojavakotlin
    <<返回总目录文章目录一、Kotlin1、Kotlin是来自哪个公司2、为什么要学习Kotlin二、Android的Kotlin优先方法1、为什么要优先使用Kotlin进行Android开发？2、Kotlin优先意味着什么？一、Kotlin1、Kotlin是来自哪个公司kotlin是来自JetBrains公司2、为什么要学习Kotlin市场上大部分代码都是kotlin了，没办法有些项目组件不切an
  • docker实践与应用举例 周盛欢 docker
    第一步：搞清楚Docker是啥玩意儿Docker是个啥？简单来说，它就像是一个“打包神器”。你可以把你的程序、代码、运行环境（比如Python、Java、数据库之类的）全部打包成一个“盒子”，然后这个“盒子”可以放到任何地方运行，不用担心环境问题。这就像是你把一个玩具打包好，不管带到哪里，都能拿出来玩，而且不会坏。为啥要用Docker呢？因为它能解决“在我电脑上能运行，但到你电脑上就报错”的问题。
  • 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（雪碧图）
  • 基础算法之贪心算法 青春好少年！ 基础算法贪心算法算法c++排序算法
    一·基本概念贪心算法是指在问题求解时，做出当前的最好选择。就是，不从整体最优考虑，只是从局部最优解。贪心算法没有固定的算法框架，算法设计关键在于贪心的选择。注意，贪心的策略一定要具备无后效性，指一个状态的过程不会影响之前的，只和当前有关。二·基本思路1.建立数学模型2.分解子问题3.求解子问题，使子问题局部最优4.将子问题合并三·适用问题贪心策略的前提是：局部最优能导致全局最优。例1：【深基12.
  • 贪心算法之区间选点问题 阿贾克斯的黎明 java贪心算法算法
    目录贪心算法之区间选点问题1.区间选点问题概述2.基本区间选点问题的贪心策略（1）策略思路（2）具体示例3.区间选点问题变体及处理（1）变体描述（2）贪心策略调整（3）示例演示4.Java实现代码及解释（1）定义区间类（2）贪心算法实现（3）代码解释5.性能优化（1）当前实现的性能问题（2）树状数组优化思路（3）示例代码片段（树状数组相关操作）（4）优化后的性能分析6.总结与展望（1）区间选点问题
  • 【前端开发】前端开发深度解析：HTML、CSS、JavaScript与Vue.js RS迷途小书童 前端开发探索之旅javascripthtmlcss前端vue.js
    一、HTML：构建网页的基石1.1简介HTML（HyperTextMarkupLanguage，超文本标记语言）是一种用于创建网页的标准标记语言。它使用各种标签（tags）来描述网页上的内容，包括文本、图像、链接、视频、音频等。HTML是网页开发的基础，与CSS（层叠样式表）和JavaScript等技术一起，共同构建出丰富多彩的网页世界。HTML文档由一系列的元素构成，每个元素都由开始标签、内容和
  • 设计一个带有过期时间的缓存系统 专业WP网站开发-Joyous 工具学习缓存
    缓存是提高系统性能的重要机制，尤其是在高并发和高流量的场景下，缓存能够有效地减少对数据库或远程服务的访问，从而降低响应时间和系统负载。然而，随着数据的不断变化，缓存中的数据可能会变得过时，因此我们需要一个带有过期时间（TTL，TimetoLive）的缓存系统。在本文中，我们将介绍如何设计一个简单的带有过期时间的缓存系统，并使用Java编程语言来实现这一功能。我们将讨论缓存的核心概念、过期策略以及实
  • js第一次笔记 chen_zhi_yu javascript笔记前端
    JavaScript显示方案JavaScript能够以不同方式“显示”数据：使用window.alert()写入警告框使用document.write()写入HTML输出使用innerHTML写入HTML元素使用console.log()写入浏览器控制台JavaScript关键词JavaScript语句常常通过某个关键词来标识需要执行的JavaScript动作。下面的表格列出了一部分将在教程中学到
  • 深入浅出之注意力机制（YOLO） 浩瀚之水_csdn #深度学习基础知识深度学习目标检测YOLO目标检测专栏YOLO
    一、基本概念注意力机制（AttentionMechanism）源于对人类视觉的研究。在认知科学中，由于信息处理的瓶颈，人类会选择性地关注所有信息的一部分，同时忽略其他可见的信息，这种机制被称为注意力机制。它主要有两个方面：一是决定需要关注输入的哪部分，二是分配有限的信息处理资源给重要的部分。该机制可以应用于任何类型的输入，而不管其形状如何。在计算能力有限的情况下，注意力机制是解决信息超载问题的主要
  • 探索React前端框架：JavaScript技巧与最佳实践 自由翱翔碧海蓝 javascriptreact.js前端框架js
    React是一个广泛使用的JavaScript前端框架，它提供了一种组件化的开发模式，使得构建交互式用户界面变得更加简单和高效。在本文中，我们将深入探讨React框架的一些关键技巧和最佳实践，同时提供相应的源代码示例。合理使用函数组件和类组件React提供了两种主要的组件类型：函数组件和类组件。函数组件是纯粹的JavaScript函数，而类组件则是通过继承React.Component类创建的。在
  • 15 分布式锁和分布式session 40岁的系统架构师 分布式系统架构
    在java中一个进程里面使用synchronized在new出来对象头信息中加锁，如果是静态方法中在加载的类信息中加锁(我们在锁的原理中讲过)。如果使用lock加锁可以自己指定。这些都是在同一个进程空间中的操作。如果在分布式环境中由于程序不在一个进程空间，就没办法使用这些原子性的元素中加锁，我们需要在不同的进程空间中找原子性的元素。这就是分布式锁基于数据库的分布式锁该方式通过数据库的唯一索引来实现
  • 【分布式日志篇】从工具选型到实战部署：全面解析日志采集与管理路径 网罗开发 人工智能实战java集springboot人工智能分布式
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • 驾驭MySQL性能优化利器：八大工具助您告别低效SQL 墨瑾轩 一起学学数据库【一】mysql性能优化sql
    已列出工具的使用说明：1.mysqltuner.pl安装与使用：下载最新版本的mysqltuner.pl脚本（通常通过wget或curl命令获取）。为脚本赋予执行权限（chmod+xmysqltuner.pl）。运行脚本，提供MySQL服务器的用户名、密码以及端口号（如有必要）。示例：Code./mysqltuner.pl--user=root--password=your_password--h
  • 深入解析 GZIP 压缩传输：优化网络性能的利器 码农阿豪@新空间代码工作室 好“物”分享网络
    个人名片作者简介：java领域优质创作者个人主页：码农阿豪工作室：新空间代码工作室（提供各种软件服务）个人邮箱：[[email protected]]个人微信：15279484656个人导航网站：www.forff.top座右铭：总有人要赢。为什么不能是我呢？专栏导航：码农阿豪系列专栏导航面试专栏：收集了java相关高频面试题，面试实战总结️Spring5系列专栏：整理了Spring5重要知识点与
  • 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）
  • Javascript和jquery事件-鼠标移入移出事件 weixin_30740295 javascriptViewUI
    javascript使用mouseover和mouseout，只在css中支持hoverjquery支持mouseover和mouseout，封装了mouseenter、mouseleave事件函数和hover函数1、有关js中的mouseover和mouseout原生js的事件类型是mouserout和mouseover，之前提到的事件冒泡的缺陷就在这里，之前说的使用阻止冒泡就行，大概说得太轻易
  • java数字签名三种方式 知了ing javajdk
    以下3钟数字签名都是基于jdk7的 1，RSA String password="test"; // 1.初始化密钥 KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA"); keyPairGenerator.initialize(51
  • Hibernate学习笔记 caoyong Hibernate
    1>、Hibernate是数据访问层框架，是一个ORM(Object Relation Mapping)框架，作者为:Gavin King 2>、搭建Hibernate的开发环境      a>、添加jar包:      aa>、hibernatte开发包中/lib/required/所
  • 设计模式之装饰器模式Decorator（结构型） 漂泊一剑客 Decorator
    1. 概述        若你从事过面向对象开发，实现给一个类或对象增加行为，使用继承机制，这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法，或者须要给方法添加更多的功能（魅力），你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。      
  • 读取磁盘文件txt，并输入String 一炮送你回车库 String
    public static void main(String[] args) throws IOException {    String fileContent = readFileContent("d:/aaa.txt");    System.out.println(fileContent);   
  • js三级联动下拉框 3213213333332132 三级联动
    //三级联动 省/直辖市<select id="province"></select> 市/省直辖<select id="city"></select> 县/区 <select id="area"></select>
  • erlang之parse_transform编译选项的应用 616050468 parse_transform游戏服务器属性同步abstract_code
             最近使用erlang重构了游戏服务器的所有代码，之前看过C++/lua写的服务器引擎代码，引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能，这也是现在很多游戏服务器的优化方向，在引擎层面去解决数据同步和数据持久化，数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
  • JAVA JSON的解析 darkranger java
    // { // “Total”：“条数”， // Code: 1, // // “PaymentItems”:[ // { // “PaymentItemID”:”支款单ID”, // “PaymentCode”:”支款单编号”, // “PaymentTime”:”支款日期”, // ”ContractNo”:”合同号”， //
  • POJ-1273-Drainage Ditches aijuans ACM_POJ
    POJ-1273-Drainage Ditches http://poj.org/problem?id=1273 基本的最大流，按LRJ的白书写的 #include<iostream> #include<cstring> #include<queue> using namespace std; #define INF 0x7fffffff int ma
  • 工作流Activiti5表的命名及含义 atongyeye 工作流Activiti
    activiti5 - http://activiti.org/designer/update在线插件安装 activiti5一共23张表 Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。 ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 （图片，规则，等等）。 A
  • android的广播机制和广播的简单使用 百合不是茶 android广播机制广播的注册
          Android广播机制简介 在Android中，有一些操作完成以后，会发送广播，比如说发出一条短信，或打出一个电话，如果某个程序接收了这个广播，就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播，就是因为它只负责“说”而不管你“听不听”，也就是不管你接收方如何处理。另外，广播可以被不只一个应用程序所接收，当然也可能不被任何应
  • Spring事务传播行为详解 bijian1013 javaspring事务传播行为
            在service类前加上@Transactional，声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。         Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
  • eidtplus operate 征客丶 eidtplus
    开启列模式: Alt+C 鼠标选择   OR   Alt+鼠标左键拖动 列模式替换或复制内容(多行): 右键-->格式-->填充所选内容-->选择相应操作 OR Ctrl+Shift+V(复制多行数据,必须行数一致) -------------------------------------------------------
  • 【Kafka一】Kafka入门 bit1129 kafka
    这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765)，这里把它单独取出来，作为Kafka的入门吧   下载Kafka http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz 2.10表示Scala的版本，而0.8.1.1表示Kafka
  • Spring 事务实现机制 BlueSkator spring代理事务
    Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象，其实是代理对象的实例，并不是我们所写的Service对象实例。既然是两个不同的对象，那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢？为了说明问题，假设有个Service类叫AService，它的Spring事务代理类为AProxyService，AService实现了一个接口
  • bootstrap源码学习与示例：bootstrap-dropdown（转帖） BreakingBad bootstrapdropdown
    bootstrap-dropdown组件是个烂东西，我读后的整体感觉。 一个下拉开菜单的设计： <ul class="nav pull-right"> <li id="fat-menu" class="dropdown">
  • 读《研磨设计模式》-代码笔记-中介者模式-Mediator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 中介者模式（Mediator）：用一个中介对象来封装一系列的对象交互。 * 中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。 * * 在我看来，Mediator模式是把多个对象（
  • 常用代码记录 chenjunt3 UIExcelJ#
      1、单据设置某行或某字段不能修改 //i是行号,"cash"是字段名称 getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false); //取得单据表体所有项用以上语句做循环就能设置整行了 getBillC
  • 搜索引擎与工作流引擎 comsci 算法工作搜索引擎网络应用
          最近在公司做和搜索有关的工作，(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了，偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍，我发现这样一个关系(仅仅是猜想)   -----搜索引擎和流程引擎的基础--都是图论，至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
  • oracle Health Monitor daizj oracleHealth Monitor
    About Health Monitor Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database. About Health Monitor Checks Health M
  • JSON字符串转换为对象 dieslrae javajson
        作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.   
  • C语言学习八结构体，综合应用，学生管理系统 dcj3sjt126com C语言
    实现功能的代码： # include <stdio.h> # include <malloc.h> struct Student { int age; float score; char name[100]; }; int main(void) { int len; struct Student * pArr; int i,
  • vagrant学习笔记 dcj3sjt126com vagrant
    想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant   1. vagrant virtualbox 下载安装 https://www.vagrantup.com/downloads.html https://www.virtualbox.org/wiki/Downloads   查看安装在命令行输入vagrant     2.
  • 14.性能优化-优化-软件配置优化 frank1234 软件配置性能优化
    1.Tomcat线程池 修改tomcat的server.xml文件： <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
  • 一个不错的shell 脚本教程 入门级 HarborChung linuxshell
    一个不错的shell 脚本教程 入门级 建立一个脚本 　　Linux中有好多中不同的shell，但是通常我们使用bash (bourne again shell) 进行shell编程，因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash（但是在大多数情况下，这些脚本同样可以在 bash的大姐，bourne shell中运行）。 　　如同其他语言一样
  • Spring4新特性——核心容器的其他改进 jinnianshilongnian spring动态代理spring4依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • Linux设置tomcat开机启动 liuxingguome tomcatlinux开机自启动
    执行命令sudo gedit /etc/init.d/tomcat6 然后把以下英文部分复制过去。（注意第一句#!/bin/sh如果不写，就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。 #!/bin/bash # # /etc/rc.d/init.d/tomcat # init script for tomcat precesses
  • 第13章 Ajax进阶（下） onestopweb Ajax
    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/
  • Troubleshooting Crystal Reports off BW blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE   Quite useful, especially this part: SAP BW connectivity For t
  • Java开发熟手该当心的11个错误 tomcat_oracle javajvm多线程单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 正则表达式大全 yang852220741 html编程正则表达式
    今天向大家分享正则表达式大全，它可以大提高你的工作效率 正则表达式也可以被当作是一门语言，当你学习一门新的编程语言的时候，他们是一个小的子语言。初看时觉得它没有任何的意义，但是很多时候，你不得不阅读一些教程，或文章来理解这些简单的描述模式。 一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他