陈明勇1999
陈明勇1999

Vue框架——事件绑定

事件绑定

  • Vue如何处理事件
  • 事件函数的调用方式
  • 函数调用参数传递
    • 事件绑定-参数传递总结
  • 事件修饰符
  • 按键修饰符
  • 自定义按键修饰符

Vue如何处理事件

  • v-on指令用法

    <div><button v-on:click='number++'>按钮button>div>

  • v-on简写形式

    <div><button @click='number++'>按钮button>div>

事件函数的调用方式

  • 直接绑定函数名称

    <div><button @click='handler'>按钮button>div>

  • 直接调用函数

    <div><button @click='handler()'>按钮button>div>

函数调用参数传递

  • 普通参数和事件对象

    <div><button @click='sayHi("hi",$event)'>Hibutton>div>

    var vm = new Vue({
       
    el: '#app',
    data: {
       
        number: 0,
    },
    methods: {
       
        sayHi: function(p, event) {
       
            console.log(p);
            console.log(event.target.innerHTML);
            this.number++;
        },
    }
});

事件绑定-参数传递总结

  • 如果事件直接绑定函数名称，那么默认会传递事件对象($event)作为事件函数的第一个参数
  • 如果事件绑定函数调用，那么事件对象($event)必须作为最后一个参数传递，并且事件对象的名称必须是$event

事件修饰符

  • .stop阻止冒泡

    <div @click="f0">
    <button @click='f1'>按钮button>
div>

    var vm = new Vue({
       
    el: '#app',
    data: {
       
        number: 0,
    },
    methods: {
       
        f0: function() {
       
            console.log(event.target.innerHTML);
        },
        f1: function() {
       

        },
    }
});

    当点击按钮时，便会触发调用f1和f0函数，事件冒泡到f0了，若想阻止冒泡，添加事件修饰符.stop即可

    <button @click.stop='f1'>按钮button>

  • .prevent阻止默认行为

    <div>
    <a href="http://www.baidu.com">百度a>
div>

    点击a标签之后，页面将会跳转到百度页面，如果想要阻止这个行为，添加.prevent事件修饰符即可

    <a href="http://www.baidu.com" @click.prevent="handler1">百度a>

按键修饰符

  • .enter 回车键

    
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>按键修饰符title>
head>

<body>
    <div id="app">
        <form action="">
            <div>
                用户名：
                <input type="text" v-model='username'>
            div>
            <div>
                密 码：
                <input type="text" v-on:keyup.enter="submitHandle" v-model='password'>
            div>
            <div>
                <input type="button" v-on:click="submitHandle" value="提交">
            div>
        form>
    div>
    <script src="js/vue-2.5.16.js">script>
    <script>
        var vm = new Vue({
        
            el: '#app',
            data: {
        
                username: '',
                password: '',
            },
            methods: {
        
                // 提交函数
                submitHandle: function() {
        
                    console.log(this.username, this.password);
                },
            }
        });
    script>
body>

html>

    上述代码为提交按钮定义了一个提交函数(submitHandle)，当按钮被点击之后就会触发这个函数。同时给密码框加上.enter回车键修饰符，当按下回车键之后也会触发submitHandle函数。

  • .delete 删除键

    
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>按键修饰符title>
head>

<body>
    <div id="app">
        <form action="">
            <div>
                用户名：
                <input type="text" v-on:keyup.delete="clearContent" v-model='username'>
            div>
            <div>
                密 码：
                <input type="text" v-on:keyup.enter="submitHandle" v-model='password'>
            div>
            <div>
                <input type="button" v-on:click="submitHandle" value="提交">
            div>
        form>
    div>
    <script src="js/vue-2.5.16.js">script>
    <script>
        var vm = new Vue({
        
            el: '#app',
            data: {
        
                username: '',
                password: '',
            },
            methods: {
        
                // 提交函数
                submitHandle: function() {
        
                    console.log(this.username, this.password);
                },
                clearContent: function() {
        
                    // 按delete键的时候清空用户名
                    this.username = '';
                }
            }
        });
    script>
body>

html>

    上述代码为用户框用加上了.delete 按键修饰符和绑定clearContent函数，当用户点击Delete按键之后将会清空用户名。

