萧磊y
萧磊y

JavaScript表单基本验证

js表单基本验证技术

  • 1.正则表达式
  • 2.表单验证
    • 2.1表单验证的作用
    • 2.2表单验证思路
  • 3.文本框对象
  • 4.表单验证
    • 4.1if实现验证
    • 4.2正则表达式实现验证

想要验证用户输入的东西是否符合规则就要先用正则表达式给他设置个规则，使用先来看看正则表达式的符号

1.正则表达式

  1. 正则表达式基本书写符号
    JavaScript表单基本验证_第1张图片
  2. 正则表达式限定符
    限定符将可选数量的数据添加到正则表达式，下表为常用限定符：
    JavaScript表单基本验证_第2张图片
  3. 常用的限定符
    JavaScript表单基本验证_第3张图片
  4. 正则表达式中的部分匹配字符集
    JavaScript表单基本验证_第4张图片

2.表单验证

2.1表单验证的作用

JavaScript表单基本验证_第5张图片

  • 减轻服务器的压力
    如果没有表单验证那么用户输入的账号密码就要先发送到服务器验证，这样的话如果同时有多个设备同时发送请求那么就会很影响性能。
  • 保证输入的数据符合要求
    如果我们在用户输入的时候就开始验证，要是符合规则的话我们就可以直接发送到服务器这样服务器就不需要验证了直接可以接收了。

2.2表单验证思路

当输入的表单数据不符合要求时,可以使用以下方法进行提示：

  1. 获得表单元素值
  2. 使用JavaScript的一些方法对数据进行判断
  3. 当表单提交时，触发 onsubmit事件，对获取的数据进行验证

3.文本框对象

文本框对象的属性、方法和事件
JavaScript表单基本验证_第6张图片

4.表单验证

4.1if实现验证

以下是if判断实现一个弹出框效果的表单验证

<body>
		<!-- 注册 -->
		<!-- onsubmit 点击提交按钮的时候触发 -->
		<form action="注册成功.html" onsubmit="return checkName()">
			<div>
				<label>
					账号：<input id="name" type="text" />
				</label>
			</div>
			<div>
				<label>
					密码：<input id="pwd" type="password" />
				</label>
			</div>
			<div>
				<label> <!-- //type这里也可以写email：邮箱格式 -->
					邮箱：<input id="email" type="text" />
				</label>
			</div>
			<button type="submit">注册</button>
			<button type="reset">清空/重置</button>
		</form>
	</body>
	<script type="text/javascript">
		function $(id) {
			//通过id获取组件并且返回
			return document.getElementById(id)
		}
		//验证账号和密码验证
		function checkName() {
			// 1.账号验证
			//获取账号组件
			var name = $("name").value;
			//判断账号是否为空     什么也没有就是空白字符串 ""
			if ("" == name) {
				alert("账号不能为空");
				return false;
			} else { //否则,用户输入了内容。做进一步的验证：账号长度必须在6-10范围
				if (name.length < 6 || name.length > 10) {
					alert("账号长度必须在6-10范围")
					return false;
				}
			}

			//账号必须是数字和大小写的英文字母+_组合
			// 2.密码验证
			//2.获取密码组件
			var pwd = $("pwd").value;
			//判断密码是否为空     什么也没有就是空白字符串 ""
			if ("" == pwd) {
				alert("账号不能为空");
				return false;
			}

			//3.邮箱验证
			//获取邮箱
			var myEmail = $("email").value;
			if ("" == myEmail) {
				alert("邮箱不能为空");
				return false;
			} else { //用户输入了邮箱内容，进一步的验证邮箱的内容是否符合规则
				//必须有	@和点，并且@在点前面
				var e1 = myEmail.indexOf("@");
				var e2 = myEmail.indexOf(".");
				if (e1 == -1 || e2 == -1) {
					alert("少了个@或.");
					return false;
				} else { //用户输入了@和点，进一步的验证@要在点前面
					if (e1 > e2) {
						alert("@要在.前面");
						return false;
					}
				}
			}
		}
	</script>

