[ ?? ]
[ ?? ]

js网页输入虚拟键盘软键盘

标题

html代码`

<link rel="stylesheet" type="text/css" href="css/style.css" />

</head>
<body>

 
<div id="keys">
	<textarea id="write" rows="6" cols="60"></textarea>
	<ul id="container">
		<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>

css代码

@charset "utf-8";
*{margin:0;padding:0;font-family: 'Microsoft Yahei';}
body{background:#eee; font-size: 16px;}
/* container */
#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:681px;}
.on{display:none;}

js代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var indexCtrl = function(){
var shift = false;
var capslock = false;

var keyUpdate= function(){
$write=$(this);
}

var keyToggle= function(){
if ($('.keys').hasClass('temp_hidden')) {
$('.keys').removeClass('temp_hidden');
} else {
$('.keys').addClass('temp_hidden');
}
}

var keyOperate = function(){
var $this = $(this);
character = $this.html();

if ($this.hasClass('left-shift') || $this.hasClass('right-shift')) {
$('.letter').toggleClass('uppercase');
$('.symbol span').toggle();
shift = (shift === true) ? false : true;
capslock = false;
return false;
}

if ($this.hasClass('capslock')) {
$('.letter').toggleClass('uppercase');
capslock = true;
return false;
}

if ($this.hasClass('delete')) {
var html = $write.val();
$write.val(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();

if (shift === true) {
$('.symbol span').toggle();
if (capslock === false) $('.letter').toggleClass('uppercase');
shift = false;
}

$write.val($write.val()+character);
}
var loadEvent= function(){
$('.keyboard').bind("click",keyUpdate);
$("#key_icon").bind("click",keyToggle);
$("#container li").bind("click",keyOperate);
}
return{
init:function(){
loadEvent();
}
}
}();
indexCtrl.init();
})(jQuery);	

</body>
</html>

展示效果图

js网页输入虚拟键盘软键盘_第1张图片

你可能感兴趣的:(js网页输入虚拟键盘软键盘)

  • module ‘selenium.webdriver‘ has no attribute ‘PhantomJS‘ rkmhr_sef 前端htmlseleniumpython测试工具
    新版的selenium已经放弃PhantomJS,所以才会出现module‘selenium.webdriver’hasnoattribute‘PhantomJS’。PhantomJS安装都是最新版本，pipinstallselenium安装的也是最新版本。所以把selenium版本降低。1.先把selenium卸载，代码如下:pipuninstallselenium2.安装selenium==2
  • Unet 改进：在encoder和decoder间加入TransformerBlock 听风吹等浪起 AI改进系列transformer图像分割Unet
    目录1.TransformerBlock2.Unet改进3.完整代码Tips：融入模块后的网络经过测试，可以直接使用，设置好输入和输出的图片维度即可1.TransformerBlockTransformerBlock是Transformer模型架构的基本组件，广泛应用于机器翻译、文本摘要和情感分析等自然语言处理任务。TransformerBlock是一个由两个子组件组成的构建块：多头注意力机制和前
  • 开源LLMs导览：工作原理、顶级LLM列表对比 万俟淋曦 SomeInsights人工智能AI生成式人工智能大模型LLMchatgpt大语言模型
    机器人、人工智能相关领域news/events（专栏目录）本文目录一、开源LLM是什么意思？二、开源LLM如何工作？2.1预训练2.2代币化2.3开源LLM的微调2.4输入编码2.5训练与优化2.6推理三、开源LLM对组织的好处3.1增强的数据安全和隐私3.2节约成本3.3减少供应商依赖性3.4代码透明度四、哪种LLM模式最好？4.1BERT4.2LLaMA(LargeLanguageModelM
  • Encoder-only decoder-only encoder-decoder大模型的区别 阿牛牛阿 aiopencv人工智能AIGCchatgpt
    1.Encoder-Only架构-定义：仅包含编码器部分，主要用于处理输入数据而不生成输出。-适用任务：文本分类、情感分析、命名实体识别等。-优点：能够更好地理解输入文本的语义和上下文信息，适合需要特征提取的任务。-缺点：无法直接生成文本输出。-代表模型：BERT、RoBERTa、ALBERT等。2.Decoder-Only架构-定义：仅包含解码器部分，通常用于序列生成任务。-适用任务：文本生成、
  • 关于 VS2019 版本 scanf 函数不安全报错问题 菜菜小蒙 c语言c++
    大家好，这里是菜菜！我们在使用VS2019时，编译使用scanf函数时，系统会报错，提示我们该函数不安全。那这是为什么呢？在这里菜菜进行简单说明一下：scanf()函数是标准C中提供的标准输入函数，用以用户输入数据；而scanf_s()函数是Microsoft公司VS开发工具提供的一个功能相同的安全标准输入函数，在调用该函数时，必须提供一个数字以表明最多读取多少位字符。而scanf()在读取数据时
  • [LeetCode]day9 203.移除链表元素 因兹菜 leetcode链表算法
    203.移除链表元素-力扣（LeetCode）题目描述给你一个链表的头节点head和一个整数val，请你删除链表中所有满足Node.val==val的节点，并返回新的头节点。示例1：输入：head=[1,2,6,3,4,5,6],val=6输出：[1,2,3,4,5]示例2：输入：head=[],val=1输出：[]示例3：输入：head=[7,7,7,7],val=7输出：[]提示：列表中的节点
  • Vue.js组件开发-实现全屏幻灯片左右切换特效 LCG元 前端vue.js前端javascript
    使用Vue实现全屏幻灯片左右切换特效步骤概述创建Vue项目：使用VueCLI快速搭建一个新的Vue项目。设计组件结构：创建一个FullscreenSlider组件，包含幻灯片容器和切换按钮。实现样式：设置全屏样式和幻灯片切换动画。实现逻辑：使用Vue的响应式数据和方法来处理幻灯片的切换。详细代码1.创建Vue项目安装VueCLI，可以使用以下命令进行安装：npminstall-g@vue/cli然
  • C++：爬楼梯问题，设有阶台阶需要攀登，每次只能上1阶或2阶，问共有多少种上台阶方案。程序输入为台阶数，输出为上台阶方案总数。 程序员东min c++java算法
    代码如下：#includeusingnamespacestd;intlou(intx){if(x==1||x==2)returnx;elsereturnlou(x-1)+lou(x-2);}intmain(){intn;cout>n;cout<<"上台阶方案总数为"<
  • python web开发（完） HIST-柒月初柒 python前端开发语言
    本篇就把代码都放出来上面就是文件夹格式app.py#pipinstallFlaskimportatexitimportjsonfromflaskimportFlask,render_template,request,redirect,url_forapp=Flask(__name__)ls=[]#使用列表模拟数据库，所有学生信息存储在ls里面#假设的用户信息定义了一个字典users，包含了一些假设
  • 力扣93题：复原 IP 地址 Ning_. LeeCodeleetcodetcp/ip算法
    力扣93题：复原IP地址（C语言实现详解）题目描述给定一个只包含数字的字符串s，复原它并返回所有可能的IP地址格式。有效的IP地址需满足以下条件：IP地址由四个整数（每个整数位于0到255之间）组成，用‘.’分隔；每个整数不能包含前导零（如“01”是无效的，但“0”是有效的）。示例1：输入：s="25525511135"输出：["255.255.11.135","255.255.111.35"]示
  • C++Leetcode349：两个数组的交集 钰捷 C++LeetCode
    题目给定两个数组，编写一个函数来计算它们的交集。示例1:输入:nums1=[1,2,2,1],nums2=[2,2]输出:[2]示例2:输入:nums1=[4,9,5],nums2=[9,4,9,8,4]输出:[9,4]说明:输出结果中的每个元素一定是唯一的。我们可以不考虑输出结果的顺序。思路1、暴力解法。两层遍历数组。count()函数很好用嘛~~时间复杂度为O(n^2)2、哈希表unorder
  • nosql与mysql的区别_Mongodb Mysql NoSQL的区别和联系 金七言 nosql与mysql的区别
    MongoDB什么是MongoDB？MongoDB是一个基于分布式文件存储的数据库，由C++语言编写，皆在为WEB应用提供可扩展的高性能数据存储解决方案MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似于Json的bson格式，因此可以存储比较复杂的数据类型，MongoDB最大的特点是它支持的查询语言方法非常
  • 【程序员面试金典】01.04. 回文排列 大泽上的扶桑树 #程序员面试金典（第6版）面试职场和发展java
    回文排列给定一个字符串，编写一个函数判定其是否为某个回文串的排列之一。回文串是指正反两个方向都一样的单词或短语。排列是指字母的重新排列。回文串不一定是字典当中的单词。示例1：输入：“tactcoa”输出：true（排列有"tacocat"、“atcocta”，等等）题目解法这是一道帮助理解“回文串排列”定义的题目，同时该题目也在考查回文串排列应具备哪些特点。回文串指从正、反两个方向读都一致的字符串
  • 反激变换器的详细设计步骤，附详细计算公式 洛溪之恋 电源设计开源单片机
    BMS开发板BMS开发板：https://blog.csdn.net/u010474219/article/details/135313436?spm=1001.2014.3001.5502齐纳管吸收漏感能量的反激变换器：0.设计前需要确定的参数A开关管Q的耐压值：VmqB输入电压范围：Vinmin～VinmaxC输出电压VoD电源额定输出功率：Po（或负载电流Io）E电源效率：XF电流/磁通密度
  • python追加写入excel文件 可我累了 记录python
    python追加写入excel文件importjmespathimportjsonimportxlrdfromxlutils.copyimportcopyi={'headers':[],'datas':[{'id':'ae2f0000-1b7a-e200-6376-08d8f5da1be1','fax':'8605925160700','userId':'57585bd0-0097-4a6d-ba
  • Leetcode349:两个数组的交集 小宋要上岸 算法leetcodec++哈希算法
    题目描述：给定两个数组nums1和nums2，返回它们的交集。输出结果中的每个元素一定是唯一的。我们可以不考虑输出结果的顺序。示例1：输入：nums1=[1,2,2,1],nums2=[2,2]输出：[2]示例2：输入：nums1=[4,9,5],nums2=[9,4,9,8,4]输出：[9,4]解释：[4,9]也是可通过的提示：1intersection(vector&nums1,vector&
  • Node.js 的底层原理 阿芯爱编程 面试js技巧网络前端javascript
    Node.js的底层原理1.事件驱动和非阻塞I/ONode.js基于ChromeV8引擎，使用JavaScript作为开发语言。它采用事件驱动和非阻塞I/O模型，使其轻量且高效。通过libuv库实现跨平台的异步I/O，包括文件操作、网络请求等。2.单线程事件循环Node.js使用单个线程来处理所有请求，通过事件循环机制来管理并发。事件循环不断检查是否有待处理的事件或回调函数，并依次执行它们。这种模
  • leetcode349. 两个数组的交集 2021dragon leetcode
    给定两个数组，编写一个函数来计算它们的交集。示例： 输入：nums1=[1,2,2,1],nums2=[2,2] 输出：[2]思路：按照我们做数学题时求交集的方法就行了，但注意在求交集前先分别对两个数组的元素进行去重。求两个数组的交集的步骤可分为以下三步：对nums1当中的元素进行去重，得到序列s1。对nums2当中的元素进行去重，得到序列s2。遍历s1，依次判断s1中的每个元素是否在s2当中出现
  • GIS教程：全国数码商城系统 叁拾舞 Arcgis教程Vue3GIS
    文章目录注册高德地图API普通网页中测试地图加载地图添加标记地图配置点标记Marker添加弹框创建vue项目并添加高德地图创建项目加载高德地图项目首页布局封装axios和配置代理服务器获取城市热门信息获取城市区县信息获取区县商城信息获取指定城市区县的经纬度坐标将地图缩放到指定区县将商城添加到地图中点击标记打开信息框添加地图常用控件添加区县边界切换地图样式完整项目下载注册高德地图API详细流程：ht
  • 洛谷P2660 zzc 种田 怀念无所不能的你 洛谷数学1基础数学问题算法数论c++
    题目链接：P2660zzc种田-洛谷|计算机科学教育新生态题目难度：普及一题目背景可能以后zzc就去种田了。题目描述田地是一个巨大的矩形，然而zzc每次只能种一个正方形,而每种一个正方形时zzc所花的体力值是正方形的周长，种过的田不可以再种，zzc很懒还要节约体力去泡妹子，想花最少的体力值去种完这块田地，问最小体力值。输入格式两个正整数x,y，表示田地的长和宽。输出格式输出最小体力值。样例样例输入
  • windows 使用自带的cmd终端进行文件MD5校验 月巴左耳东 随笔windowscmdMD5
    1.使用快捷键win+r，调用运行界面，输入cmd后回车2.输入certutil-hashfileMD5，回车后，即可校验文件的MD5了（注意写绝对路径）
  • python详细安装教程-python安装教程 Pycharm安装详细教程 编程大乐趣
    这篇文章主要介绍了python的安装教程，和Pycharm的安装详细教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下python安装教程和Pycharm安装详细教程，分享给大家。首先我们来安装python1、首先进入网站下载：点击打开链接（或自己输入网址https://www.python.org/downloads/），进入之后如下图，选择图中红色圈中区域进行下载。2、下载完成后如下图所示
  • 8647 实现图的存储结构 软工在逃男大学生 SCAU_OJ_DS算法c++c语言数据结构
    SCAU数据结构OJ第六章文章目录8647实现图的存储结构8647实现图的存储结构输入样例4412133441输出样例0110000000011000代码如下：#include#includeusingnamespacestd;intmain(){intn,m,i,j,a,b;intMap[100][100]={0};cin>>n>>m;for(i=0;i>a>>b;Map[a][b]=1;}fo
  • 文件的介绍2 zl_dfq c语言c语言
    一、文件的打开与关闭1.流与标准流（1）流：编写程序的时候，我们可以通过各种设备（如键盘、U盘等）获得数据，当然我们也可以通过各种设备输出相应的数据到它们当中去，可程序与设备进行了怎样的操作才实现了数据的输入输出呢？显然，这里面的水太深了！一一弄懂将会花费许多精力，所以为了方便对各种设备的操作，我们抽象出“流”的概念。流，可以理解为程序与各种设备之间的纽带，通过这条纽带，程序与各种设备之间联系紧密
  • pandas与data.table比较和常用操作整理 kekefen01
    在对数据表进行日常操作时，有一些操作是经常用到的，记录如下：1.输入：从文件读取数据/从头创建一个dataframepd.DataFrame(data,index=[list],columns=[list])2.修改列名、索引列a.columns=[yourlisthere]DataFrame可以通过set_index方法，可以设置单索引和复合索引。3.切片操作df可以[]直接切片，不过规则比较混
  • 【华为OD-E卷 - 连续出牌数量 100分（python、java、c++、js、c）】 CodeClimb 算法题华为od（A+B+C+D+E卷）收录分享华为odpythonjavac++javascript
    【华为OD-E卷-连续出牌数量100分（python、java、c++、js、c）】题目有这么一款单人卡牌游戏，牌面由颜色和数字组成，颜色为红、黄、蓝、绿中的一种，数字为0-9中的一个。游戏开始时玩家从手牌中选取一张卡牌打出，接下来如果玩家手中有和他上一次打出的手牌颜色或者数字相同的手牌，他可以继续将该手牌打出，直至手牌打光或者没有符合条件可以继续打出的手牌。现给定一副手牌，请找到最优的出牌策略，
  • Learning Vue 读书笔记 Chapter 2 追光少年3322 vue.jsjavascript前端vue3
    2.Vue基本工作原理2.1VirtualDOM概念：DOM:DOM以内存中树状数据结构的形式，代表了网页上的HTML（或XML）文档内容。它充当了一个编程接口，将网页与实际的编程代码（如JavaScript）连接起来。VirtualDOM是浏览器中实际DOM的内存虚拟副本，但它更轻量且具有额外的功能。VirtualDOM工作原理：通过用户界面交互，用户向Vue传达了他们希望元素达到的状态；随后，
  • 注意力机制 追光少年3322 深度学习深度学习自然语言处理python
    1.Seq2Seq模型加入注意力机制1.1Seq2Seq模型编码器：将长度可变的输入序列转换成形状固定的上下文变量c,并将输入序列的信息在该上下文变量中进行编码。解码器：解码器的输入序列的第一个词元为：特定的序列开始词元使用RNN编码器的最终隐状态来初始化解码器的隐状态编码器的最终隐状态都作为解码器输入序列的一部分。这样做的好处是防止随着时间的传递经过复杂的运算，原始的代表上下文的隐状态被遗忘。1
  • 自然语言处理基础知识入门(四) Transformer模型整体最详解（self- attention机制，mask机制） 这个男人是小帅 NLP自然语言知识梳理入门自然语言处理transformer人工智能nlp语言模型机器翻译深度学习
    文章目录前言一、Seq2Seq1.1Seq2Seq的基本架构1.2Seq2Seq的框架实例二、Transformer2.1Transformer的整体架构2.2Transformer的输入2.2.1InputEmbeding2.2.2PositionalEncoder2.2.3Transformer的输入2.3Transformer的自注意力机制2.3.1注意力机制2.3.2权重矩阵WWW2.3.
  • ‘conda‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。 智慧浩海 conda
    win10在更新Anaconda时，更新失败了，然后输入conda命令时就报错：'conda'不是内部或外部命令,也不是可运行的程序或批处理文件。查了一下网上资料，都说是环境变量没有添加或者添加少了，于是就去看了一下，确实没有添加。一、查看环境变量打开AnacondaPrompt，输入path，即可查看本电脑的环境变量，建议使用“以管理员身份运行”AnacondaPrompt，正常打开有可能输入命
  • PHP如何实现二维数组排序？ IT独行者 二维数组PHP排序　
    二维数组在PHP开发中经常遇到，但是他的排序就不如一维数组那样用内置函数来的方便了，（一维数组排序可以参考本站另一篇文章【PHP中数组排序函数详解汇总】）。二维数组的排序需要我们自己写函数处理了，这里UncleToo给大家分享一个PHP二维数组排序的函数： 代码： functionarray_sort($arr,$keys,$type='asc'){ $keysvalue= $new_arr
  • 【Hadoop十七】HDFS HA配置 bit1129 hadoop
    基于Zookeeper的HDFS HA配置主要涉及两个文件,core-site和hdfs-site.xml。   测试环境有三台 hadoop.master hadoop.slave1 hadoop.slave2   hadoop.master包含的组件NameNode, JournalNode, Zookeeper，DFSZKFailoverController
  • 由wsdl生成的java vo类不适合做普通java vo darrenzhu VOwsdlwebservicerpc
    开发java webservice项目时，如果我们通过SOAP协议来输入输出，我们会利用工具从wsdl文件生成webservice的client端类，但是这里面生成的java data model类却不适合做为项目中的普通java vo类来使用，当然有一中情况例外，如果这个自动生成的类里面的properties都是基本数据类型，就没问题，但是如果有集合类，就不行。原因如下： 1)使用了集合如Li
  • JAVA海量数据处理之二（BitMap） 周凡杨 java算法bitmapbitset数据
           路漫漫其修远兮，吾将上下而求索。想要更快，就要深入挖掘 JAVA 基础的数据结构，从来分析出所编写的 JAVA 代码为什么把内存耗尽，思考有什么办法可以节省内存呢？ 啊哈！算法。这里采用了 BitMap 思想。   首先来看一个实验： 指定 VM 参数大小： -Xms256m -Xmx540m
  • java类型与数据库类型 g21121 java
    很多时候我们用hibernate的时候往往并不是十分关心数据库类型和java类型的对应关心，因为大多数hbm文件是自动生成的，但有些时候诸如：数据库设计、没有生成工具、使用原始JDBC、使用mybatis(ibatIS)等等情况，就会手动的去对应数据库与java的数据类型关心，当然比较简单的数据类型即使配置错了也会很快发现问题，但有些数据类型却并不是十分常见，这就给程序员带来了很多麻烦。 &nb
  • Linux命令 510888780 linux命令
    系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /dev/sda 在磁盘上执行测试性读取操作 cat /proc/cpuinfo 显示C
  • java常用JVM参数 墙头上一根草 javajvm参数
    -Xms：初始堆大小，默认为物理内存的1/64(<1GB)；默认(MinHeapFreeRatio参数可以调整)空余堆内存小于40%时，JVM就会增大堆直到-Xmx的最大限制 -Xmx：最大堆大小，默认(MaxHeapFreeRatio参数可以调整)空余堆内存大于70%时，JVM会减少堆直到 -Xms的最小限制 -Xmn：新生代的内存空间大小，注意：此处的大小是（eden+ 2
  • 我的spring学习笔记9-Spring使用工厂方法实例化Bean的注意点 aijuans Spring 3
    方法一： <bean id="musicBox" class="onlyfun.caterpillar.factory.MusicBoxFactory" factory-method="createMusicBoxStatic"></bean> 方法二：
  • mysql查询性能优化之二 annan211 UNIONmysql查询优化索引优化
    1 union的限制 有时mysql无法将限制条件从外层下推到内层，这使得原本能够限制部分返回结果的条件无法应用到内层 查询的优化上。 如果希望union的各个子句能够根据limit只取部分结果集，或者希望能够先排好序在 合并结果集的话，就需要在union的各个子句中分别使用这些子句。 例如 想将两个子查询结果联合起来，然后再取前20条记录，那么mys
  • 数据的备份与恢复 百合不是茶 oraclesql数据恢复数据备份
     数据的备份与恢复的方式有: 表,方案 ,数据库;     数据的备份: 导出到的常见命令; 参数 说明 USERID 确定执行导出实用程序的用户名和口令 BUFFER 确定导出数据时所使用的缓冲区大小，其大小用字节表示 FILE 指定导出的二进制文
  • 线程组 bijian1013 java多线程threadjava多线程线程组
    有些程序包含了相当数量的线程。这时，如果按照线程的功能将他们分成不同的类别将很有用。        线程组可以用来同时对一组线程进行操作。        创建线程组：ThreadGroup g = new ThreadGroup(groupName);  &nbs
  • top命令找到占用CPU最高的java线程 bijian1013 javalinuxtop
    上次分析系统中占用CPU高的问题，得到一些使用Java自身调试工具的经验，与大家分享。 (1)使用top命令找出占用cpu最高的JAVA进程PID:28174 (2)如下命令找出占用cpu最高的线程 top -Hp 28174 -d 1 -n 1 32694 root 20 0 3249m 2.0g 11m S 2 6.4 3:31.12 java
  • 【持久化框架MyBatis3四】MyBatis3一对一关联查询 bit1129 Mybatis3
      当两个实体具有1对1的对应关系时，可以使用One-To-One的进行映射关联查询   One-To-One示例数据 以学生表Student和地址信息表为例，每个学生都有都有1个唯一的地址(现实中，这种对应关系是不合适的，因为人和地址是多对一的关系)，这里只是演示目的   学生表   CREATE TABLE STUDENTS (
  • C/C++图片或文件的读写 bitcarter 写图片
    先看代码： /*strTmpResult是文件或图片字符串 * filePath文件需要写入的地址或路径 */ int writeFile(std::string &strTmpResult,std::string &filePath) { int i,len = strTmpResult.length(); unsigned cha
  • nginx自定义指定加载配置 ronin47
    进入 /usr/local/nginx/conf/include 目录，创建 nginx.node.conf 文件，在里面输入如下代码： upstream nodejs { server 127.0.0.1:3000; #server 127.0.0.1:3001; keepalive 64; } server { liste
  • java-71-数值的整数次方.实现函数double Power(double base, int exponent)，求base的exponent次方 bylijinnan double
    public class Power { /** *Q71-数值的整数次方 *实现函数double Power(double base, int exponent)，求base的exponent次方。不需要考虑溢出。 */ private static boolean InvalidInput=false; public static void main(
  • Android四大组件的理解 Cb123456 android四大组件的理解
     分享一下，今天在Android开发文档-开发者指南中看到的:                            App components are the essential building blocks of an Android
  • [宇宙与计算]涡旋场计算与拓扑分析 comsci 计算
         怎么阐述我这个理论呢？ 。。。。。。。。。       首先： 宇宙是一个非线性的拓扑结构与涡旋轨道时空的统一体。。。。       我们要在宇宙中寻找到一个适合人类居住的行星，时间非常重要，早一个刻度和晚一个刻度，这颗行星的
  • 同一个Tomcat不同Web应用之间共享会话Session cwqcwqmax9 session
    实现两个WEB之间通过session 共享数据 查看tomcat 关于 HTTP Connector 中有个emptySessionPath 其解释如下： If set to true, all paths for session cookies will be set to /. This can be useful for portlet specification impleme
  • springmvc Spring3 MVC，ajax，乱码 dashuaifu springjquerymvcAjax
      springmvc Spring3 MVC @ResponseBody返回，jquery ajax调用中文乱码问题解决   Spring3.0 MVC @ResponseBody 的作用是把返回值直接写到HTTP response body里。具体实现AnnotationMethodHandlerAdapter类handleResponseBody方法，具体实
  • 搭建WAMP环境 dcj3sjt126com wamp
    这里先解释一下WAMP是什么意思。W:windows，A：Apache，M：MYSQL，P：PHP。也就是说本文说明的是在windows系统下搭建以apache做服务器、MYSQL为数据库的PHP开发环境。      工欲善其事，必须先利其器。因为笔者的系统是WinXP，所以下文指的系统均为此系统。笔者所使用的Apache版本为apache_2.2.11-
  • yii2 使用raw http request dcj3sjt126com http
    Parses a raw HTTP request using yii\helpers\Json::decode()   To enable parsing for JSON requests you can configure yii\web\Request::$parsers using this class: 'request' =&g
  • Quartz-1.8.6 理论部分 eksliang quartz
    转载请出自出处：http://eksliang.iteye.com/blog/2207691 一.概述 基于Quartz-1.8.6进行学习，因为Quartz2.0以后的API发生的非常大的变化，统一采用了build模式进行构建； 什么是quartz?   答：简单的说他是一个开源的java作业调度框架，为在 Java 应用程序中进行作业调度提供了简单却强大的机制。并且还能和Sp
  • 什么是POJO？ gupeng_ie javaPOJO框架Hibernate
    POJO--Plain Old Java Objects(简单的java对象)   POJO是一个简单的、正规Java对象，它不包含业务逻辑处理或持久化逻辑等，也不是JavaBean、EntityBean等，不具有任何特殊角色和不继承或不实现任何其它Java框架的类或接口。   POJO对象有时也被称为Data对象，大量应用于表现现实中的对象。如果项目中使用了Hiber
  • jQuery网站顶部定时折叠广告 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/4.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>网页顶部定时收起广告jQuery特效 - HoverTree<
  • Spring boot内嵌的tomcat启动失败 kane_xie spring boot
    根据这篇guide创建了一个简单的spring boot应用，能运行且成功的访问。但移植到现有项目（基于hbase）中的时候，却报出以下错误：     SEVERE: A child container failed during start java.util.concurrent.ExecutionException: org.apache.catalina.Lif
  • leetcode: sort list michelle_0916 Algorithmlinked listsort
    Sort a linked list in O(n log n) time using constant space complexity. ====analysis======= mergeSort for singly-linked list  ====code=======   /** * Definition for sin
  • nginx的安装与配置,中途遇到问题的解决 qifeifei nginx
    我使用的是ubuntu13.04系统，在安装nginx的时候遇到如下几个问题，然后找思路解决的，nginx 的下载与安装   wget http://nginx.org/download/nginx-1.0.11.tar.gz tar zxvf nginx-1.0.11.tar.gz ./configure make make install   安装的时候出现
  • 用枚举来处理java自定义异常 tcrct javaenumexception
    在系统开发过程中，总少不免要自己处理一些异常信息，然后将异常信息变成友好的提示返回到客户端的这样一个过程，之前都是new一个自定义的异常，当然这个所谓的自定义异常也是继承RuntimeException的，但这样往往会造成异常信息说明不一致的情况，所以就想到了用枚举来解决的办法。 1，先创建一个接口，里面有两个方法，一个是getCode, 一个是getMessage public
  • erlang supervisor分析 wudixiaotie erlang
    当我们给supervisor指定需要创建的子进程的时候，会指定M,F,A,如果是simple_one_for_one的策略的话，启动子进程的方式是supervisor:start_child(SupName, OtherArgs),这种方式可以根据调用者的需求传不同的参数给需要启动的子进程的方法。和最初的参数合并成一个数组，A ++ OtherArgs。那么这个时候就有个问题了，既然参数不一致，那
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他