Perry____
Perry____

网页软键盘实现 Js + jQuery

  • 先来看下效果图

网页软键盘实现 Js + jQuery_第1张图片

  • HTML代码
html lang="en">
	<head>
		<meta charset=UTF-8" />
		<title>JS+JQuery软键盘</title>
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<script src="js/jquery.js"></script>
		<script src="js/keyboard.js"></script>
	</head>
	<body>
		<div id="container"> <textarea id="write" rows="6" cols="57"></textarea>
			<ul id="keyboard">
				<li class="symbol"><span class="off">`</span><span class="on">~</span></li>
				<li class="symbol"><span class="off">1</span><span class="on">!</span></li>
				<li class="symbol"><span class="off">2</span><span class="on">@</span></li>
				<li class="symbol"><span class="off">3</span><span class="on">#</span></li>
				<li class="symbol"><span class="off">4</span><span class="on">$</span></li>
				<li class="symbol"><span class="off">5</span><span class="on">%</span></li>
				<li class="symbol"><span class="off">6</span><span class="on">^</span></li>
				<li class="symbol"><span class="off">7</span><span class="on">&amp;</span></li>
				<li class="symbol"><span class="off">8</span><span class="on">*</span></li>
				<li class="symbol"><span class="off">9</span><span class="on">(</span></li>
				<li class="symbol"><span class="off">0</span><span class="on">)</span></li>
				<li class="symbol"><span class="off">-</span><span class="on">_</span></li>
				<li class="symbol"><span class="off">=</span><span class="on">+</span></li>
				<li class="delete lastitem">Delete</li>
				<li class="tab">Tab</li>
				<li class="letter">q</li>
				<li class="letter">w</li>
				<li class="letter">e</li>
				<li class="letter">r</li>
				<li class="letter">t</li>
				<li class="letter">y</li>
				<li class="letter">u</li>
				<li class="letter">i</li>
				<li class="letter">o</li>
				<li class="letter">p</li>
				<li class="symbol"><span class="off">[</span><span class="on">{</span></li>
				<li class="symbol"><span class="off">]</span><span class="on">}</span></li>
				<li class="symbol lastitem"><span class="off">\</span><span class="on">|</span></li>
				<li class="capslock">Caps lock</li>
				<li class="letter">a</li>
				<li class="letter">s</li>
				<li class="letter">d</li>
				<li class="letter">f</li>
				<li class="letter">g</li>
				<li class="letter">h</li>
				<li class="letter">j</li>
				<li class="letter">k</li>
				<li class="letter">l</li>
				<li class="symbol"><span class="off">;</span><span class="on">:</span></li>
				<li class="symbol"><span class="off">'</span><span class="on">&quot;</span></li>
				<li class="return lastitem">return</li>
				<li class="left-shift">Shift</li>
				<li class="letter">z</li>
				<li class="letter">x</li>
				<li class="letter">c</li>
				<li class="letter">v</li>
				<li class="letter">b</li>
				<li class="letter">n</li>
				<li class="letter">m</li>
				<li class="symbol"><span class="off">,</span><span class="on">&lt;</span></li>
				<li class="symbol"><span class="off">.</span><span class="on">&gt;</span></li>
				<li class="symbol"><span class="off">/</span><span class="on">?</span></li>
				<li class="right-shift lastitem">Shift</li>
				<li class="space lastitem">&nbsp;</li>
			</ul>
		</div>
		
	</body>
</html>
  • CSS
* {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft Yahei';
}

body {
    background: #eee;
    font-size: 16px;
}

#container {
    margin: 100px auto;
    width: 688px;
}

#write {
    margin: 0 0 5px;
    padding: 5px;
    width: 671px;
    height: 200px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #f9f9f9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#keyboard {
    margin: 0;
    padding: 0;
    list-style: none;
}

#keyboard li {
    float: left;
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #f9f9f9;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#keyboard li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #e5e5e5;
    background: #FFF1C2;
}

.capslock, .tab, .left-shift {
    clear: left;
}

#keyboard .tab, #keyboard .delete {
    width: 70px;
}

#keyboard .capslock {
    width: 80px;
}

#keyboard .return {
    width: 77px;
}

#keyboard .left-shift {
    width: 95px;
}

#keyboard .right-shift {
    width: 109px;
}

.lastitem {
    margin-right: 0;
}

.uppercase {
    text-transform: uppercase;
}

#keyboard .space {
    clear: left;
    width: 674px;
}

.on {
    display: none;
}
  • js代码
$(function() {
	var $write = $("#write"),
		shift = false,
		capslock = false;
	$("li").on("click",function() {
		var $this = $(this),
			character = $this.html(); 
		// Shift
		if ($this.hasClass("left-shift") || $this.hasClass("right-shift")) {
			$(".letter").toggleClass("uppercase");
			$(".symbol span").toggle();

			shift = (shift === true) ? false : true;
			capslock = false;
			return false;
		}
		// 大小写Caps lock
		if ($this.hasClass("capslock")) {
			$(".letter").toggleClass("uppercase");
			capslock = true;
			return false;
		}

		// 删除
		if ($this.hasClass("delete")) {
			var html = $write.html();
			$write.html(html.substr(0, html.length - 1));
			return false;
		}

		// 特殊字符
		if ($this.hasClass("symbol")){
			character = $("span:visible", $this).html();
		} 
		if ($this.hasClass("space")){
			character = " ";
		} 
		if ($this.hasClass("tab")){
			character = "\t";
		} 
		if ($this.hasClass("return")){
			character = "\n";
		} 

		// 大写
		if ($this.hasClass("uppercase")) character = character.toUpperCase();

		$write.html($write.html() + character);
	});
});

你可能感兴趣的:(Jscript,JQuery)

  • Vue 常见面试题(一) 安生生申 面试题vue.js前端javascript
    目录1、Vue的最大的优势是什么？（必会）2、Vue和jQuery两者之间的区别是什么？（必会）3、MVVM和MVC区别是什么？哪些场景适合？（必会）1、基本定义2、使用场景3、两者之间的区别4、Vue数据双向绑定的原理是什么?（必会）5、Object.defineProperty和Proxy的区别（必会）6、Vue生命周期总共分为几个阶段？（必会）7、第一次加载页面会触发哪几个钩子函数？（必会）
  • WEB界面jquery1.7.2版本升级到jquery3.6版本需要注意的问题 程序十八大 javascriptjqueryjavascripthtml
    $.size();需要更改为$.length;原因：1.8版本的时候$.size()被废弃页面加载的时候，$(function(){})与onload=""谁先执行的问题。
  • C#、ASP、ASP.NET、.NET、ASP.NET CORE区别、ASP.NET Core其概念和特点、ASP.NET Core个人心得体会 lijingguang C#c#
    C#是一种面向对象的编程语言，主要用于开发跨平台的应用程序。它是.NET框架的一部分，并且可以在.NET平台上运行。ASP（ActiveServerPages）是一种用于构建动态Web页面的技术，使用VBScript或JScript作为服务器端脚本语言。它是早期的Microsoft技术，现已逐渐过时。ASP.NET是微软推出的下一代Web应用程序开发技术，它提供了更强大、更高效的功能和工具。ASP
  • 计算机毕业设计之ssm图书馆预约占座系统平台 B站计算机毕业设计超人
    开发技术后台:springmvc+spring+mybatis（SSM）前台：JQuerylayUI百度echarts数据库：MySQL代码开源地址(码云gitee)https://gitee.com/bysj2021/library_seatB站演示Demo地址https://www.bilibili.com/video/BV1Q741147Ag/运行截图图书馆预约占座系统平台图书馆预约占座系统
  • 【前端框架的发展史详细介绍】 程序员不想敲代码啊 前端框架
    前端框架的发展史前端框架的发展史可以追溯到1995年，当时微软推出了IE浏览器并开始支持CSS，随后，在1997年，W3C（万维网联盟）发布了CSS的第一个正式标准。在2003年，苹果推出了Safari浏览器，它支持Web标准，包括CSS和JavaScript。同年，Mozilla基金会发布了Firefox浏览器，也开始支持这些标准。2006年，jQuery库发布，它简化了JavaScript编程
  • 不用form表单ajax上传图片（单个图片上传实例）及回显 焱墩 前端
    一、html代码段（这里无css样式）上传文件上传二、js（jquery）代码段$(function(){functionhideup(){$("#hidupload").click();},functionupchange(){$("#hidimg").prop("src",URL.createObjectURL($("#hidupload")[0].files[0]));}functionup
  • jQuery ready 和 window.onload 的区别 BluesCurry
    执行时间：window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(element).ready()是DOM结构绘制完毕后就执行，不必等到页面所有元素加载完毕。编写方法个数不同：window.onload不能同时编写多个，如果有多个window.onload方法只会执行一个。$(element).ready()可以同时编写多个，并且都可以得到执行。注：$(document)
  • Element-UI穿梭框去掉左箭头按钮 太空漫步11 vuejqueryelementui
    往vue项目中加入一个穿梭框页面首先在views目录中创建Transfer.vue文件：import$from'jquery'exportdefault{mounted(){console.log('mounted');$('.el-transfer__buttons').children().first().remove();},data(){constgenerateData=_=>{cons
  • Vue项目中使用Mock.js进行API模拟 洛可可白 前端专栏javascriptvue.js前端
    Vue项目中使用Mock.js进行API模拟前言欢迎来到我的小天地，这里是我记录技术点滴、分享学习心得的地方。️技能清单编程语言：Java、C、C++、Python、Go、前端技术：Jquery、Vue.js、React、uni-app、EchartsUI设计:Element-ui、Antd、Color-ui后端技术：SpringBoot、Mybatis-plus、Swagger移动开发：Andr
  • 2018-10-30jquery实际应用 小牛长成记
    $(function(){varb;vardepName=$("#depName");varsort=$("#sort");//检验修改后的部门名称是否存在$("#depName").blur(function(){if(depName.val()==""){$("#msg").html("部门名称不能为空！");$("#ssb").attr("disabled",true);returnfals
  • js的起源 xiaohua0708day javascript开发语言ecmascript
    1.起源JavaScript诞生于1995年，主要是处理网页中前端验证前端验证，是检查用户输入的内容是否符合一定的规则，比如：用户名的长度，密码长度，密码格式2.简史JavaScript是由网景公司的布兰登.艾奇发明，命名为LiveScript，后来SUN公司更名为JavaScript。1996年微软公司在IE3浏览器中引入自己的JavaScript，实现了JScript。于是就有两个版本的Jav
  • jquery实现select2插件鼠标点击任意地方时默认选中该输入框内的值 小程小程心想事程 jquery计算机外设前端
    jquery实现select2插件鼠标点击任意地方时默认选中该输入框内的值最近发现一个问题，插件select2中的select2可输入可选择的下拉框，在你输入值后鼠标点击别的地方，输入框内的值会被清空，特此记录一下这里的优化，这里修改为鼠标点击任意地方时默认选中该输入框内的值；代码如下：//select2输入框鼠标点击任何地方时默认选中该值$(document).on("click",functi
  • jQuery事件与DOM操作 我讲个笑话你可别哭啊 jquery前端javascript
    1.jQuery中的事件基础事件鼠标事件、键盘事件、window事件、表单事件复合事件鼠标光标悬停鼠标连续点击2.鼠标事件方法描述执行时机click()触发或将函数绑定到指定元素的click事件单击鼠标时mouseover()触发或将函数绑定到指定元素的mouseover事件鼠标指针移过时mouseout()触发或将函数绑定到指定元素的mouseout事件鼠标指针移出时mouseenter()触发
  • JQuery简介与解析 袁公白 jquery前端javascript
    JQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画和AJAX操作等常见任务。JQuery的设计目标是尽可能简单地操作文档对象模型（DOM），使开发者能够更快速地编写JavaScript代码。JQuery的核心理念是“写少，做多”，通过使用JQuery，开发者可以用更少的代码实现更多的功能。它提供了一系列的方法和函数，可以轻松地选择元素、处理事件、执行动画
  • animate.css动画初始状态隐藏 辣子_
    在使用animate.css会做移动端的css动画，PC端的结合jquery.fullpage.js就能做一个全屏滚动的企业网站，但初始状态下需要隐藏有动画的元素可以给animated类添加opacity:0属性，动画在开始状态是隐藏的，当动画元素出现在屏幕可视区域，动画会自动执行，执行完动画会保持最后一个状态不变，也就是不会隐藏，但使用是有前提的！！敲重点在animate.css中能使用这种方法
  • 如何在 HTML 中嵌套、引入其他的 HTML？ MINO吖 #HTMLHTML前端
    在日常开发中，书写的HTML页面往往不是独立或互不通用，通常是有些头部、尾部或者其他部分是公用的，但是HTML有不同JSP页面可以使用类似include这样的动作标记，所以接下来介绍二种HTML页面引入其他HTML页面的方法。1.jQuery通过jQuery将公共的HTML引入到对应的DIV内$(function(){  $.get("content.html",function(data){//
  • js 生成二维码 weixin_30519071 javascriptViewUI
    插件描述：jquery.qrcode.js是一个能够在客户端生成矩阵二维码QRCode的jquery插件，使用它可以很方便的在页面上生成二维条码。如何使用它将jquery.qrcode.min.js和jquery添加到您的网页中然后创建一个DOM元素去包含生成qr码。然后你在此容器中的添加qrcodejQuery('#qrcode').qrcode("http://www.jq22.com");【
  • 大二下学期总结 任世伟_三月
    一、阶段本学期在校期间完成了个3阶段：PS、JS（除了两个月时间外，都在阶段时间内）、Bootstrap+jQuery。二、其余学习1.英语。开始了日常的英语学习，但效果还不行，后续需加强，现在不足以应对四级考试（兴趣不足、“主因”——坚持艰难、刷题）。2.算法。采取“趣学算法”（学习思想）+完成实际算法题（实战）的模式。3.专业课。一学期几乎未听课，依靠考前突击。三、运动注意身体健康，喝酒有害身
  • java毕业设计二手图书回收销售网站Mybatis+系统+数据库+调试部署 沪港 数据库mybatisjava
    java毕业设计二手图书回收销售网站Mybatis+系统+数据库+调试部署java毕业设计二手图书回收销售网站Mybatis+系统+数据库+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：htt
  • java计算机毕业设计同学录网站源码+数据库+系统+lw文档+mybatis+运行部署 游游科技 javamybatis开发语言
    java计算机毕业设计同学录网站源码+数据库+系统+lw文档+mybatis+运行部署java计算机毕业设计同学录网站源码+数据库+系统+lw文档+mybatis+运行部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7
  • java毕业设计网络招聘系统源码+lw文档+mybatis+系统+mysql数据库+调试 銮銮科技 mybatisjava数据库
    java毕业设计网络招聘系统源码+lw文档+mybatis+系统+mysql数据库+调试java毕业设计网络招聘系统源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5
  • java毕业设计物资租赁管理系统mybatis+源码+调试部署+系统+数据库+lw 銮銮科技 数据库javamybatis
    java毕业设计物资租赁管理系统mybatis+源码+调试部署+系统+数据库+lwjava毕业设计物资租赁管理系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0
  • java毕业设计酒店管理信息系统mybatis+源码+调试部署+系统+数据库+lw 雪夜科技 数据库javamybatis
    java毕业设计酒店管理信息系统mybatis+源码+调试部署+系统+数据库+lwjava毕业设计酒店管理信息系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0
  • css+动画优化,css3动画性能优化--针对移动端卡顿问题 影子的覆盖 css+动画优化
    一、使用css，jquery，canvas制作动画1.Canvas优点：性能好，强大，支持多数浏览器(除了IE6、IE7、IE8)，画出来的图形可以直接保存为.png或者.jpg的图形；缺点：依赖于HTML，只能通过脚本绘制图形，没有实现动画的API(依靠事件和定时器更新)；由于在canvas上以编程方式显示的文本其实就是位图，因此搜索爬行器将完全忽略文本。文本内容也无法被屏幕阅读器识别。2.cs
  • Vue-Ajax核心知识整理 是小蟹呀^ Vuevue.jsajaxjavascript
    在Vue框架中可以有很多方式实现ajax,其中有xhr、jQuery、fetch、axios、vue-resource,其中Vue的作者尤雨溪推荐使用axios，所以在使用Vue框架时，尽量还是使用axios但是当我们使用ajax时，经常会遇到跨域的问题，比如你本地的端口号是8080，而服务器的端口号是5050，当你向服务器请求数据时，就会存在跨域的问题。跨域也有很多的解决方案：【1】cors方法
  • 基于JAVA消防应急管理系统计算机毕业设计源码+数据库+lw文档+系统+部署 兰兰学姐 java开发语言jvm
    基于JAVA消防应急管理系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA消防应急管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：h
  • 基于JAVA进出货管理系统计算机毕业设计源码+数据库+lw文档+系统+部署 如美学姐 java开发语言
    基于JAVA进出货管理系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA进出货管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：htt
  • 计算机毕业设计Java酒店管理系统设计与实现(源码+系统+mysql数据库+lw文档) 山逸网络 数据库javamysql
    计算机毕业设计Java酒店管理系统设计与实现(源码+系统+mysql数据库+lw文档)计算机毕业设计Java酒店管理系统设计与实现(源码+系统+mysql数据库+lw文档)本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7
  • jquery是干什么的--乐字节前端 dirft_din
    JQuery主要内容imageJquery对象jQuery是一套兼容多浏览器的javascript脚本库.核心理念是写得更少，做得更多，使用jQuery将极大的提高编写javascript代码的效率，帮助开发者节省了大量的工作，让写出来的代码更加优雅，更加健壮，"如虎添翼"。同时网络上丰富的jQuery插件也让我们的工作变成了"有了jQuery，一切soeasy。"--因为我们已经站在巨人的肩膀上
  • jquery 换肤 SkTj
    image.pnghtml//元素选中.siblings().removeClass("selected");//去掉其它同辈元素的选中.cookie("MyCssSkin",skinName,{path:'/',expires:10});}//]]>灰色紫色红色天蓝色橙色淡绿色时事新闻娱乐新闻jquery.cookie.js/**CookiepluginCopyright(c)2006Klaus
  • 设计模式介绍 tntxia 设计模式
    设计模式来源于土木工程师 克里斯托弗 亚历山大（http://en.wikipedia.org/wiki/Christopher_Alexander）的早期作品。他经常发表一些作品，内容是总结他在解决设计问题方面的经验，以及这些知识与城市和建筑模式之间有何关联。有一天，亚历山大突然发现，重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作
  • android高级组件使用(一) 百合不是茶 androidRatingBarSpinner
    1、自动完成文本框（AutoCompleteTextView） AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex
  • [网络与通讯]路由器市场大有潜力可挖掘 comsci 网络
              如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题.....        这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入  &nbs
  • 自写简单Redis内存统计shell 商人shang Linux shell统计Redis内存
    #!/bin/bash address="192.168.150.128:6666,192.168.150.128:6666" hosts=(${address//,/ }) sfile="staticts.log" for hostitem in ${hosts[@]} do ipport=(${hostitem
  • 单例模式(饿汉 vs懒汉) oloz 单例模式
    package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化，外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva
  • springMvc json支持 杨白白 json springmvc
    1.Spring mvc处理json需要使用jackson的类库，因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping("helloJson") public @ResponseBody JsonTest helloJson() {
  • android播放，掃描添加本地音頻文件 小桔子
            最近幾乎沒有什麽事情，繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能，就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道，可已通過本地掃描添加歌曲。不知道他們是怎麼實現的，我覺得應該掃描設備上的所有文件，過濾出音頻文件，每個文件實例化為一個實體，記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想，
  • oracle常用命令 aichenglong oracledba常用命令
    1 创建临时表空间 create temporary tablespace user_temp  tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' size 50m  autoextend on  next 50m maxsize 20480m  extent management local
  • 25个Eclipse插件 AILIKES eclipse插件
    提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug，它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去，能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具，它提供了
  • Spring MVC拦截器+注解方式实现防止表单重复提交 baalwolf spring mvc
    原理：在新建页面中Session保存token随机码，当保存时验证，通过后删除，当再次点击保存时由于服务器端的Session中已经不存在了，所有无法验证通过。   1.新建注解：   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  • 《Javascript高级程序设计(第3版)》闭包理解 bijian1013 JavaScript
    “闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》         看以下代码： <script type="text/javascript"> function outer() { var i = 10; return f
  • AngularJS Module类的方法 bijian1013 JavaScriptAngularJSModule
            AngularJS中的Module类负责定义应用如何启动，它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里         如果你是从Java或者Python编程语言转过来的，那么你可能很想知道AngularJS里面的main方法在哪里？这个把所
  • [Maven学习笔记七]Maven插件和目标 bit1129 maven插件
    插件(plugin)和目标(goal) Maven，就其本质而言，是一个插件执行框架，Maven的每个目标的执行逻辑都是由插件来完成的，一个插件可以有1个或者几个目标，比如maven-compiler-plugin插件包含compile和testCompile，即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标   使用插件和目标使得我们可以干预
  • 【Hadoop八】Yarn的资源调度策略 bit1129 hadoop
    1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略， FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法，在Hadoop MR1中就引入了，在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度   2. 多用户资源共享的调度
  • Nginx使用Linux内存加速静态文件访问 ronin47
    Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下：
  • 关于Unity3D中的Shader的知识 brotherlamp unityunity资料unity教程unity视频unity自学
    首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，然后我们来看下Unity3D自带的60多个S
  • CopyOnWriteArrayList vs ArrayList bylijinnan java
    package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述： * 1.ArrayListi不是线程安全的，CopyO
  • 内存中栈和堆的区别 chicony 内存
    1、内存分配方面：     堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。     栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中
  • 回答一位网友对Scala的提问 chenchao051 scalamap
    本来准备在私信里直接回复了，但是发现不太方便，就简要回答在这里。 问题 写道 对于scala的简洁十分佩服，但又觉得比较晦涩，例如一例，Map("a" -> List(11,111)).flatMap(_._2)，可否说下最后那个函数做了什么，真正在开发的时候也会如此简洁？谢谢    先回答一点，在实际使用中，Scala毫无疑问就是这么简单。
  • mysql 取每组前几条记录 daizj mysql分组最大值最小值每组三条记录
    一、对分组的记录取前N条记录：例如：取每组的前3条最大的记录 1.用子查询： SELECT * FROM tableName a  WHERE 3> (SELECT COUNT(*) FROM  tableName b WHERE b.id=a.id AND b.cnt>a. cnt) ORDER BY a.id,a.account DE
  • HTTP深入浅出 http请求 dcj3sjt126com http
      HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后We
  • 判断MySQL记录是否存在方法比较 dcj3sjt126com mysql
    把数据写入到数据库的时，常常会碰到先要检测要插入的记录是否存在，然后决定是否要写入。 　　我这里总结了判断记录是否存在的常用方法： 　　sql语句： select   count ( * )  from  tablename; 　　然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费，我们只是想判断记录记录是否存在，没有必要全部都查出来。
  • 对HTML XML的一点认识 e200702084 htmlxml
    感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM，HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的： 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次
  • jquery分页插件 genaiwei jqueryWeb前端分页插件
    //jquery页码控件// 创建一个闭包    (function($) {      // 插件的定义      $.fn.pageTool = function(options) {        var totalPa
  • Mybatis与Ibatis对照入门于学习 Josh_Persistence mybatisibatis区别联系
    一、为什么使用IBatis/Mybatis         对于从事 Java EE 的开发人员来说，iBatis 是一个再熟悉不过的持久层框架了，在 Hibernate、JPA 这样的一站式对象 / 关系映射（O/R Mapping）解决方案盛行之前，iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天，iBatis 凭借着易学易用、
  • C中怎样合理决定使用那种整数类型？ 秋风扫落叶 c数据类型
    如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。    &nbs
  • maven问题 zhb8015 maven问题
      问题1： Eclipse 中 新建maven项目 无法添加src/main/java 问题    eclipse创建maevn web项目，在选择maven_archetype_web原型后，默认只有src/main/resources这个Source Floder。     按照maven目录结构，添加src/main/ja
  • (二)androidpn-server tomcat版源码解析之--push消息处理 spjich javaandrodipn推送
    在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中，已经描述了整个推送服务器的启动过程，并且把握到了消息的入口即XmppIoHandler这个类，今天我将继续往下分析下面的核心代码，主要分为3大块，链接创建，消息的发送，链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc
  • 用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题 中华好儿孙 JavaScriptAjaxWeb上传文件FormData
    var formData = new FormData($("#inputFileForm")[0]); $.ajax({ type:'post', url:webRoot+"/electronicContractUrl/webapp/uploadfile", data:formData, async: false, ca
  • mybatis常用jdbcType数据类型 ysj5125094 mybatismapperjdbcType
      MyBatis 通过包含的jdbcType 类型 BIT         FLOAT      CHAR          
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他