4.2正则表达式实现验证

这个效果的提示是在文本框的旁边提示的这个里面添加了事件当输入完账号时继续输入密码的时候账号不符合规则它就会提示
在这里插入图片描述
以下是通过正则表达式实现的表单验证

<!-- 注册 -->
	<!-- onsubmit 点击提交按钮的时候触发 -->
	<!-- onkeyup:键盘事件			onabort：鼠标焦点事件 -->
	<form action="注册成功.html" onsubmit="return cheekAll()">
		<div>
			<label>
				账号：<input id="name" type="text" onkeyup="checkName()" />
				<span style="color: red;" id="sname"></span>
			</label>
		</div>
		<div>
			<label>
				密码：<input id="pwd" type="password" onkeyup="checkPwd()" />
				<span style="color: red;" id="spwd"></span>
			</label>
		</div>
		<button type="submit">注册</button>
		<button type="reset">清空/重置</button>
	</form>
	</body>
	<script type="text/javascript">
		function $(id) {
			//通过id获取组件并且返回 
			return document.getElementById(id);
		}

		//正则表达式验证
		//1.账号验证：只能由数字和大小写的英文字母及下划线组成，并且长度在6-10
		function checkName() {
			//获取账号
			var name = $("name").value;
			var reg = /^\w{6,10}$/;
			if (!reg.test(name)) {
				$("sname").innerHTML = "账号不符合规则";
				return false;
			} else {
				//清空span内容
				$("sname").innerHTML = "";
				return true;
			}
		}

		//1.密码验证：只能由数字组成，并且长度为6
		function checkPwd() {
			//获取密码
			var pwd = $("pwd").value;
			var reg = /^\d{6}$/;
			if (!reg.test(pwd)) {
				$("spwd").innerHTML = "密码不符合规则";
				return false;
			} else { //输入正确
				//清空span内容
				$("spwd").innerHTML = "";
				return true;
			}
		}

		//3.总方法
		function cheekAll() {
			//调用验证组件的方法
			if (!checkName() || !cheekAll()) {
				return false;
			} else {
				return true;
			}
		}
	</script>

