JS模拟键盘事件 -- 原理及小例子

提问：

键盘默认事件，比如tab切换，alt+f4关闭，ctrl+t新建等，如果不想通过键盘而是一些按钮点击来触发这些功能，该咋办呢？

例子：

先以tab为例上一个小例子：

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>触发键盘默认事件</title>

    </head>

    <body>

        <div>

            <input type="button" tabindex="-1" value="点点点点点" id="btn">

            <input type="text" placeholder="1">

            <input type="text" placeholder="2">

            <input type="text" placeholder="3">

            <input type="text" placeholder="4">

            <input type="text" placeholder="5">

            <input type="text" placeholder="6">

        </div>

        <script>



            // 当前获取焦点的元素

            var nowEle=document; // 需要焦点切换的元素

            var inputs=[].slice.call(document.querySelectorAll("[type=text]")); // 只添加获取焦点事件

            // 放弃失去焦点事件 -- 需要判断失去后焦点被谁获得,太麻烦

            inputs.forEach(function(el,i){ el.onfocus=function(){ nowEle=this; }; /*el.onblur=function(){ setTimeout(function() { nowEle=document; }, 0); };*/ }); // !!! 关键部分,事件模拟 !!!

            btn.onclick=function(ev){ // console.log(nowEle);

                var e=document.createEvent("KeyboardEvents"); e.initKeyboardEvent("keydown",true,true,window,"U+0009"); // tab

                if(nowEle==inputs[inputs.length-1])nowEle=document; nowEle.focus && nowEle.focus(); nowEle.dispatchEvent(e); // console.log(e);

 }; /*document.onkeydown=function(ev){ // console.log(ev.keyCode,ev.which,ev); };*/



            // input获取焦点:tab切换和鼠标点击

            // 这里处理鼠标点击获取焦点

            document.addEventListener("click",function(ev){ for (var i = 0; i < inputs.length; i++) { if(inputs[i]==ev.target || btn==ev.target)return; }; nowEle=document; },false); </script>

    </body>

</html>

介绍：

实际效果：模拟tab事件在指定范围内移动焦点，点击按钮，使焦点在6个input标签里切换。

主逻辑为：通过键盘事件和点击事件（焦点的两种获取方式）找到当前获取焦点的元素，通过按钮点击来模拟键盘的tab按钮。

技术难点：键盘事件模拟，以及找到正确的事件触发者。

难点：

模拟键盘事件：

var e=document.createEvent("KeyboardEvents"); e.initKeyboardEvent("keydown",true,true,window,"U+0009"); // tab

if(nowEle==inputs[inputs.length-1])nowEle=document; nowEle.focus && nowEle.focus(); nowEle.dispatchEvent(e);

1.document.createEvent

DOM3 新方法，创建事件，参考资料：浅谈Javascript事件模拟。

2.e.initKeyboardEvent

设置事件参数，参考资料：WebKit 内核浏览器 initKeyboardEvent 函数原型。

3.nowEle.dispatchEvent(e)

指定事件对象。

收获:

源自一个讨论群里的小问题，有点感兴趣就查了查，写了个小demo，看来JavaScript里还有很多东西要去挖掘，前端大路漫漫。

 

 

 

 

