一叶飘零晋
一叶飘零晋

Vue-10、Vue键盘事件

1、vue中常见的按键别名
Vue-10、Vue键盘事件_第1张图片
回车 ---------enter

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>键盘事件</title>
    <!--引入vue-->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <style>
        *{
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div id="root">
    <h2>欢迎来到{{name}}学习</h2>
    <input type="text" placeholder="按下回车提示输入" @keyup.enter="showInfo">
</div>
<script type="text/javascript">
    Vue.config.productionTip=false;
    new Vue({
        el:"#root",
        data:{
            name:'北京大学',
        },
        methods:{
            showInfo(e){
                console.log(e.target.value)
            }
        }
    })
</script>
</body>
</html>

Vue-10、Vue键盘事件_第2张图片
删除---------delete

Vue-10、Vue键盘事件_第3张图片

退出---------esc
Vue-10、Vue键盘事件_第4张图片
空格---------space
Vue-10、Vue键盘事件_第5张图片
换行---------tab（特殊，必须配合keydown使用）
Vue-10、Vue键盘事件_第6张图片

上---------up
Vue-10、Vue键盘事件_第7张图片

下---------down
Vue-10、Vue键盘事件_第8张图片

左---------left
Vue-10、Vue键盘事件_第9张图片

右---------right

Vue-10、Vue键盘事件_第10张图片
键盘上任意按键名称及编码查看

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>键盘事件</title>
    <!--引入vue-->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<div id="root">
    <input type="text" placeholder="按下回车提示输入" @keyup="showInfo">
</div>
<script type="text/javascript">
    Vue.config.productionTip=false;
    new Vue({
        el:"#root",
        methods:{
            showInfo(e){
                console.log(e.key,e.keyCode)
            }
        }
    })
</script>
</body>
</html>

Vue-10、Vue键盘事件_第11张图片
注意 :

1、系统修饰键（用法特殊）：ctrl、alt、shift、meta 配合keyup使用：按下修饰键的同时，再按下其他键，随后释放其他键，事件才被触发。 配合keyup使用正常触发事件。

2、Vue 未提供别名的按键，可以使用按键原始的key值去绑定，但要注意转为kebab-case(短横线命名)；

如转换大小写的按键

Vue-10、Vue键盘事件_第12张图片

Vue-10、Vue键盘事件_第13张图片
使用keyCode去制定具体的按键（不推荐）
Vue-10、Vue键盘事件_第14张图片
Vue.config.keyCodes.自定义键名=键码，可以去定制按键别名

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>键盘事件</title>
    <!--引入vue-->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<div id="root">
    <input type="text" placeholder="按下回车提示输入" @keydown.huiche="showInfo">
</div>
<script type="text/javascript">
    Vue.config.productionTip=false;
    Vue.config.keyCodes.huiche = 13; //定义了一个别名按键
    new Vue({
        el:"#root",
        methods:{
            showInfo(e){
                console.log(e.key,e.keyCode)
            }
        }
    })
</script>
</body>
</html>

Vue-10、Vue键盘事件_第15张图片
ctrl + y 一起按的时候才触发

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>键盘事件</title>
    <!--引入vue-->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<div id="root">
    <input type="text" placeholder="按下回车提示输入" @keyup.ctrl.y="showInfo">
</div>
<script type="text/javascript">
    Vue.config.productionTip=false;
    new Vue({
        el:"#root",
        methods:{
            showInfo(e){
                console.log(e.key,e.keyCode)
            }
        }
    })
</script>
</body>
</html>

Vue-10、Vue键盘事件_第16张图片

你可能感兴趣的:(vue,vue.js,计算机外设,javascript)

  • 【现代前端框架中本地图片资源的处理方案】 Gazer_S 前端框架前端缓存javascriptchrome
    现代前端框架中本地图片资源的处理方案前言在前端开发中，正确引用本地图片资源是一个常见但容易被忽视的问题。我们不能像在HTML中那样简单地使用相对路径，因为JavaScript模块中的路径解析规则与HTML不同，且现代构建工具对静态资源有特殊的处理机制。本文将详细探讨在webpack和Vite等构建工具中处理本地图片引用的各种方法。传统方式的局限性在传统开发中，我们可能习惯这样引用图片：constl
  • 通俗理解闭包 yuren_xia 前端技术javascript
    JavaScript在ES6之前并没有类的概念，但通过原型链和闭包，开发者可以实现类似继承和封装的功能（原型链实现继承，闭包实现封装）。ES6引入了类语法，但闭包仍然是实现私有数据封装的重要手段之一。另外，使用闭包还可用于保存上下文信息等场景。一、定义从函数角度闭包是指有权访问另一个函数作用域中的变量的函数。即使外部函数已经返回，闭包仍然可以访问外部函数内部的变量。例如：functionouter
  • SpringBoot + vue 管理系统 m0_74825565 面试学习路线阿里巴巴springbootvue.js后端
    SpringBoot+vue管理系统文章目录SpringBoot+vue管理系统1、成品效果展示2、项目准备3、项目开发3.1、部门管理3.1.1、前端核心代码3.1.2、后端代码实现3.2、员工管理3.2.1、前端核心代码3.2.2、后端代码实现3.3、班级管理3.3.1、前端核心代码3.3.2、后端代码实现3.4、学生管理3.4.1、前端核心代码3.4.2、后端代码实现3.5、数据统计3.5.
  • HC32F460_SCI驱动（一） 嵌入式老牛 HC32F460驱动库HC32F460C语言嵌入式硬件驱动库串口
    在开始介绍HC32F460的SCI驱动之前，先重点说明一下功能组与串口相关参数，以便于更好的描述SCI驱动。1.功能组1.1基本概念HC32F460的引脚功能复用机制通过Func_Grp（功能组）实现，其灵活性显著高于传统单片机（如STM32系列）。每个引脚支持多种外设功能，具体功能通过选择对应的Func_Grp编号配置。该方案的灵活度极高，户可自由分配外设到指定引脚，无需遵循固定映射规则，极大提
  • 前端开发中的常见问题与疑惑：解析与应对策略 lina_mua javascriptvue.jshtml前端es6
    1.引言1.1前端开发的复杂性前端开发涉及HTML、CSS、JavaScript等多种技术，同时还需要考虑性能优化、跨浏览器兼容性、用户体验等问题。随着前端技术的快速发展，开发者面临的挑战也越来越多。1.2本文的目标本文旨在总结前端开发中常见的问题与疑惑，并提供相应的解决方案和应对策略，帮助开发者更好地应对挑战。2.HTML/CSS常见问题2.1布局问题：如何实现复杂的页面布局？问题描述：实现复杂
  • 记录更换电脑硬盘并克隆数据 鱼干～ 电脑
    1.傲梅安装在c盘2.删除旧机械硬盘里无用的软件以及数据3.删除新固态硬盘里的无用数据，并备份数据到其他电脑硬盘或存储设备4.打开傲梅==》克隆硬盘==>选择源旧机械硬盘》目标新固态硬盘》弹窗提示点击是==》设置里选中“让分区适应整个硬盘大小”》点击保存》提交里点击执行即可5.执行完毕后关机，拆掉旧机械硬盘，换上新固态硬盘6.开机后，在计算机管理–》存储==》磁盘管理==》更改新固态硬盘的驱动器号
  • Linux驱动开发: USB驱动开发 DS小龙哥 Linux系统编程与驱动开发linuxUSB驱动嵌入式
    一、USB简介1.1什么是USB?USB是连接计算机系统与外部设备的一种串口总线标准，也是一种输入输出接口的技术规范，被广泛地应用于个人电脑和移动设备等信息通讯产品，USB就是简写，中文叫通用串行总线。最早出现在1995年，伴随着奔腾机发展而来。自微软在Windows98中加入对USB接口的支持后，USB接口才推广开来，USB设备也日渐增多，如数码相机、摄像头、扫描仪、游戏杆、打印机、键盘、鼠标等
  • 【LangChain编程：从入门到实践】实现多模态代理 AI天才研究院 DeepSeekR1&大数据AI人工智能大模型AI大模型企业级应用开发实战AI大模型应用入门实战与进阶计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    【LangChain编程：从入门到实践】实现多模态代理作者：禅与计算机程序设计艺术/ZenandtheArtofComputerProgramming关键词：LangChain编程，多模态代理，自然语言处理，多媒体数据融合，复杂任务解决能力1.背景介绍1.1大背景与问题的提出随着人工智能技术的飞速发展，尤其是大模型在自然语言处理领域的突破，如通义千问、通义万相、阿里云通义大模型等，我们正迎来一个全
  • 网络安全尹毅 《网络安全》 黑客Ash web安全网络安全
    点击文末小卡片，免费获取网络安全全套资料，资料在手，涨薪更快一网络安全基本概念1.网络安全定义安全在字典中的定义是为了防范间谍活动或蓄意破坏、犯罪、攻击而采取的措施。网络安全就是为了防范计算机网络硬件、软件、数据被偶然或蓄意破坏、篡改、窃听、假冒、泄露、非法访问以及保护网络系统持续有效工作的措施总和。网络安全保护范围：密码安全、计算机系统安全、网络安全、信息安全。2.网络安全目标可靠性（relia
  • 以笔触编织计算机领域的故事** 爱编程的Loren 活动文章活动文章
      ###活动启事  大学生们，是时候拿起你的笔，释放你的创造力了！我们正在举办一个为期14天的写作博客创作挑战赛，邀请你一同参与，挖掘你的创作潜能，展现你的写作才华。这个活动旨在发掘写作的魅力，共同编织我们的故事。  ####活动背景  这个挑战赛专为热爱写作的大学生博主设立，意在为大家提供一个展现自己计算机领域专业知识、观点与创意的平台。无论是想要深入探索某个计算机技术领域，还是分享个人编程经
  • React vs Vue3深度对比与使用场景分析 匹马夕阳 VUE技术集锦react.js前端前端框架
    在前端开发领域，React和Vue3是两个备受瞩目的框架。它们都提供了强大的功能和灵活的开发方式，但各自的设计理念、使用方式和适用场景有所不同。本文将深入探讨React和Vue3的区别，通过代码示例和具体的使用场景，帮助开发者更好地理解并选择适合自己的框架。一、核心概念与设计理念1.ReactReact是由Facebook开发的一个JavaScript库，主要用于构建用户界面。它的核心理念是组件化
  • 【3D格式转换SDK】HOOPS Exchange技术概览（一）：3D 数据处理高效能与定制化 工业3D_大熊 3DCAD开发工具3d3D建模3D模型轻量化3D模型Web可视化3D数据格式转换3D格式转换CAD格式转换
    HOOPSExchange是一款专为3D工程应用开发而设计的SDK，旨在助力开发者便捷地访问和重用由CAD与BIM设计应用所生成的3D数据，为3D产品运营提供了强大的数据基础。借助单一且集成化的界面，HOOPSExchange能够高效地导入、转换以及导出超过30种原生及标准格式的3D数据，具体涵盖以下格式：机械计算机辅助设计（MCAD）领域：CATIA、NX、Creo、SOLIDWORKS、Inv
  • 什么是三次握手? 十五001 基础网络
    三次握手，这是计算机网络中TCP协议建立连接的过程。三次握手是确保两个主机之间能够可靠通信的重要机制。1.什么是三次握手？定义三次握手是TCP协议用来建立可靠连接的过程。它通过三次消息交换，确保两个主机之间能够正确地发送和接收数据。这个过程包括三个步骤：SYN、SYN-ACK和ACK。2.三次握手的过程2.1第一次握手（SYN）发起方（客户端）：客户端向服务器发送一个SYN（同步）报文，表示请求建
  • compare-form.vue 的 v 来源（来自父组件index.vue中的row行数据） 小丁学Java 产品资质管理系统ubuntulinux运维
    文章目录`compare-form.vue`的父组件`compare-form.vue`的`v`来源相关代码片段1.`value`的Prop定义2.`@Watch('value')`及其`watchValue`方法3.与`value`间接相关的代码（影响`v`的初始化或使用）总结子组件compare-form.vue父组件index.vue以下是关于compare-form.vue和其父组件src
  • 点击修改按钮图片显示有问题 小丁学Java 产品资质管理系统vue
    问题可能出在表单数据的初始化上。在ave-form.vue中，我们需要处理一下从后端返回的图片数据，因为它们可能是JSON字符串格式。vue:src/views/tools/fake-strategy/components/ave-form.vue//...existingcode...@Watch('value')watchValue(v:any){this.$nextTick(()=>{thi
  • JavaScript BOM（浏览器对象模型）与 `setTimeout` 函数：控制浏览器行为的利器 人才程序员 杂谈javascript开发语言ecmascriptfirefoxhtml5jquerysafari
    文章目录JavaScriptBOM（浏览器对象模型）与`setTimeout`函数：控制浏览器行为的利器⏳什么是BOM？`setTimeout`函数：实现延时操作⏳基本语法：示例：基本使用`setTimeout`返回值：定时器ID示例：取消定时器`setTimeout`的实际应用`setTimeout`的注意事项⚠️小结：BOM与`setTimeout`的妙用JavaScriptBOM（浏览器对象
  • 100种算法【Python版】第38篇—— Tarjan算法 AnFany 算法python开发语言Tarjan算法群体分析
    本文目录1算法说明2算法示例：社交群体分析3算法示例：交通路网中的强连通分量识别4算法应用1算法说明Tarjan算法由计算机科学家RobertTarjan于1972年提出，目的是在有向图中有效地找到强连通分量（StronglyConnectedComponents,SCC）。强连通分量是指图中一个最大子图，其中任意两个节点之间都有路径相互可达。Tarjan算法是基于深度优先搜索（DFS）的一种高效
  • 哈工大计算机系统lab7——微壳 awhiteknow0 软件构造作业要求计算机系统
    实验报告实验（七）题目TinyShell微壳专业计算机类学号**********班级1903003学生李*涵指导教师郑**实验地点G709实验日期2021.6.4计算机科学与技术学院目录第1章实验基本信息...-4-1.1实验目的...-4-1.2实验环境与工具...-4-1.2.1硬件环境...-4-X64CPU;1.80GHz;12GRAM;512GHDSSD;-4-1.2.2软件环境...-
  • OpenCV开源机器视觉软件 视觉人机器视觉 杂说opencv开源人工智能
    OpenCV（OpenSourceComputerVisionLibrary）是一个开源的计算机视觉和机器学习软件库，广泛应用于实时图像处理、视频分析、物体检测、人脸识别等领域。它由英特尔实验室于1999年发起，现已成为计算机视觉领域最流行的工具之一，支持多种编程语言（如C++、Python、Java）和操作系统（Windows、Linux、macOS、Android、iOS）。核心功能图像处理基
  • 软件定义网络（SDN）技术解析：现代网络架构的革新 Lethehong SDN技术网络架构php开发语言
    嗨，我是Lethehong！立志在坚不欲说，成功在久不在速欢迎关注：点赞⬆️留言收藏欢迎使用：小智初学计算机网页AI文末第六点有：基于SDN控制器的流量转发示例目录一、什么是软件定义网络（SDN）？二、SDN的工作原理1、控制平面（ControlPlane）2、数据平面（DataPlane）：3、应用平面（ApplicationPlane）：三、SDN的关键技术1、OpenFlow协议2、SDN控
  • Vue的测试策略：如何使用单元测试和端对端测试来确保Vue应用的质量 哎 你看 vuevue.js单元测试前端
    介绍测试的重要性在开发软件应用的过程中，测试具有重要的作用。它可以帮助开发者捕捉到程序中的错误和漏洞，保证软件的质量。功能性的测试可以帮助确认应用程序或系统满足了其功能需求。测试驱动的开发方式，如TDD（Test-DrivenDevelopment），也被广泛提倡并实践，因为它可以在早期发现并解决问题，提升开发效率。在持续集成和持续发布（CI/CD）的工作流中，自动化测试是保证代码质量的关键，它帮
  • Vue的单元测试和端到端测试：确保组件可靠性与应用完整性 哎 你看 vuevue.js单元测试前端
    引言在软件开发过程中，测试是保证代码质量和应用稳定性的关键环节。Vue.js作为流行的前端框架，提供了一套完善的测试工具和生态系统，支持开发者进行单元测试和端到端测试。本文将深入探讨如何为Vue组件编写单元测试，并讨论如何使用Cypress等工具进行端到端测试。单元测试1.单元测试的概念单元测试是针对程序中最小的可测试单元进行检查和验证的过程，通常关注函数或方法级别的测试。2.Vue组件的单元测试
  • 深入浅出 Pinia：下一代 Vue 状态管理库的核心实践与设计哲学 斯~内克 vue知识点vue.js前端javascript
    引言：为什么需要状态管理？在现代前端开发中，随着应用复杂度提升，组件间的数据共享和状态管理成为关键挑战。传统的组件间通信（如props/emit）在跨层级组件或大型应用中显得力不从心，而Vue生态早期的Vuex虽然解决了这一问题，但随着TypeScript的普及和CompositionAPI的推出，开发者对状态管理工具提出了更高要求——这便是Pinia诞生的背景。第一部分：Pinia基础概念1.1
  • vue监听中的watch监听(详解) 皓月当空hy vuevue.js
    1、watch选项用于监听数据的变化并执行相应的回调函数。watch选项提供了两个重要的属性：deep和immediate。1.1、深度监听(deep:true)当你需要监听一个对象或数组内部的变化时，可以使用deep:true。这会使得watch监听器递归地监听对象或数组内部的所有嵌套属性的变化。//示例：watch:{  myObject:{   handler(newVal,oldVal){
  • Vue.js 组件化开发：从入门到进阶 小李学软件 vue学习前端框架vue.js前端javascript前端框架
    Vue.js组件化开发：从入门到进阶大家好，今天我们来聊一聊Vue.js的“组件化开发”。目前Vue开发已经相对成熟了，相信很多朋友对组件化开发并不陌生。如果你对组件化开发已经非常熟悉，看到我的文章，欢迎点个支持一下。如果你是刚入门，我强烈建议学习一下哦。如果你想巩固Vue组件化的知识，非常推荐来学习。一、什么是组件化开发？在进入正题之前，想问大家一个问题：你有没有拼过乐高？如果有的话，你就会知道
  • Vue.js组件开发：从基础到进阶 码上飞扬 vue.js
    在现代前端开发中，Vue.js因其简洁、灵活和易上手的特点，成为了众多开发者首选的框架之一。组件化是Vue.js的核心思想之一，它让我们能够更高效、模块化地开发应用。在本文中，我们将从Vue.js的组件开发的基础知识开始，逐步探索如何通过Vue.js进行高效的组件化开发。一、Vue.js组件的基础Vue.js中的组件可以理解为一个具有特定功能的代码块，它通常包含视图（HTML）、样式（CSS）和逻
  • vue3中测试：单元测试、组件测试、端到端测试 皓月当空hy vue.js
    1、单元测试：单元测试通常适用于独立的业务逻辑、组件、类、模块或函数，不涉及UI渲染、网络请求或其他环境问题。describe('increment',()=>{//测试用例})toBe()：用于严格相等比较（===），适用于原始类型或检查引用类型是否指向同一个对象。toEqual()：用于深度比较，检查两个对象或数组的内容是否相等（即使它们不是同一个对象）。例如：test('increments
  • 在职考研可行性探索 HL_LOVE_C 生活观察考研
    一、考研基本门槛与条件1.报名资格学历要求：国家承认的本科毕业生（含应届、往届），你的南邮本科完全符合条件。年龄限制：绝大多数专业无年龄限制（部分特殊专业如军校除外）。工作年限：仅对管理类专硕（如MBA/MPA）要求本科毕业后3年以上工作经验，与你报考计算机/软件工程无关。2.可报考方向学术型硕士（学硕）：如计算机科学与技术（0812）、软件工程（0835），偏重科研，适合未来读博或进研究院。专业
  • 现代前端框架渲染机制深度解析：虚拟DOM到编译时优化 桂月二二 前端框架
    引言：前端框架的性能进化论TikTokWeb将React18迁移至Vue3后，点击响应延迟降低42%，内存占用减少35%。Shopify采用Svelte重构核心交互模块，首帧渲染速度提升580%。Discord在Next.js14中启用ReactServerComponents后，服务端数据吞吐量增加240%，客户端Bundle体积减少54%。一、主流框架技术架构差异1.1三大范式运行机制对比维度
  • 基于SpringBoot+Vue驾校理论课模拟考试系统源码(自动化部署) .whl Java学习进阶毕设源码springbootvue.js自动化
    DrivingTestSimulationUnity3DProject,subjecttwo,simulateddrivingtest【更新信息】更新时间-2021-1-17解决了方向盘不同机型转动轴心偏离更新时间-2021-2-18加入了手刹系统待更新-2021-6-19（工作太忙少有时间更新，先指出问题）解决了在REC回放下偶然出现的物体回放错位BUG（每一个挂ReplayEntity.cs的
  • Java常用排序算法/程序员必须掌握的8大排序算法 cugfy java
    分类： 1）插入排序（直接插入排序、希尔排序） 2）交换排序（冒泡排序、快速排序） 3）选择排序（直接选择排序、堆排序） 4）归并排序 5）分配排序（基数排序） 所需辅助空间最多：归并排序 所需辅助空间最少：堆排序 平均速度最快：快速排序 不稳定：快速排序，希尔排序，堆排序。 先来看看8种排序之间的关系：   1.直接插入排序 （1
  • 【Spark102】Spark存储模块BlockManager剖析 bit1129 manager
    Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色
  • linux 查看端口被占用情况详解 daizj linux端口占用netstatlsof
    经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序   1、lsof -i:port port为端口号   [root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 COMMAND   PID USER   FD   TY
  • Hosts文件使用 周凡杨 hostslocahost
         一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:
  • java excel工具 g21121 Java excel
    直接上代码，一看就懂，利用的是jxl： import java.io.File; import java.io.IOException; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl.read.biff.BiffException; import jxl.write.Label; import
  • web报表工具finereport常用函数的用法总结（数组函数） 老A不折腾 finereportweb报表函数总结
    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。 示例： ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. ADDARRAY([3,4, 1, 5, 7], "测试&q
  • 游戏服务器网络带宽负载计算 墙头上一根草 服务器
    家庭所安装的4M，8M宽带。其中M是指，Mbits/S 其中要提前说明的是： 8bits = 1Byte 即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。 我是在计算我们网络流量时想到的
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans Spring 3 系列
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • 高性能mysql 之 选择存储引擎(一) annan211 mysqlInnoDBMySQL引擎存储引擎
    1 没有特殊情况，应尽可能使用InnoDB存储引擎。   原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她   被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃   恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常
  • UDP网络编程 百合不是茶 UDP编程局域网组播
      UDP是基于无连接的,不可靠的传输   与TCP/IP相反       UDP实现私聊,发送方式客户端,接受方式服务器 package netUDP_sc; import java.net.DatagramPacket; import java.net.DatagramSocket; import java.net.Ine
  • JQuery对象的val()方法执行结果分析 bijian1013 JavaScriptjsjquery
            JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。        
  • http请求测试实例（采用json-lib解析） bijian1013 jsonhttp
            由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 package com; import java.util.HashMap; import java.util.Map; import
  • 【RPC框架Hessian四】Hessian与Spring集成 bit1129 hessian
    在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。   定义模型、接口和服务器端代码 |---Model    &nb
  • 【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析 bit1129 Mahout
    1.Mahout环境搭建  1.下载Mahout http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz    2.解压Mahout  3. 配置环境变量 vim /etc/profile export HADOOP_HOME=/home
  • nginx负载tomcat遇非80时的转发问题 ronin47
    　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port        详细如下： 　　 该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的： ? 1 2 3 4 5
  • java-17-在一个字符串中找到第一个只出现一次的字符 bylijinnan java
    public class FirstShowOnlyOnceElement { /**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b * 1.int[] count:count[i]表示i对应字符出现的次数 * 2.将26个英文字母映射：a-z <--> 0-25 * 3.假设全部字母都是小写 */ pu
  • mongoDB 复制集 开窍的石头 mongodb
    mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题             mo
  • [宇宙与天文]宇宙时代的经济学 comsci 经济
        宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。      在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源      以目前地球上国家的经济发展水平来讲，
  • Git忽略文件 Cwind git
         有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。 ==== ==== ==== 一些牢骚
  • MySQL连接数据库的必须配置 dashuaifu mysql连接数据库配置
    MySQL连接数据库的必须配置   1.driverClass：com.mysql.jdbc.Driver   2.jdbcUrl：jdbc:mysql://localhost:3306/dbname   3.user：username   4.password：password   其中1是驱动名；2是url，这里的‘dbna
  • 一生要养成的60个习惯 dcj3sjt126com 习惯
    一生要养成的60个习惯 第1篇 让你更受大家欢迎的习惯 1 守时，不准时赴约,让别人等,会失去很多机会。 如何做到： ①该起床时就起床， ②养成任何事情都提前15分钟的习惯。 ③带本可以随时阅读的书，如果早了就拿出来读读。 ④有条理，生活没条理最容易耽误时间。 ⑤提前计划：将重要和不重要的事情岔开。 ⑥今天就准备好明天要穿的衣服。 ⑦按时睡觉，这会让按时起床更容易。 2 注重
  • [介绍]Yii 是什么 dcj3sjt126com PHPyii2
    Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。 Yii 最适合做什么？ Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应
  • Linux SSH常用总结 eksliang linux sshSSHD
    转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机   格式： ssh name@remoteserver 例如： ssh [email protected]   二、连接到远程主机指定的端口   格式： ssh name@remoteserver -p 22 例如： ssh i
  • 快速上传头像到服务端工具类FaceUtil gundumw100 android
    快速迭代用 import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOExceptio
  • jQuery入门之怎么使用 ini JavaScripthtmljqueryWebcss
    jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？   首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
  • 带filter的hbase查询优化 kane_xie 查询优化hbaseRandomRowFilter
    问题描述 hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。   问题原因 直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需
  • java设计模式-单例模式 men4661273 java单例枚举反射IOC
             单例模式1，饿汉模式 //饿汉式单例类.在类初始化时，已经自行实例化 public class Singleton1 { //私有的默认构造函数 private Singleton1() {} //已经自行实例化 private static final Singleton1 singl
  • mongodb 查询某一天所有信息的3种方法，根据日期查询 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    // mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。 // 第一种方式： coll.aggregate([ {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}}, {$match:{sendDate: '2015-
  • 二维数组转换成JSON tangqi609567707 java二维数组json
    原文出处：http://blog.csdn.net/springsen/article/details/7833596 public class Demo {     public static void main(String[] args) {        String[][] blogL
  • erlang supervisor wudixiaotie erlang
    定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他