你可能感兴趣的:(javascript,前端,java)

  • Mybatis 通过数组的下标进行取值 絮落锦乡 java后台javamybatis
    1、前端传参样例2、mybaits写法1）、判空0">2）、错误写法0">andT.create_timebetween#{times[0]}and#{times[1]}报错信息2021-08-2414:19:20.537ERROR45552---[nio-8086-exec-7]o.a.c.c.C.[.[.[/].[dispatcherServlet]:Servlet.service()fors
  • 解决finalshell，连接主机报错 Session.connect: java.net.SocketException: Connection reset 点动生态云 ssh服务器桥接模式
    出现问题：在清除缓存后已连接的端口有些输入命令按左右键有问题重新打开窗口提示连接主机报错Session.connect:java.net.SocketException:Connectionreset可能的原因：1.防火墙或安全组配置问题：如果远程服务器上的防火墙或安全组配置阻止了SSH连接，会出现这种情况。2.SSH服务未启用：如果远程服务器上没有启动SSH服务，就无法建立SSH连接。3.SSH
  • 基于Maven的Spring/SpringMVC/Mybatis/Mybatis-plus/Apache-Shiro基础环境配置 weixin_30685029 javajson测试
    记录一下，以便不时之需。pom.xml122.534.2.5.RELEASE41.8.9563.4.071.3.089101.1.7110.1.4121.7.211314151.0.18165.1.381718191.2.22021224.122324252627javax.servlet28servlet-api29${servlet-api.version}30provided31323334
  • mybatis（134/134）完结 一缕叶 mybatismybatisspringjava
    一级缓存（默认情况下开启）同一个sqlsession中执行相同的查询语句走一级缓存二级缓存：同一个sqlsessionfactory，sqlsession关闭了才会将一级缓存提交到二级缓存中外部编写的缓存PageHelper插件：方便进行分页，同时前端可以容易拿到对于分页相关的所有数据调用getXXX方法12天最终完结mybatis，后续找机会手敲一下源码加深了解。
  • 基于JAVA开发APISIX插件 kiranet 后端架构gateway中间件
    网关知识介绍什么是网关网关是一种能够在不同网络或协议之间进行数据交换的设备或服务器。网关可以实现不同网络之间的互联互通，也可以实现不同协议之间的转换和适配。网关可以根据不同的功能和层次进行分类。网关可以提供多种服务，例如路由、安全、负载均衡、缓存、压缩、加密、认证、授权、过滤、转码等。南北流量、东西流量南北流量客户端和服务器之间的流量被称为南北流量。东西流量不同服务器之间的流量与数据中心或不同数据
  • TypeScript 学习 - 创建一个项目 草明 TypeScripttypescript学习javascript
    创建一个项目实际使用中,使用yarncreatereact-app比npxcreate-react-app更顺利一些.使用yarncreatereact-appts-react-app--templatetypescript创建一个TypeScript项目使用yarncreatereact-appts-react-app创建一个JavaScript项目如果不使用脚手架创建,可以安装依赖,以及编写入
  • [疯狂Java]正则表达式：捕获组、反向引用、捕获组命名 Lirx_Tech 疯狂Java笔记疯狂Java正则表达式捕获组反向引用捕获组命名
    1.捕获组及其编号：1)捕获组之前讲过，就是匹配到的内容，按照()子表达式划分成若干组；2)例如正则表达式：(ab)(cd(ef))就有三个捕获组，没出现一对()就是一个捕获组3)捕获组编号规则：i.引擎会对捕获组进行编号，编号规则是左括号(从左到右出现的顺序，从1开始编号；ii.例如：2.反向引用：1)捕获组的作用就是为了可以在正则表达式内部或者外部（Java方法）引用它；2)如何引用？当然是通
  • Java中运行Python程序 eqa11 pythonjava开发语言
    文章目录Java中运行Python程序一、引言二、使用Jython运行Python程序1、Jython简介1.1、添加Jython依赖2、编写Java代码调用Python三、使用进程间通信运行Python程序1、原理2、编写Python脚本3、编写Java代码四、使用JNI运行Python程序1、JNI简介2、编写JNI代码3、编写Python脚本4、在Java中调用JNI库五、使用示例六、总结J
  • 开源 CSS 框架 Tailwind CSS v4.0 timer_017 人工智能
    开源CSS框架TailwindCSSv4.0于1月22日正式发布，除了显著提升性能、简化配置体验外，还增强了功能特性，具体如下1：性能提升采用全新的高性能引擎Oxide，带来了构建速度的巨大飞跃：全量构建速度提升超3.5倍。增量构建速度提升超8倍。无新CSS的增量构建速度提升182倍。配置优化CSS优先配置：从JavaScript配置文件改为直接在CSS文件中使用@theme指令进行配置，简化了项
  • 如何让RocketMQ保证消息的顺序消费？思维导图 代码示例（java 架构) 用心去追梦 java-rocketmqrocketmqjava
    保证消息的顺序消费在某些业务场景中非常重要，例如金融交易、库存管理等。RocketMQ提供了有序消息（FIFO消息）的支持，确保消息按照发送的顺序被消费。为了实现这一点，RocketMQ采用了一些特定的机制和配置来确保消息的顺序性。RocketMQ顺序消费思维导图建议顺序消费原理单队列模式每个Topic下的每个队列只由一个消费者线程处理确保消息按序处理分区有序对于有多个分区的Topic，可以通过设
  • Linux服务器中指定版本jdk运行java项目 Louis yeap java持续部署linux
    Linux中指定版本jdk运行java项目文章目录Linux中指定版本jdk运行java项目一、Linux中下载jdk（已下载跳过步骤一）二、配置环境变量（之前配过不影响）三、工作服务器跑项目（后台长期运行）总结一、Linux中下载jdk（已下载跳过步骤一）要在Linux系统上下载并安装JavaDevelopmentKit(JDK)，可以按照以下步骤进行操作。以下示例是基于OpenJDK，这是一个
  • java cap理论_架构设计之「 CAP 定理 」 Can Li javacap理论
    点击上方“Java知音”，选择“置顶公众号”技术文章第一时间送达！作者：奎哥来源：不止思考在计算机领域，如果是初入行就算了，如果是多年的老码农还不懂CAP定理，那就真的说不过去了。CAP可是每一名技术架构师都必须掌握的基础原则啊。现在只要是稍微大一点的互联网项目都是采用分布式结构了，一个系统可能有多个节点组成，每个节点都可能需要维护一份数据。那么如何维护各个节点之间的状态，如何保障各个节点之间数据
  • Feign介绍及使用 阿柒爱吃鱼 笔记javaspringcloud
    菜单Feign介绍Feign基本使用1.导入依赖2.启用Feign3.编写StoreClient接口4.调用FeignClientFeign自定义配置配置文件中配置java代码中配置Feign配置超时重试配置超时时间重试机制Feigh切换Client使用OkHttp配置超时重试1.引入okhttp依赖2.OkHttp配置类3.开启okhttpFeign介绍Feign是一个声明式的Web服务客户端，
  • 定时任务之Quartz Listen·Rain 定时任务springbootjavaquartz
    定时任务之Quartz1.Quartz简介2.Quartz核心概念3.Quartz的工作流程4.Quartz的应用场景5.Springboot集成Quartz5.1.添加依赖5.2创建任务类5.3配置JobDetail和Trigger5.4运行应用1.Quartz简介定义：Quartz是一个灵活的、开源的作业调度库，用于在Java应用程序中根据时间间隔或特定条件来调度作业的执行。特点：强大的调度功
  • 27.useFetch @大迁世界 phpreact.jsjavascriptreactnative开发语言
    在React应用开发中，处理网络请求是一个常见而重要的任务。虽然JavaScript的fetchAPI提供了一种现代化的方式来进行网络请求，但在React组件中使用它可能会变得复杂。useFetch钩子提供了一种声明式的方法来处理网络请求，简化了错误处理、加载状态管理和请求取消等复杂操作。以下是如何实现和使用这个自定义钩子：const useFetch = (url, options) => { 
  • Node多终端前后端同时执行 锐视创想 前端nodenodejs
    当前项目为node-vue-ele-app(服务端）└client（前端客户端）安装concurrentlynpmiconcurrently进入Client文件夹，编辑package.json"scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild","start":"npmrunserve"}
  • electron实现热更新以及和前端同时启动（三） SquirrelPineal 前端electronvue.js
    1、安装3个模块npminstall-Dwait-onnpminstall-Dconcurrentlynpminstallnodemon设置好端口"scripts":{"dev":"vite","build":"vue-tsc--noEmit&&vitebuild","preview":"vitepreview",
  • Selenium自动化测试框架 入门与使用 Future_yzx selenium测试工具
    目录1.Selenium简介2.使用Selenium2.1Java使用Selenium2.2Python使用Selenium2.3支持的浏览器及WebDriver3.ChromeDriver的安装3.1查看本机Chrome版本3.2匹配对应的ChromeDriver并下载3.3配置ChromeDriver路径3.4在服务器（如CentOS）上安装ChromeJava中使用Selenium的代码示例
  • 前端安全：构建坚不可摧的Web应用防线 CodeToGym 前端安全
    引言在数字化时代，网络安全已成为每个Web开发者必须面对的挑战。前端安全不仅关乎用户体验，更是保护用户数据和企业资产的关键。本文将深入探讨前端安全的多个维度，包括跨站脚本攻击（XSS）、跨站请求伪造（CSRF）、内容安全策略（CSP）以及HTTPS的实施，旨在帮助开发者构建更加安全的Web应用。跨站脚本攻击（XSS）概述跨站脚本攻击（XSS）是一种代码注入攻击，攻击者通过在网页中注入恶意脚本，利用
  • Django 静态文件配置实战指南 ivwdcwso djangosqlitepython开发
    静态文件（如CSS、JavaScript、图片等）是Django项目中构建用户界面的重要组成部分。然而，静态文件的配置问题常常导致开发和生产环境中的404NotFound错误。本文将详细介绍如何正确配置Django静态文件，结合最佳实践，帮助你解决常见的静态文件问题，并确保项目在不同环境中正常运行。©ivwdcwso(ID:u012172506)1.静态文件的基本概念1.1什么是静态文件？静态文件
  • Java实现FIFO缓存策略实战 smart_ljh 缓存策略java缓存开发语言FIFO策略模式
    实现FIFO模型选择FIFO模型实现过程FIFO模型完整代码下面看一下先进先出的示例过程总结FIFO（FirstInFirstOut，先进先出）策略是一种基本的数据处理和存储管理方法，在Java中，这种策略通常用于管理那些需要按照顺序处理的数据项，比如任务的队列、数据的传输缓冲区等。在Java中，java.util.Queue接口以及实现了这个接口的类，比如LinkedList和PriorityQ
  • WAS 日志分析（websphere application server) Change is good websphereapplicationserver服务器jvmdeployment
    关键字:websphere日志WebSphereApplicationServer是一个基于Java的Web应用程序服务器，它构建在开放标准的基础之上，能帮助您部署与管理从简单的Web站点到强大的电子商务解决方案的诸多应用程序。它遵循J2EE并为Java组件、XML和Web服务提供了一个可移植的Web部署平台，这个平台能够与数据库交互并提供动态Web内容。随着WebSphereApplicatio
  • final 到底有啥用？99% 的开发者可能只知道一半！ 软件求生 #工作建议运维数据库java架构微服务
    小伙伴们，你有过这样的经历吗？早晨喝了一杯奶茶，兴致勃勃地去面试，面试官却冷不丁地问了一句：“final在Java中有什么作用？”我的天哪！我当时脑子一片空白，只能挤出一句：“用来修饰变量吧。”看着面试官点了点头，但眉头却微微一皱，我就知道，完了……不怕！今天咱们就从头到尾，搞清楚final的所有用途，让你下次遇到这个问题，自信到能现场开课！什么是final？简单来说，final是Java中的一个
  • 如何处理selenium Webdriver中的文本框？ 知识的宝藏 Selenium基础篇selenium前端python
    文本框或字段在整个网页中广泛使用，本文将介绍如何在Java中使用SeleniumWebdriver处理文本框。可以有各种文本字段，我们将尝试包括其中的大多数，并执行各种操作，如清除和输入文本。我们将使用我们的Selenium游乐场网站-testkru，与各种文本框进行交互。您也可以使用同一个网站来执行任何所需的操作。下面是文本框的屏幕截图;我们将使用其中的一些来执行文本框上的各种操作。我们来看看下
  • selenium clear（）方法清除文本框内容 Change is good seleniumpython测试工具
    在使用Selenium进行Web自动化测试时，清除文本框内容是一个常见的需求。这可以通过多种方式实现，取决于你使用的是哪种编程语言（如Python、Java等）以及你的具体需求。以下是一些常见的方法：1.使用clear()方法clear()方法是Selenium提供的一个非常直接的方法来清除文本框的内容。这个方法会删除文本框中的所有内容，并将其设置为空字符串。python：fromselenium
  • 【附源码】Java计算机毕业设计小说阅读网站（程序+LW+部署） 一念 计算机毕设源码程序 java课程设计mysql
    项目运行环境配置：Jdk1.8+Tomcat7.0+Mysql+HBuilderX（Webstorm也行）+Eclispe（IntelliJIDEA,Eclispe,MyEclispe,Sts都支持）。项目技术：java+mybatis+Maven等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是javajdk1.8，我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境
  • 高级java每日一道面试题-2025年01月24日-框架篇[SpringBoot篇]-如何理解 Spring Boot 中的 Starters(启动器) ? java我跟你拼了 java每日一道面试题javaspringboot简化依赖管理自动配置加快开发速度自动管理依赖项简化外部化配置
    如果有遗漏,评论区告诉我进行补充面试官:如何理解SpringBoot中的Starters(启动器)?我回答:一、Starters的定义与作用1.定义Starters是SpringBoot中的一组预定义依赖关系，这些依赖被封装在一个单一的包中。它们简化了Maven或Gradle配置文件中的依赖项声明，并自动配置和管理相关依赖项。2.作用简化依赖管理：通过引入一个starter，可以自动引入所有必要的
  • 华为OD机试D卷 --矩阵匹配--24年OD统一考试（Java & JS & Python & C & C++） 飞码创造者 最新华为OD机试题库2024华为od矩阵pythonjavascriptjavac++c语言
    文章目录题目描述输入描述输出描述用例题目解析java源码js源码python源码c源码c++源码题目描述从一个N*M（N≤M）的矩阵中选出N个数，任意两个数字不能在同一行或同一列，求选出来的N个数中第K大的数字的最小值是多少。输入描述输入矩阵要求：1≤K≤N≤M≤150输入格式：NMKN*M矩阵输出描述N*M的矩阵中可以选出M!/N!种组合数组，每个组合数组种第K大的数中的最小值。无需考虑重复数字
  • python对接rocketmq i_nekohuang pythonrocketmq
    背景有对接java系统监听其相关资源同步新增的需求，该java系统使用了rocketmq。前置说明1、目前Python客户端仅支持Linux和macOS操作系统，暂不支持Windows系统2、rocketmq-client-python基于rocketmq-client-cpp进行包装，因此需要先编译出librocketmq.so3、文档中相关源码包和依赖包版本和github中README.md有
  • go语言中的defer，panic和recover code_feien golang
    go语言中的panic和recover基本概念deferpanicrecover使用场景基本概念defer介绍：defer主要用来注册多个延迟调用，这些调用以先进后出的顺序在函数返回前被执行。有点类似于java中的finaly语句。defer常用于保证一些资源最终能够得到回收和释放。使用：defer函数的实参在注册的时候通过值拷贝传递进去。例如下面的代码，实参a的值在defer注册的时候通过值拷贝
  • Hadoop(一) 朱辉辉33 hadooplinux
    今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。 首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.    在hdfs下，运行hadoop fs -mkdir /u
  • maven An error occurred while filtering resources blackproof maven报错
    转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources   maven报错： maven An error occurred while filtering resources   Maven -> Update Proje
  • jdk常用故障排查命令 daysinsun jvm
    linux下常见定位命令： 1、jps      输出Java进程       -q       只输出进程ID的名称，省略主类的名称；       -m      输出进程启动时传递给main函数的参数；     &nb
  • java 位移运算与乘法运算 周凡杨 java位移运算乘法
      对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：     问题： 用最有效率的方法算出2 乘以8 等於几?” 答案：2 << 3 由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
  • java中的枚举(enmu) g21121 java
    从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举： public enum ResultType { /** * 成功 */ SUCCESS, /** * 失败 */ FAIL,
  • MQ初级学习 510888780 activemq
    1.下载ActiveMQ 去官方网站下载：http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。 启动ActiveMQ以后，登陆：http://localhos
  • Spring_Transactional_Propagation 布衣凌宇 springtransactional
    //事务传播属性 @Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个 @Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务 @Transactional(propagation=Propagation.REQUIREDS_N
  • 我的spring学习笔记12-idref与ref的区别 aijuans spring
    idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如： <bean id ="theTargetBean" class="..." /> <bean id ="theClientBean" class=&quo
  • Jqplot之折线图 antlove jsjqueryWebtimeseriesjqplot
    timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&
  • JDBC中事务处理应用 百合不是茶 javaJDBC编程事务控制语句
      解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复   事务常用命令:             Commit提交         
  • [转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论 bijian1013 java多线程线程安全HashMap
    在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
  • ng-if与ng-show、ng-hide指令的区别和注意事项 bijian1013 JavaScriptAngularJS
            angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
  • 【持久化框架MyBatis3七】MyBatis3定义typeHandler bit1129 TypeHandler
    什么是typeHandler? typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射   内置typeHandler MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
  • 上传下载文件rz,sz命令 bitcarter linux命令rz
    刚开始使用rz上传和sz下载命令： 因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求： 我遇到的问题： sz下载A文件10M左右，没有问题 但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题 解决方法： 上传命令改为;rz -ybe 下载命令改为：sz -be filename 如果还是有问题： 那就是文
  • 通过ngx-lua来统计nginx上的虚拟主机性能数据 ronin47 ngx-lua　统计 解禁ip
    介绍 以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能 支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计. 可以统计与query-times request-time
  • java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132 bylijinnan java
    import java.util.Arrays; import java.util.Comparator; public class MinNumFromIntArray { /** * Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。 * 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
  • Oracle基本操作 ccii Oracle SQL总结Oracle SQL语法Oracle基本操作Oracle SQL
    一、表操作 1. 常用数据类型 NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位 NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位） VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位） CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
  • [强人工智能]实现强人工智能的路线图 comsci 人工智能
        1：创建一个用于记录拓扑网络连接的矩阵数据表      2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图      3：将这个流程图导入到矩阵数据表中      4：在矩阵的每个有意义的节点中嵌入一段简单的
  • 给Tomcat，Apache配置gzip压缩(HTTP压缩)功能 cwqcwqmax9 apache
    背景： HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
  • SpringMVC and Struts2 dashuaifu struts2springMVC
    SpringMVC VS Struts2 1: spring3开发效率高于struts 2: spring3 mvc可以认为已经100%零配置 3: struts2是类级别的拦截， 一个类对应一个request上下文， springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应 所以说从架构本身上 spring3 mvc就容易实现r
  • windows常用命令行命令 dcj3sjt126com windowscmdcommand
    在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
  • 再看知名应用背后的第三方开源项目 dcj3sjt126com ios
    知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《 iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者 @iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了 Facebook Paper使用的第三
  • Objective-c单例模式的正确写法 jsntghf 单例iosiPhone
    一般情况下，可能我们写的单例模式是这样的： #import <Foundation/Foundation.h> @interface Downloader : NSObject + (instancetype)sharedDownloader; @end #import "Downloader.h" @implementation
  • jquery easyui datagrid 加载成功，选中某一行 hae jqueryeasyuidatagrid数据加载
    1.首先你需要设置datagrid的onLoadSuccess $( '#dg' ).datagrid({onLoadSuccess :  function (data){      $( '#dg' ).datagrid( 'selectRow' ,3); }});   2.onL
  • jQuery用户数字打分评价效果 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery用户数字打分评分代码 - HoverTree</
  • mybatis的paramType kerryg DAOsql
    MyBatis传多个参数： 1、采用#{0},#{1}获得参数：    Dao层函数方法：     public User selectUser(String name,String area); 对应的Mapper.xml    <select id="selectUser" result
  • centos 7安装mysql5.5 MrLee23 centos
    首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。   #列出所有被安装的rpm package rpm -qa | grep mariadb   #卸载 rpm -e mariadb-libs-5.
  • 利用thrift来实现消息群发 qifeifei thrift
               Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
  • 实现一个sizeof获取Java对象大小 teasp javaHotSpot内存对象大小sizeof
       由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。     
  • SVN错误及处理 xiangqian0505 SVN提交文件时服务器强行关闭
    在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found 文件：repository/db/txn_current、repository/db/current   其中current记录当前最新版本号，txn_current记录版本库中版本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他