你可能感兴趣的:(js)

  • 使用 OkHttp 与 FastJSON 发送 POST 请求 李少兄 Javaokhttpjava
    目录前言一、依赖配置Maven依赖配置Gradle依赖配置二、常量定义三、学生对象定义四、常规情况：发送单个学生信息代码实现代码解释五、多线程情况：发送多个学生信息线程池基础知识代码实现代码解释六、注意事项和优化建议常规情况异步请求处理多线程情况前言在现代Java开发中，与外部服务进行数据交互是极为常见的需求。其中，发送HTTPPOST请求以提交数据更是屡见不鲜。OkHttp作为一款高效且功能强大
  • vue+django 前后端数据同步 weixin_44079503 djangovue.jspython
    目标：在views.py中，准备好数据后，通过Vue的v-model双向绑定功能在index.html中显示。当数据修改后，点击按钮提交后，以对象的形式向views.py传递并更新后端数据。总体思路：views.py用字典存数据暴露api的get方法，在页面加载时双向绑定数据修改数据提交后，点按钮把数据对象用json字符串传过来用simplejson.loads还原对象后，更新字典值步骤：准备数据
  • Labelme转Voc、Coco 小慧1024 python
    Q：在github找的cv代码基本都是根据现有且流行的公共数据集格式组织的训练数据集，这导致我使用labelme标注好之后需要我们重新组织数据集labelme2coco#!/usr/bin/envpythonimportargparseimportcollectionsimportdatetimeimportglobimportjsonimportosimportos.pathasospimpor
  • vue和django接口联调 变形金刚卖人寿保险还是汽车保险 前端javascriptvue.js
    vue访问服务端接口配置跨域前端跨域打开vite.config.js，在和resolve同级的地方添加配置。proxy代表代理的意思"/api"是以/api开头的路径走这个配置target代表目标changeOrigin:true,是开启跨域请求rewrite是编辑路径。(path)=>path.replace(/^\/api/,"")是去掉/api这样一个路径进来就会被处理，如下："/api/c
  • ES 客户端 API 二次封装思想 bossface 项目服务器c++elasticsearch数据库
    ES客户端API二次封装思想网页端：ip+5601索引创建数据新增数据查询数据删除因为json串会出现在代码中，为了让用户更容易去添加数据所以去封装它。思想：为了让json串变得更加容易添加，封装最主要是为了简化正文的构造过程POST/user/_doc//让用户可以指定索引名称指定索引类型{"settings":{//让用户添加"analysis":{"analyzer":{"ik":{"tok
  • 6个必备的 Node 网络爬虫库 zz_jesse 爬虫
    作为一名程序员，你是否曾遇到过需要从各大网站提取数据的需求？随着互联网的快速扩展，能够高效地进行网络爬虫已经成为企业、研究人员以及个人的一项重要技能。在这个数据为王的时代，如何利用JavaScript和Node.js来实现高效的数据抓取，是每一个开发者都应该掌握的技巧。网络爬虫，即从网站提取数据的过程，已经成为各行各业的重要工具。而JavaScript和Node.js因其强大的功能和丰富的库，成为
  • NPM安装与配置全流程详解（2025最新版） ╰つ゛木槿 web前端npm前端node.js
    写目录一、环境准备与Node.js安装1.下载Node.js（含NPM）2.验证安装二、NPM核心配置优化1.全局模块与缓存路径设置2.镜像加速3.代理配置（企业网络适用）三、NPM基础操作指南1.项目初始化2.包管理命令3.依赖锁定与版本管理四、进阶配置与工具1.权限问题解决2.缓存清理3.替代工具推荐五、常见问题排查1.安装失败场景2.脚本执行权限（Windows）六、最佳实践建议一、环境准备
  • java token 缓存_Spring Boot中微信全局token的缓存实现 yymWater javatoken缓存
    为什么要缓存token？这里的token指的是微信JSAPI中基础支持的ACCESS_TOKEN,并非网页授权ACCESS_TOKEN。网页授权Token每天的调用次数没有限制，不需要缓存。接口每日限额获取access_token2000自定义菜单创建1000自定义菜单查询10000获取用户基本信息5000000获取网页授权access_token无刷新网页授权access_token无网页授权获
  • Axios面试题 御风行云天 面试题大全Axios前端面试ajax
    Axios面试题1.Axios基础知识1.1什么是Axios及其使用场景？使用场景：总结：1.2Axios与其他HTTP客户端库（如FetchAPI）的比较？Axios特点使用实例FetchAPI特点使用实例比较错误处理JSON数据处理浏览器兼容性可用性和功能1.3Axios的主要特点和优势是什么？主要特点优势2.Axios请求处理2.1如何使用Axios发送GET和POST请求？发送GET请求发
  • 利用axios库在Node.js中进行代理请求的实践 小白学大数据 爬虫node.jspython爬虫大数据
    前言随着互联网的蓬勃发展，Web应用程序越来越依赖于从外部服务器获取数据。在这个过程中，我们经常需要通过代理服务器来访问外部资源。本文将介绍如何充分利用axios库，在Node.js中进行代理请求的最佳实践，并通过一个实际案例来展示其应用。axios库技术优势axios是一个强大的基于Promise的HTTP客户端，它在浏览器和Node.js环境中均可使用。在使用axios的过程中，我们可以充分体
  • vue3+ts+vite+pinia+element-plus搭建一个项目 貂蝉空大 vueaxiostypescriptvitepiniavue前端
    创建一个基于Vue3、TypeScript、Vite、Pinia和ElementPlus的项目是一个现代化的前端开发流程，这种配置通常用于构建轻量级、快速和模块化的单页应用程序（SPA）。下面是一个简单的介绍：1.Vue3是Vue.js的最新主要版本，提供了CompositionAPI、更好的TypeScript支持、自定义渲染器等功能。2.TypeScript是JavaScript的一个超集，添
  • 纯前端全文检索的两种实现方案：ElasticLunr.js 和 libsearch 传而习乎 前端全文检索javascript
    纯前端全文检索的两种实现方案：ElasticLunr.js和libsearch在前端开发中，实现全文检索功能可以显著提升用户体验，尤其是在处理大量文本数据时。本文将介绍两种流行的纯前端全文检索方案：ElasticLunr.js和libsearch。这两种方案各有特点，适用于不同的场景。1.使用ElasticLunr.js实现纯前端全文检索方案特点基于Lunr.js的扩展：支持字段搜索、查询时加权和
  • harmonyOS（鸿蒙）— 网络权限（解决app网络资源无法加载，图片无法显示） chen.c. harmonyOS（鸿蒙）harmonyos华为
    harmonyOS系列harmonyOS（网络权限）一、问题梳理二、代码及图示一、问题梳理在鸿蒙app的开发里会有联网业务无法加载，图片无法显示的情况，多半是系统的网络权限没有申请，所以无法使用需要网络加载的资源，具体在项目的entry=>src=>main=>module.json5里面配置即可。二、代码及图示网络权限申请代码如果没有找到requestPermissions，则在extensio
  • 流媒体服务器如何让WebRTC支持H.265，同时又能支持Web js硬解码、软解码（MSE硬解、WASM软解） xiejiashu WEBRTCWebRTC支持H.265WebRTCH.265H.265WebRTCWebRTC265265WebRTC
    为了这一整套的解决方案，调研+研发整整花费了差不多半年多的时间，需达成的目标：流媒体服务器端不需要将H.265转码成H.264，就能让Chrome解码播放H.265；注意：现在很多市面上的软硬件通过转码H.265成H.264的方式来支持WebRTC，个人理解，这既费硬件又是技术的倒退！WebJS解码H.265在之前就WASM（WebAssembly）一种方式，但是后来Chrome支持了H.265的
  • 构建JSBridge鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例实现了简单的JSBridge，使H5和原生两侧可以互相调用对方的方法。构建JSBridge源码链接效果预览使用说明打开应用后，点击调用native按钮，实现原生方面调用H5方法，在后台打印数据。实现思路原生调H5invokeHandle(handleName:string,callbackName:string){try{this.webviewContro
  • responseType: “blob“导致不能获取查看后台返回的信息 不想上班只想要钱 前端vuejs前端javascript
    responseType:"blob"导致不能获取查看后台返回的信息constfileReader=newFileReader()fileReader.readAsText(newBlob([response.data],{type:'application/octet-stream'}),'utf-8')fileReader.onload=()=>{constresult=JSON.parse(
  • 【第1到23讲】 基于vue + spring boot学生宿舍管理系统（文末附项目完整源代码+万字文档） LuXi_foryou vue.jsspringboot前端
    基于vue+springboot学生宿舍管理1、环境准备1、安装node.js2、安装vue-cli3、安装vscode开发工具2、下载node.js浏览器打开https://nodejs.org/zh-cn/download/进入下载1.2点击【以往的版本】进入所示列表界面，选择自己所需要的版本进行下载安装3、vue-cli安装1.2.1检查node.js是否安装通过命令提示符，node-vnp
  • 【第24讲到第44讲】基于vue + spring boot学生宿舍管理系统 LuXi_foryou vue.jsspringbootjavascript
    第24讲菜单管理列表制作1、api下新建menu.jsimporthttpfrom'@/utils/http'exportconstgetMenuListApi=async()=>{returnawaithttp.get("/api/menu/list",null)}2、sysMenuList.vue新增import{getMenuListApi}from'@/api/menu'exportdef
  • Vue：其他指令 真der~啊 Vue2vue.js前端javascript
    Vue：其他指令2.13.1、v-textv-text指令用于将数据填充到标签体当中，并且是以覆盖的形式填充。与原生JS中的innerText功能类似，填充的内容中即使存在HTML标签也只是会当做一个普通的字符串处理，不会解析。例如：constvm=newVue({el:"#app",data:{message:"这是一段包含HTML标签的文本"}});在上述代码中，页面显示的将是这是一段包含HT
  • npm run dev原理 black^sugar npm前端node.js
    1、npmrundev会启动根目录下的package.json里的scripts字段指定的命令。所以执行npmrundev等同于执行vite（仅限于下图场景中）2、npm会到node_modules/.bin/目录下找到vite.sh，并执行该shell该shell文件如下#!/bin/sh#$0代表脚本自身的路径#dirname获取脚本所在的目录路径#sed-e's,\\,/,g'将路径中的\替
  • NodeJs中npm国内慢的问题解决 夏木炎 npm前端node.js
    方法一：更改npm配置文件：$npmconfigsetregistryhttp://registry.npm.taobao.orgURL即为需要设置的镜像站点地址，如淘宝镜像:http://registry.npm.taobao.org方法二：你可以使用淘宝NPM镜像定制的cnpm(gzip压缩支持)命令行工具代替默认的npm:$npminstall-gcnpm--registry=https:/
  • Node_文件上传&令牌 katsukichan Node
    信息获取来源EnoYao创建脚手架expresskatsuki-project（express名称）在katsuki-project目录下安装依赖包npminstall上传单文件项目在katsuki-project安装multer模块npminstallmulter--save目录中创建一个uploads文件夹，不创建运行也会自动创建项目结构publicjavascriptsjquery.jsup
  • 基于Spring接口，集成Caffeine+Redis两级缓存 码事通 springjavaspringboot
    在上一篇文章Redis+Caffeine两级缓存，让访问速度纵享丝滑中，我们介绍了3种整合Caffeine和Redis作为两级缓存使用的方法，虽然说能够实现功能，但实现手法还是太粗糙了，并且遗留了一些问题没有处理。本文将在上一篇的基础上，围绕两个方面进行进一步的改造：JSR107定义了缓存使用规范，spring中提供了基于这个规范的接口，所以我们可以直接使用spring中的接口进行Caffeine
  • express+ bootstrap/vue.js+mongodb 开发综合学生管理WEB项目系统 鱼弦 前端expressbootstrap
    该WEB项目要求如下：整个系统要有比较完整的功能，有前端网页数据示，也要有后台管理功能，具有一定的实用性。网页前端展示页面设计可以采用bootstrap框架，也可以使用vue.js实现，前端网页数据均要来自于后端从数据库中查询出来的数据。下面是利用Express后端+Bootstrap前端+MongoDB数据库的代码示例，用于实现一个综合的学生管理系统：1.安装所需模块在终端中输入以下命令，安装所
  • Node.js、数据库、模块化、NPM、Axios chenjia525 node.js数据库npm
    一、初识Node.js1.基于chromev8引擎的js运行环境2.v8引擎：chrome的js解析引擎，C++开发,单线程，可独立运行3.运行环境：①类似虚拟机，提供js在服务端运行的环境②js工具库：扩展了js在服务端的功能二、环境安装1.Node.js必须先安装再使用--有很多版本2.安装方式：①下载包安装：添加到环境变量版本更新：重新下载安装②NVM：多版本切换3.查看是否安装成功：nod
  • 使用Vite创建Vue3项目 Asafoetida阿魏 vue.js前端
    为啥选vite创建，请看vite官网给出的解释，我只是一个不想记忆的咸鱼。使用npm搭建项目，要求Node.js版本>=14.18.0。1.报上名来创建：在命令行输入npm-v检查版本，然后根据版本做选择，真的很快！！！#npm6.x版本，使用这个npminitvite@latest--templatevue#npm7版本以上，要多加两条杠npminitvite@latest----templat
  • npm-npm init与npm init -y区别与作用(初始化一个新的node.js项目) 岂不闻 gitorvscodeornpmnodenvmnode.jsnode.jsnpm前端
    npminit和npminit-y都用于初始化一个新的node.js项目，创建package.json文件，文件包含项目的原数据，项目名称，版本，依赖包等。npminit：启动交互式的命令行工具，提示输入项目的各种信息，比如名称，版本，描述，入口文件，测试命令。根据输入相应的内容，使用回车键使用默认值npminit-y或npminit-yes：直接生成package.json文件，使用默认值填充信
  • Nodejs中npm i 与npm ci的区别 IT 老王 vue.js前端javascript
    在Node.js里，npmi（也就是npminstall）和npmci都是用来管理项目依赖的命令，但它们在功能和使用场景上存在差别，下面为你详细说明：1.npmi功能：它的主要功能是安装项目依赖，会依据项目根目录下的package.json文件来安装所有依赖包。要是项目里有package-lock.json或者npm-shrinkwrap.json文件，npmi会尽量依照这些文件里记录的版本来安装
  • 从零到一：如何系统化封装并发布 React 组件库到 npm 冬冬小圆帽 react.jsnpmrust
    1.项目初始化1.1创建项目首先，创建一个新的项目目录并初始化package.json文件。mkdirmy-component-librarycdmy-component-librarynpminit-y1.2安装依赖安装开发所需的依赖项，如构建工具、测试框架等。npminstall--save-devwebpackwebpack-clibabel-loader@babel/core@babel/
  • c#读取json某一节点数据_C#中怎么解析JSON数据，并获取到其中的值？ yiqin luo c#读取json某一节点数据
    【1】首先我们根据创建一个json字符转stringjson=@"[{'phantom':true,'id':'20130717001','data':{'MID':1019,'Name':'aaccccc','Des':'cc','Disable':'启用','Remark':'cccc'}}]";【2】首先我们根据创建一个json字符转我们根据字符串的数据结构定义两个类：publicclass
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第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/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他