自定义按键修饰符

  • 方式1——通过ASCILL定义

    
	

    

    var vm = new Vue({
       
    el: '#app',
    data: {
       

    },
    methods: {
       
        showASCILL: function(event) {
       
            console.log(event.keyCode);
        }
    }
});

  • 方式2——通过全局config.keyCodes对象定义

    <div>
    <input type="text" v-on:keyup.x="showASCILL">
div>

    Vue.config.keyCodes.x = 66;
var vm = new Vue({
       
    el: '#app',
    data: {
       

    },
    methods: {
       
        showASCILL: function(event) {
       
            console.log(event.keyCode);
        }
    }
});

你可能感兴趣的:(Vue框架学习,vue,javascript,bind,vue.js,vue事件)

  • 学生作业-学生选课系统，后端SpringBoot + maven，前端vue。涉及管理员、学生和教师三个角色。教师可设置课程信息以及学生成绩录入；学生可选课和查看成绩。源码中包含MySQ数据表sql。 程序员WANG vue.js前端springboot
    1、学生作业-学生选课系统，后端SpringBoot+maven，前端vue。涉及管理员、学生和教师三个角色。教师可设置课程信息以及学生成绩录入；学生可选课和查看成绩。2、源码中包含数据表，sql文件，mysql数据库，可一键导入。3、管理员账号和密码root、root；学生和教师的账号请查看数据表，密码均为123456。4、Management是后端代码，vue是前端vue代码，按照正常启动（v
  • minio免费文件管理器（windows版本），若依RuoYi-Vue-Plus框架使用，有需要的可以下载，因为官网下载特别慢 程序员WANG 工具windowsvue.js容器
    MinIO是一款开源的对象存储系统，它提供类似AmazonS3的云存储服务，适用于各种规模的企业。MinIO设计为高性能、安全且易于使用，适合存储大量的非结构化数据，如图片、文档、视频以及大数据分析中的日志文件等。在本案例中，我们关注的是Windows版本的MinIO，它被集成到了若依RuoYi-Vue-Plus框架中，以实现文件管理功能。若依RuoYi-Vue-Plus是一个基于Vue.js的现
  • 全面解析npm：功能、用途、命令和配置 阿吉的呓语 java开发知识npm
    1.npm简介npm（NodePackageManager）是Node.js的官方包管理工具，用于安装、发布、管理JavaScript包和依赖关系。它是世界上最大的软件注册表之一，拥有数百万个包，每天处理数十亿次的下载请求。2.npm的功能和用途包安装和管理：通过npm可以方便地安装、更新、删除JavaScript包。依赖管理：npm能够管理项目的依赖关系，包括安装、更新和移除依赖。包发布和管理：
  • 【前端】Layui的表格常用功能，表单提交事件，表格下拉按钮点击事件，表格外的按钮点击事件 m0_74824823 vip1024p前端layuijavascript
    欢迎来到《小5讲堂》大家好，我是。这是《前端》系列文章，每篇文章将以博主理解的角度展开讲解，特别是针对知识点的概念进行叙说，大部分文章将会对这些概念进行实际例子验证，以此达到加深对知识点的理解和掌握。温馨提示：博主能力有限，理解水平有限，若有不对之处望指正！目录前言核心方法常用模块表单按钮事件表格字段事件文章推荐前言最近在维护老系统，尽量使用过layui，但是时间久了，总会忘记一些方法的使用。因此
  • vue+Element实现搜索关键字高亮功能 hsany330
    本文实例为大家分享了vueelementUI表格关键字筛选高亮的具体代码，供大家参考，具体内容如下代码：1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787
  • 使用npm创建three.js项目 ShawnWeasley npmjavascriptarcgis前端node.js
    1.安装Node.js和npm首先，需要在您的计算机上安装Node.js和npm。Node.js是一个JavaScript运行环境，而npm是一个JavaScript包管理器。npm会随Node.js一起安装，因此只需要安装Node.js即可。从Node.js的官方网站(https://nodejs.org)下载并安装适合您操作系统的版本。2.创建一个新的项目在您希望创建项目的目录下，手动创建一个
  • 当使用 npm 时，出现 `certificate has expired` 错误通常意味着请求的证书已过期。 程序员WANG 工具npm前端node.js
    当使用npm时，出现certificatehasexpired错误通常意味着请求的证书已过期。这可能是由于以下几种情况：网络代理问题：如果使用了网络代理，代理服务器的证书可能过期或配置有误。系统时间错误：系统时间不准确可能导致证书验证失败，因为证书的有效期是基于时间的。远程服务器证书问题：https://registry.npm.taobao.org/@vue%2fcli的证书可能在服务器端过期或
  • 生命周期函数——created、onload、mounted、updated的执行顺序 编程星空 前端javascriptvue.js
    created和onload是非常重要的生命周期函数，涉及到组件初始化和数据绑定的顺序。created：（1）created是在Vue实例创建完成后立即被执行的。（2）在created中我们可以访问到组件的数据和方法，并进行一些初始化操作。此时的this指向VueComponent（其中包含所有的组件数据和方法）（3）通常我们会在created函数中发送请求获取数据，并将其存储在组件的data中。
  • linux中启动rpc.rstat监控
    在Linux中启动rpc.rstatd监控服务的步骤详解rpc.rstatd服务是一个用于收集远程主机性能统计信息的服务，常见于UNIX类系统中，通常与rpcbind一起工作，提供系统的CPU、内存、磁盘等资源的实时监控数据。在Linux系统中，启用并配置rpc.rstatd服务可以帮助管理员实时获取系统的性能信息，便于后续的监控和分析。接下来，将详细介绍如何在Linux中启动并配置rpc.rst
  • 风控系统之事件溯源，决策流程记录与版本控制 后端
    个人博客：无奈何杨（wnhyang）个人语雀：wnhyang共享语雀：在线知识共享Github：wnhyang-Overview背景一天，小明在风控管理台查看事件数据时，发现一笔决策结果为“拒绝”❌的交易事件，小明点开事件详情发现其触发了一条“24小时内向不同陌生账户转账超过30w”的规则，规则设置的处置方式是“拒绝”❌。小明通过策略规则却查不到那条“24小时内向不同陌生账户转账超过30w”的规则
  • 深入了解JSON：Python中JSON的全面应用指南 kdayjj966 开发语言jsonpython
    JSON（JavaScriptObjectNotation）是一种广泛使用的数据交换格式，以其轻量级和易于阅读及解析的特性而备受欢迎。JSON起源于JavaScript，但已经被许多编程语言广泛支持，包括Python。本教程将深入探讨JSON的构造、数据类型，以及在Python中的多种操作方式。JSON的基础构造JSON由两种主要结构组成：对象（Object）和数组（Array）。对象（Objec
  • 探索JavaScript的宇宙：《JS星球系统》 潘俭渝Erik
    探索JavaScript的宇宙：《JS星球系统》solar-system-of-jsVisualizethelanguagesontheJSplatform项目地址:https://gitcode.com/gh_mirrors/so/solar-system-of-js在快速发展的前端世界中，JavaScript已经成为无可争议的主宰，围绕它的语言和框架如群星璀璨，构成了一个壮观的“JS星球系统”
  • linux 进程状态显示dl,Linux系统中的实时调度器DL调度器的原理是什么？详细概述... 筱潄艾尼 linux进程状态显示dl
    一、概述实时系统是这样的一种计算系统：当事件发生后，它必须在确定的时间范围内做出响应。在实时系统中，产生正确的结果不仅依赖于系统正确的逻辑动作，而且依赖于逻辑动作的时序。换句话说，当系统收到某个请求，会做出相应的动作以响应该请求，想要保证正确地响应该请求，一方面逻辑结果要正确，更重要的是需要在最后期限(deadline)内作出响应。如果系统未能在最后期限内进行响应，那么该系统就会产生错误或者缺陷。
  • 如何学懂C++语言：C++从入门到精通的全面指南（完整C++学习笔记） 猿享天开 c++学习笔记
    数字人助手猿小美带你一起学编程一、引言作为一名拥有多年开发经验的技术人员，我的职业生涯涵盖了多种编程语言，包括C语言、C++、C#和JavaScript等。在我多年的编程生涯中，这些语言不仅丰富了我的知识储备，还极大地拓展了我的视野和技能。出于对编程的热爱，以及希望帮助更多编程爱好者的目的，我决定利用业余时间整理一套全面的C++语言学习指南。这套指南旨在为C++语言编程爱好者提供一个清晰的学习路线
  • 海外抖音技术深度解析：算法、AI与全球化的挑战 神探阿航 计算机产业科普与思考算法人工智能机器学习数据挖掘深度学习
    引言2025年1月19日，在美国宣布暂停服务，这一事件引发了全球用户的广泛关注。作为全球最受欢迎的短视频平台之一，其成功离不开其强大的技术支撑，尤其是其个性化推荐算法和AI驱动的创作工具。然而，随着全球市场环境的变化，它面临的技术与运营挑战也日益凸显。本文将深入分析其技术核心、全球化运营中的挑战及其未来发展方向。核心：个性化推荐引擎其算法是其成功的关键，其核心在于个性化推荐引擎。该引擎采用深度学习
  • JAVA 反射(JAVA面试题) geejkse_seff java开发语言
    5.1.2.JAVA反射5.1.2.1.动态语言动态语言，是指程序在运行时可以改变其结构：新的函数可以引进，已有的函数可以被删除等结构上的变化。比如常见的JavaScript就是动态语言，除此之外Ruby,Python等也属于动态语言，而C、C++则不属于动态语言。从反射角度说JAVA属于半动态语言。5.1.2.2.反射机制概念（运行状态中知道类所有的属性和方法）在Java中的反射机制是指在运行状
  • 放弃传统模板语言，前后端分离架构和传统架构相比到底强在哪？ 博远~ 前端架构
    引言在当今Web开发中，后端SpringBoot和前端Vue通过前后端分离架构来结合，已经是一个成熟的主流技术栈了。这种前后端分离的架构方式，目前广泛应用于约90%以上通过Java开发的Web应用中。但是，对于为何弃用了之前服务端渲染页面的方式，而选择了前后端分离架构，现有大多数开发者和企业都是懵懵懂懂，甚至有些公司还觉得，之前一个人能干的项目，现在变成了两个人干，增加了成本和复杂度，降低了效益。
  • Node.js 到底是什么 yqcoder Node.js从入门到精通node.js
    Node.js是一个基于ChromeV8引擎的JavaScript运行环境，它允许开发者使用JavaScript编写服务器端代码。一、主要特点1.事件驱动和非阻塞I/O模型Node.js采用事件驱动架构，通过回调函数处理I/O操作，这使得它在处理大量并发请求时表现出色。当执行I/O操作（如文件读写、网络请求等）时，Node.js不会阻塞程序的执行，而是继续处理其他任务，当I/O操作完成后，通过回调
  • 两万字探讨时间轮算法 Damon_0411 算法javaspring
    1.引言1.1背景介绍随着分布式系统、微服务架构的流行以及高并发场景的广泛应用，系统中处理延时任务的需求变得愈发重要。延时任务的常见场景包括：任务调度：某些任务需要按照预定时间执行，比如每天的定时数据备份。超时控制：网络连接的超时检测、数据库锁的释放延迟等。缓存管理：缓存数据的过期清理策略。事件驱动场景：如日志系统中，只有当所有日志接收完毕并经过一定延迟后才能触发归档。延时任务的本质是系统需要管理
  • 基于Spring Boot和Vue的人脸识别项目（源码） AI人H哥会Java JAVA大作业项目实战springbootvue.jsjava人工智能计算机视觉后端sql
    背景随着人工智能技术的迅猛发展，生物识别技术的迅猛发展，人脸识别已经成为最具潜力的人工智能应用之一。它不仅在安全监控、金融支付、智能家居等多个领域得到了广泛应用，也逐渐进入日常生活场景。人脸识别作为一种生物特征识别技术，能够通过分析人脸图像中的特征点，实现对个体的身份识别。利用计算机视觉技术，系统能够快速从大量图片中定位并识别特定人脸，实现身份验证和信息检索。这一技术的应用，不仅提高了安全性，还提
  • 【Javascript Day11】数组的内置方法、添加获取、元素查询及练习、排序方法数组的内置方法 clp20031101 javascript前端开发语言
    数组的内置方法//js语法中所有的数据类型都是从对象演变而来的varstr="abc";console.log(typeofstr,str.constructor);//stringconsole.log(typeofstr=="string");varuser={};console.log(typeofuser,user.constructor);vararr=[1,2];console.log
  • Java全栈项目 - 校园跑腿服务系统 天天进步2015 Java项目实战java开发语言
    项目介绍校园跑腿服务系统是一个面向高校师生的互助平台,旨在解决校园内取快递、买饭、打印等日常跑腿需求。系统采用前后端分离架构,基于SpringBoot+Vue实现。技术栈后端SpringBoot2.xSpringSecurityMyBatisPlusMySQL8.0RedisRabbitMQJWT前端Vue2.xElementUIAxiosVuexVueRouter核心功能1.用户模块注册/登录实
  • 【Vue3】main.js 小豆豆儿 javascriptvue.js开发语言
    【Vue3】main.js创建Vue应用实例引入并配置路由配置状态管理挂载应用全局属性与方法使用其他插件在Vue3项目中，main.js文件是整个应用的入口点。它负责初始化Vue实例、配置全局选项、注册全局组件、引入插件以及挂载Vue实例到DOM上。通过main.js，我们可以配置Vue应用的各种选项、引入需要的库或者插件，以及进行一些全局的初始化操作。下面将详细介绍main.js的核心作用和使用
  • 【VUE3】【Naive UI】＜n-button＞ 标签 小豆豆儿 htmlui前端vue
    【VUE3】【NaiveUI】＜n-button＞标签**`type`**-定义按钮的类型，这会影响按钮的颜色和样式。**`size`**-设置按钮的大小。**`disabled`**-布尔值，控制按钮是否处于禁用状态。**`loading`**-布尔值，表示按钮是否处于加载状态。如果为true，则显示加载指示器。**`round`**-布尔值，使按钮具有圆角**`circle`**-布尔值，使按
  • vue项目中使用mockjs模拟后端接口 上趣工作室 vue3.xvue2.xuniappvue.jsjavascriptecmascript
    Vue2中使用Mock.js来模拟数据是一个非常常见的做法，尤其是在前端开发时需要与后端接口交互但后端尚未完成的情况下。下面是一个简单的案例，演示如何在Vue2项目中使用Mock.js来模拟数据。1.安装Mock.js首先，确保在你的项目中安装了Mock.js。可以使用npm或yarn来安装：npminstallmockjs--save-dev或者yarnaddmockjs--dev2.将Mock
  • 配置vue2项目中组件命名忽略大小写 上趣工作室 vue2.xvue.js前端
    vue2中如果我们想通过目录名称下创建index.vue的方式，创建组件，有时候可能会有错误提示“componentnameindexshouldalwaysbemulti-word”，在这里我介绍一下，我亲测能使用的方法：如果项目根目录下没有.eslintrc.js文件，则创建一个该文件，如果有，则参考下方代码直接添加，代码如下//.eslintrc.jsmodule.exports={//其他
  • vue2中在组件内部通过this.$watch监听数据变化总结 上趣工作室 vue2.xuniappvue.js前端javascript
    在Vue2中，除了在组件的watch选项中定义观察者，你还可以在组件内部通过this.$watch方法来动态地观察数据的变化。这种方式允许你在运行时添加观察者，非常适合需要根据某些条件动态调整监听的场景。使用this.$watch监听对象属性变化下面是一个示例，展示如何通过this.$watch来监听对象属性的变化：A:B:newVue({el:'#app',data:{myObject:{a:1
  • vue2中父子组件传值案例总结 上趣工作室 vue2.xjavascript前端vue.js
    在Vue2中，父子组件之间的传值是通过props和事件来实现的。下面是详细的解释和总结：1.父组件向子组件传值父组件可以通过props向子组件传递数据。以下是一个简单的示例：父组件(Parent.vue)父组件importChildComponentfrom'./Child.vue';exportdefault{components:{ChildComponent},data(){return{p
  • typescript中为js文件提供类型声明 上趣工作室 javascriptvue3.xtypescriptvue.jstypescript
    案例：为JS文件提供类型声明场景描述假设我们有一个JavaScript文件utils.js，其中包含一些实用工具函数和变量。为了在TypeScript中使用这些函数和变量并获得类型提示，我们可以使用declare关键词为它们提供类型声明。1.创建JavaScript文件：utils.js//utils.jsconstgreeting="Hello,World!";functionadd(a,b){
  • 可选链语法在javascript和typescript中的使用详解 上趣工作室 javascriptjavascripttypescript开发语言
    可选链（OptionalChaining）在JavaScript和TypeScript中的使用非常相似。以下是一个详细的使用案例，包括解释和示例代码。使用案例假设我们有一个用户对象，包含用户的个人信息和地址信息。我们希望安全地访问用户的地址信息，特别是当某些属性可能不存在时。示例对象constuser={name:"Alice",address:{street:"123MainSt",city:"
  • 对股票分析时要注意哪些主要因素？ 会飞的奇葩猪 股票 分析 云掌股吧
    　　众所周知，对散户投资者来说，股票技术分析是应战股市的核心武器，想学好股票的技术分析一定要知道哪些是重点学习的，其实非常简单，我们只要记住三个要素：成交量、价格趋势、振荡指标。     一、成交量 　　大盘的成交量状态。成交量大说明市场的获利机会较多，成交量小说明市场的获利机会较少。当沪市的成交量超过150亿时是强市市场状态，运用技术找综合买点较准；
  • 【Scala十八】视图界定与上下文界定 bit1129 scala
    Context Bound，上下文界定，是Scala为隐式参数引入的一种语法糖，使得隐式转换的编码更加简洁。   隐式参数 首先引入一个泛型函数max，用于取a和b的最大值 def max[T](a: T, b: T) = { if (a > b) a else b }  因为T是未知类型，只有运行时才会代入真正的类型，因此调用a >
  • C语言的分支——Object-C程序设计阅读有感 darkblue086 applec框架cocoa
    自从1972年贝尔实验室Dennis Ritchie开发了C语言，C语言已经有了很多版本和实现，从Borland到microsoft还是GNU、Apple都提供了不同时代的多种选择，我们知道C语言是基于Thompson开发的B语言的，Object-C是以SmallTalk-80为基础的。和C++不同的是，Object C并不是C的超集，因为有很多特性与C是不同的。 Object-C程序设计这本书
  • 去除浏览器对表单值的记忆 周凡杨 html记忆autocompleteform浏览
                                       &n
  • java的树形通讯录 g21121 java
    最近用到企业通讯录，虽然以前也开发过，但是用的是jsf，拼成的树形，及其笨重和难维护。后来就想到直接生成json格式字符串，页面上也好展现。 // 首先取出每个部门的联系人 for (int i = 0; i < depList.size(); i++) { List<Contacts> list = getContactList(depList.get(i
  • Nginx安装部署 510888780 nginxlinux
    Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本0.1.0发布于2004年10月4日。其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、示例配置文件和低系统资源
  • java servelet异步处理请求 墙头上一根草 ｊａｖａ异步返回ｓｅｒｖｌｅｔ
    servlet3.0以后支持异步处理请求，具体是使用AsyncContext ，包装httpservletRequest以及httpservletResponse具有异步的功能，        final AsyncContext ac = request.startAsync(request, response);   ac.s
  • 我的spring学习笔记8-Spring中Bean的实例化 aijuans Spring 3
    在Spring中要实例化一个Bean有几种方法： 1、最常用的（普通方法） <bean id="myBean" class="www.6e6.org.MyBean" /> 使用这样方法，按Spring就会使用Bean的默认构造方法，也就是把没有参数的构造方法来建立Bean实例。 （有构造方法的下个文细说） 2、还
  • 为Mysql创建最优的索引 annan211 mysql索引
    索引对于良好的性能非常关键，尤其是当数据规模越来越大的时候，索引的对性能的影响越发重要。 索引经常会被误解甚至忽略，而且经常被糟糕的设计。 索引优化应该是对查询性能优化最有效的手段了，索引能够轻易将查询性能提高几个数量级，最优的索引会比 较好的索引性能要好2个数量级。 1 索引的类型 (1) B-Tree 不出意外，这里提到的索引都是指 B-
  • 日期函数 百合不是茶 oraclesql日期函数查询
      ORACLE日期时间函数大全 TO_DATE格式(以时间:2007-11-02 13:45:25为例) Year: yy two digits 两位年 显示值:07 yyy three digits 三位年 显示值:007
  • 线程优先级 bijian1013 javathread多线程java多线程
    多线程运行时需要定义线程运行的先后顺序。 线程优先级是用数字表示，数字越大线程优先级越高，取值在1到10，默认优先级为5。 实例： package com.bijian.study; /** * 因为在代码段当中把线程B的优先级设置高于线程A,所以运行结果先执行线程B的run()方法后再执行线程A的run()方法 * 但在实际中，JAVA的优先级不准，强烈不建议用此方法来控制执
  • 适配器模式和代理模式的区别 bijian1013 java设计模式
    一.简介        适配器模式：适配器模式（英语：adapter pattern）有时候也称包装样式或者包装。将一个类的接口转接成用户所期待的。一个适配使得因接口不兼容而不能在一起工作的类工作在一起，做法是将类别自己的接口包裹在一个已存在的类中。      &nbs
  • 【持久化框架MyBatis3三】MyBatis3 SQL映射配置文件 bit1129 Mybatis3
     SQL映射配置文件一方面类似于Hibernate的映射配置文件，通过定义实体与关系表的列之间的对应关系。另一方面使用<select>,<insert>,<delete>，<update>元素定义增删改查的SQL语句， 这些元素包含三方面内容 1. 要执行的SQL语句 2. SQL语句的入参，比如查询条件 3. SQL语句的返回结果
  • oracle大数据表复制备份个人经验 bitcarter oracle大表备份大表数据复制
    前提：    数据库仓库A（就拿oracle11g为例）中有两个用户user1和user2,现在有user1中有表ldm_table1,且表ldm_table1有数据5千万以上，ldm_table1中的数据是从其他库B（数据源）中抽取过来的，前期业务理解不够或者需求有变，数据有变动需要重新从B中抽取数据到A库表ldm_table1中。    
  • HTTP加速器varnish安装小记 ronin47 http varnish 加速
    上午共享的那个varnish安装手册，个人看了下，有点不知所云，好吧~看来还是先安装玩玩！ 苦逼公司服务器没法连外网，不能用什么wget或yum命令直接下载安装，每每看到别人博客贴出的在线安装代码时，总有一股羡慕嫉妒“恨”冒了出来。。。好吧，既然没法上外网，那只能麻烦点通过下载源码来编译安装了！ Varnish 3.0.4下载地址： http://repo.varnish-cache.org/
  • java-73-输入一个字符串，输出该字符串中对称的子字符串的最大长度 bylijinnan java
    public class LongestSymmtricalLength { /* * Q75题目：输入一个字符串，输出该字符串中对称的子字符串的最大长度。 * 比如输入字符串“google”，由于该字符串里最长的对称子字符串是“goog”，因此输出4。 */ public static void main(String[] args) { Str
  • 学习编程的一点感想 Cb123456 编程感想Gis
           写点感想，总结一些，也顺便激励一些自己.现在就是复习阶段，也做做项目.      本专业是GIS专业，当初觉得本专业太水，靠这个会活不下去的，所以就报了培训班。学习的时候，进入状态很慢，而且当初进去的时候，已经上到Java高级阶段了，所以.....，呵呵，之后有点感觉了，不过，还是不好好写代码，还眼高手低的，有
  • [能源与安全]美国与中国 comsci 能源
         现在有一个局面：地球上的石油只剩下N桶，这些油只够让中国和美国这两个国家中的一个顺利过渡到宇宙时代，但是如果这两个国家为争夺这些石油而发生战争，其结果是两个国家都无法平稳过渡到宇宙时代。。。。而且在战争中，剩下的石油也会被快速消耗在战争中，结果是两败俱伤。。。       在这个大
  • SEMI-JOIN执行计划突然变成HASH JOIN了 的原因分析 cwqcwqmax9 oracle
    甲说： A B两个表总数据量都很大，在百万以上。 idx1  idx2字段表示是索引字段 A B 两表上都有 col1字段表示普通字段 select xxx from A where A.idx1 between mmm and nnn      and exists (select 1 from B where B.idx2 =
  • SpringMVC-ajax返回值乱码解决方案 dashuaifu AjaxspringMVCresponse中文乱码
      SpringMVC-ajax返回值乱码解决方案   一：（自己总结，测试过可行） ajax返回如果含有中文汉字，则使用：（如下例：） @RequestMapping(value="/xxx.do")       public @ResponseBody void getPunishReasonB
  • Linux系统中查看日志的常用命令 dcj3sjt126com OS
    因为在日常的工作中，出问题的时候查看日志是每个管理员的习惯，作为初学者，为了以后的需要，我今天将下面这些查看命令共享给各位 cat tail -f 日 志 文 件 说 明 /var/log/message 系统启动后的信息和错误日志，是Red Hat Linux中最常用的日志之一 /var/log/secure 与安全相关的日志信息 /var/log/maillog 与邮件相关的日志信
  • [应用结构]应用 dcj3sjt126com PHPyii2
    应用主体 应用主体是管理 Yii 应用系统整体结构和生命周期的对象。 每个Yii应用系统只能包含一个应用主体，应用主体在 入口脚本中创建并能通过表达式 \Yii::$app 全局范围内访问。 补充: 当我们说"一个应用"，它可能是一个应用主体对象，也可能是一个应用系统，是根据上下文来决定[译：中文为避免歧义，Application翻译为应
  • assertThat用法 eksliang JUnitassertThat
    junit4.0  assertThat用法 一般匹配符1、assertThat( testedNumber, allOf( greaterThan(8), lessThan(16) ) ); 注释： allOf匹配符表明如果接下来的所有条件必须都成立测试才通过，相当于“与”（&&） 2、assertThat( testedNumber, anyOf( g
  • android点滴2 gundumw100 应用服务器android网络应用OSHTC
    如何让Drawable绕着中心旋转？ Animation a = new RotateAnimation(0.0f, 360.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f); a.setRepeatCount(-1); a.setDuration(1000); 如何控制Andro
  • 超简洁的CSS下拉菜单 ini htmlWeb工作html5css
    效果体验：http://hovertree.com/texiao/css/3.htmHTML文件： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>简洁的HTML+CSS下拉菜单-HoverTree</title>
  • kafka consumer防止数据丢失 kane_xie kafkaoffset commit
    kafka最初是被LinkedIn设计用来处理log的分布式消息系统，因此它的着眼点不在数据的安全性（log偶尔丢几条无所谓），换句话说kafka并不能完全保证数据不丢失。   尽管kafka官网声称能够保证at-least-once，但如果consumer进程数小于partition_num，这个结论不一定成立。   考虑这样一个case，partiton_num=2
  • @Repository、@Service、@Controller 和 @Component mhtbbx DAOspringbeanprototype
    @Repository、@Service、@Controller 和 @Component 将类标识为Bean Spring 自 2.0 版本开始，陆续引入了一些注解用于简化 Spring 的开发。@Repository注解便属于最先引入的一批，它用于将数据访问层 (DAO 层 ) 的类标识为 Spring Bean。具体只需将该注解标注在 DAO类上即可。同时，为了让 Spring 能够扫描类
  • java 多线程高并发读写控制 误区 qifeifei java thread
    先看一下下面的错误代码，对写加了synchronized控制，保证了写的安全，但是问题在哪里呢？ public class testTh7 { private String data; public String read(){ System.out.println(Thread.currentThread().getName() + "read data "
  • mongodb replica set(副本集)设置步骤 tcrct javamongodb
    网上已经有一大堆的设置步骤的了，根据我遇到的问题，整理一下，如下： 首先先去下载一个mongodb最新版，目前最新版应该是2.6 cd /usr/local/bin wget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-2.6.0.tgz tar -zxvf mongodb-linux-x86_64-2.6.0.t
  • rust学习笔记 wudixiaotie 学习笔记
    1.rust里绑定变量是let，默认绑定了的变量是不可更改的，所以如果想让变量可变就要加上mut。 let x = 1; let mut y = 2; 2.match 相当于erlang中的case，但是case的每一项后都是分号，但是rust的match却是逗号。 3.match 的每一项最后都要加逗号，但是最后一项不加也不会报错，所有结尾加逗号的用法都是类似。 4.每个语句结尾都要加分
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他