2301_76534754
2301_76534754

Day2 WebAPIs:事件、环境对象、回调函数

2.事件、环境对象、回调函数

  • 什么是事件？

    时间是在编程时系统内发生的动作或者发生的事情，比如用户在网页上单击一个按钮

  • 什么是事件监听？

    就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数作出响应，也称为 绑定事件或者注册事件，比如鼠标经过显示下拉菜单，比如点击可以播放轮播图等等

2.1 事件监听（绑定）

  • 语法 元素对象.addEventListener('事件类型',要执行的函数)

  • 事件监听三要素

    • 事件源：那个dom元素被事件触发了，要获取dom元素

    • 事件类型：用什么方式触发，比如鼠标单击click、鼠标经过mouseover等

    • 事件调用函数：要做什么事

注意：1.事件类型要加引号

2.函数是点击之后再去执行，每次点击都会执行一次



​

    
    
    Document

​

    
    

​

随机点名案例



​

    
    
    Document

​

    
随机点名

    

        名字是：
        
这里显示姓名

    

    

        
        
    

​
    

​

事件监听版本

  • DOM L0

    事件源.on事件=function( ){ }

  • DOM L2

    事件源.addEventListener(事件，事件处理函数)

  • 区别：on方式会被覆盖，addEventListener方式可绑定多次，拥有时间更多特性，推荐使用

2.2 事件类型

鼠标事件：鼠标触发、click鼠标点击、mouseenter鼠标经过、mouseleave鼠标离开

焦点事件（表单获得光标）：focus获得焦点、blur失去焦点



​

    
    
    Document
    

​

    

        
        
    

    

​

键盘事件（键盘触发）：Keydown键盘按下触发、Keyup键盘抬起触发



​

    
    
    Document

​

    
    

​

2.3 事件对象

  • 获取事件对象

语法：如何让获取

（1）在事件绑定的回调函数的第一个参数就是事件对象

（2）一般命名为event、ev、e

元素.addEventListener('click',function(事件对象名){ })

  • 事件对象常用属性

（1）type:获取当前的事件类型

（2）clientX/clientY:获取光标相对于浏览器可见窗口左上角的位置

（3）offsetX/offsetY:获取光标相对于当前DOM元素左上角的位置

（4）key:用户按下的键盘的值，现在不提倡使用keyCode

  • 小知识点：对象名.trim() 去除文本空格



​

    
    
    Document

​

    

​
2.4 环境对象

目标：能够判断函数运行在不同环境中this所指代的对象

环境对象：指的是函数内部特殊的变量this，它代表着当前函数运行时所处的环境

谁调用，this就是谁



​

    
    
    Document

​

    
    

​
2.5 回调函数

如果将函数A做为参数传递给函数B时，我们称函数A为回调函数

2.6 综合案例

复选框案例



​

    
    
    Document
    

​

    
        
            
            
            
            
        
        
            
            
            
            
        
        
            
            
            
            
        
        
            
            
            
            
        
    

                 全选
            商品商家价格

                
            小米手机小米￥1999

                
            小米净水器小米￥4999

                
            小米电视小米￥5999

    

​

你可能感兴趣的:(javascript,前端,开发语言)

  • 微前端框架qiankun剖析 浮游本尊 前端框架前端javascript
    一、single-spa简介要了解qiankun的实现机制，那我们不得不从其底层依赖的single-spa说起。随着微前端的发展，我们看到在这个领域之中出现了各式各样的工具包和框架来帮助我们方便快捷的实现自己的微前端应用。在发展早期，single-spa可以说是独树一帜，为我们提供了一种简便的微前端路由工具，大大降低了实现一个微前端应用的成本。我们来看一下一个典型single-spa微前端应用的架
  • 精讲 JS return 语句的作用 谦虚的w javascript前端
    函数作用域的限制-在JavaScript中，函数有自己的作用域。在函数内部定义的变量和对象（如localObj）默认情况下在函数外部是无法直接访问的。这是因为函数的作用域是封闭的，它将内部的变量和对象隐藏起来，以防止外部代码随意访问和修改。return语句的作用-当在函数内部使用return语句返回一个对象（如returnlocalObj;）时，实际上是将这个对象的引用传递到函数外部。这样，在函数
  • HTML基础与进阶技术指南 王奥雷
    本文还有配套的精品资源，点击获取简介：HTML是构建网页的基础语言，负责定义网页的内容结构和样式。初学者需要掌握HTML元素、属性、结构等基础知识，并了解HTML5新增的语义化标签，表单元素的使用，布局与定位技术，响应式设计原则，以及如何与JavaScript交互。此外，学习SEO优化和无障碍性设计也是提高网页质量和可访问性的关键。本指南旨在引导初学者从基础到高级技巧，逐步深入理解并实践网页开发。
  • 前端调试技巧：从 Console 到 Chrome DevTools 的进阶指南 技术出海录 人工智能前端React
    作为前端开发者，你可能每天都在和Bug打交道。有时候一个简单的问题可能会耗费几个小时，而掌握正确的调试技巧可以大大提高解决问题的效率。今天，我就来分享一些在实际工作中常用的调试技巧。Console的高级用法除了常见的console.log，Console还有很多强大的功能：//1.使用console.table展示数组或对象constusers=[{id:1,name:'Alice',role:'
  • 深入剖析 HTML5 新特性：语义化标签和表单控件完全指南 吴师兄大模型 html5前端html语义化标签表单控件HTML5编程
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • JavaScript Navigator：深入理解浏览器导航机制 lly202406 开发语言
    JavaScriptNavigator：深入理解浏览器导航机制引言在Web开发中，浏览器导航是用户与网页交互的重要部分。JavaScriptNavigator对象提供了丰富的API，允许开发者深入理解并控制浏览器的导航行为。本文将详细介绍JavaScriptNavigator对象的功能、使用方法以及在实际开发中的应用。一、什么是JavaScriptNavigator？JavaScriptNavig
  • 手写防抖、节流函数 不点外卖 前端javascript
    是什么本质上是优化高频率执行代码的一种手段如：浏览器的resize、scroll、keypress、mousemove等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能为了优化体验，需要对这类事件进行调用次数的限制，对此我们就可以采用防抖（debounce）和节流（throttle）的方式来减少调用频率#定义防抖函数防抖是指在事件被触发n秒后再执行回调，如果在这n秒内
  • 表单提交实战教程：HTML、CSS、JavaScript到Java后端 河马和荷花
    本文还有配套的精品资源，点击获取简介：网页表单是用户与服务器交互的重要界面元素，本资源提供了从构建表单到数据提交的完整流程。介绍了HTML表单基础、GET与POST提交方法、JavaScript事件处理、CSS样式设计，并通过demo.html文件展示综合应用，以及Java后端的接收和处理。同时，强调了表单安全和性能优化的重要性。1.HTML表单基础知识HTML表单的作用和结构HTML表单是Web
  • JavaScript中的防抖节流函数为什么要用call或apply去执行fn EuForth javascript开发语言ecmascriptJavaScript
    防抖（Debounce）和节流（Throttle）是前端开发中常用的性能优化技术，它们可以限制函数的执行频率，有效地控制事件触发的次数。在实际应用中，经常会将防抖节流函数与回调函数一起使用，以避免频繁触发导致的性能问题。在JavaScript中，有时我们会使用call或apply方法来执行回调函数。本文将详细解释防抖节流函数为什么要用call或apply去执行回调函数，并提供相应的源代码示例。了解
  • LeetCode169. 多数元素 (JavaScript解法) 煲纸 数据结构与算法leetcode
    169.多数元素题解思路1：摩尔投票法思路由于数的数量超过一半，所以那个数的出现的频率,一定大于等于50%，如果res为正确的众数，则voted的数量不可能为0，所以最后的res就是众数。分析时间复杂度O(N)空间复杂度O(1)代码实现varmajorityElement=function(nums){//初始化备选人和票数letres=nums[0],voted=0;for(letnofnums
  • 除了layui.js还有什么比较好的纯JS组件WEB UI？在谷歌浏览上显示 专注VB编程开发20年 javascript前端layui
    以下是一些比较好的纯JS组件WEBUI，可以在谷歌浏览器上良好显示：1.Sencha特点：提供超过140个高性能UI组件，用于构建现代应用程序。支持与Angular和React集成，提供企业级网格解决方案。适用场景：适用于需要高性能、可定制的UI组件的项目，尤其是企业级应用。2.Webix特点：包含102个UI组件，支持跨平台和跨浏览器，提供快速的渲染速度和纯JavaScript代码。适用场景：适
  • Node.js 全局对象 wjs2024 开发语言
    Node.js全局对象引言在Node.js中，全局对象是JavaScript环境中的一部分，它提供了对Node.js运行时环境的访问。全局对象在Node.js中扮演着重要的角色，它使得开发者能够访问和操作Node.js的许多核心功能。本文将详细介绍Node.js的全局对象，包括其特点、常用方法和应用场景。全局对象概述Node.js的全局对象是global，它是Node.js中所有模块的父对象。在N
  • JavaScript函数中this的指向 暗渡x JavaScriptjavascript前端
    总结：谁调用我，我就指向谁（es6箭头函数不算）一、ES6之前每一个函数内部都有一个关键字是this，可以直接使用重点：函数内部的this只和函数的调用方式有关系，和函数的定义方式没有关系1、函数内部的this指向谁，取决于函数的调用方式1.1、全局定义的函数直接调用，this=>windowfunctionfn(){console.log(this)}fn()//此时this指向window1.
  • Tauri应用开发实践指南（5）—Tauri 集成本地数据库 前端徐徐 Tauri应用开发实践指南数据库前端
    本文首发于微信公众号：前端徐徐。欢迎关注，获取更多前端技能分享。前言Tauri是一个构建跨平台桌面应用程序的框架，利用Web技术构建前端，并使用Rust构建后端。它以其小巧的体积和高性能受到开发者的欢迎。在开发过程中，我们常常需要数据本地持久化，所以会需要与本地数据库进行交互。方案比较在Tauri中集成本地数据库有多种方案，常见的包括：SQLite通过直接绑定使用第三方数据库库Tauri插件：ta
  • iconv-lite：一个库搞定所有字符编码问题？ 前端徐徐 宝藏工具electron
    本文首发同名微信公众号：前端徐徐大家好，我是徐徐。今天跟大家分享一款强大的字符编码转换库：iconv-lite。前言在全球化的开发环境中，处理不同字符编码已成为许多应用程序的关键需求。无论你是在开发需要支持多语言的应用，还是需要处理来自不同源的文本数据，一个高效且可靠的字符编码转换工具可以大大提升你的开发效率。今天，我们要介绍的是iconv-lite这个纯JavaScript实现的字符编码转换库，
  • Tauri应用开发实践指南（1）— Tauri 怎么样 前端徐徐 Tauri应用开发实践指南前端前端框架
    本文首发于微信公众号：前端徐徐。欢迎关注，获取更多前端技能分享。Tarui是什么Tauri是一个用于构建针对所有主要桌面和移动平台的小型、高速二进制文件的框架。开发人员可以集成任何能编译为HTML、JavaScript和CSS的前端框架来构建用户体验,同时在需要时利用诸如Rust、Swift和Kotlin等语言进行后端逻辑开发。官网：https://tauri.appTarui架构Tauri的整体
  • javascript-前后端交互模式-简介 gaog2zh #javascirptjavascript前后端交互
    javascript-前后端交互模式-简介目录文章目录1、相关知识2、异步接口调用方式3、URL地址2.1、传统形式的URL2.2、Restful风格的URL2.2.1、http请求方式2.2.3、示例：***后记***：内容图示0-1：随着前后端分离，前后端交互技术不断更新，下面我们看下前后端交互相关知识。1、相关知识前端通过相关接口发送请求，后端接收请求，处理返回响应结果，前端接收响应结果，完
  • axios 登录后设置header_axios如何利用promise无痛刷新token weixin_39648430 axios登录后设置header
    需求最近遇到个需求：前端登录后，后端返回token和token有效时间，当token过期时要求用旧token去获取新的token，前端需要做到无痛刷新token，即请求刷新token时要做到用户无感知。需求解析当用户发起一个请求时，判断token是否已过期，若已过期则先调refreshToken接口，拿到新的token后再继续执行之前的请求。这个问题的难点在于：当同时发起多个请求，而刷新token
  • Python的Json方法 weixin_34293059 jsonpythonjavascriptViewUI
    Json简介：Json，全名JavaScriptObjectNotation，是一种轻量级的数据交换格式。Json最广泛的应用是作为AJAX中web服务器和客户端的通讯的数据格式。现在也常用于http请求中，所以对json的各种学习，是自然而然的事情。dumps方法将字典数据类型转换为json字符串类型例子：importjsonm={'a':123,'b':'hahaha'}json_str=js
  • 一文解锁 NVM：Node版本随意切换不再发愁 一个小白的小白人 前端nvmnode.js前端node.js
    前言搞前端开发的朋友肯定都对Node.js不陌生，它在咱们的工作里，就像得力助手，没了它，很多工作都没法顺利开展。但Node.js更新得那叫一个快，新特性、新优化不断冒出来。这就好比你本来开着一辆顺手的车，开得正稳呢，突然厂家说出了新款，性能更强，功能更多，你心里肯定痒痒，想试试新的。可实际情况是，每个项目就像不同的乘客，需求不一样。我之前做一个老项目维护，它就像个念旧的乘客，只认Node.js的
  • 前端必知必会-Vue 简介 编程岁月 vue.js前端javascript
    文章目录Vue简介Vue是一个JavaScript框架为什么要学习Vue？OptionsAPI我的第一页文本插值文本插值中的JavaScript总结Vue简介Vue是一个JavaScript框架。可以使用标记将其添加到HTML页面。Vue使用指令扩展HTML属性，并使用表达式将数据绑定到HTML。Vue是一个JavaScript框架Vue是一个用JavaScript编写的前端JavaScript框
  • 详细介绍：使用 Axios 上传图片文件 还是鼠鼠 javascript前端开发语言ajaxbootstrap前端框架vscode
    目录1.项目背景和功能概述2.（index.html完整代码）结构解析3.JavaScript部分解析3.1事件监听和图片上传3.2处理响应和错误4.完整流程5.总结6.适用场景这篇文章将展示如何通过Axios发送POST请求来实现图片上传。通过用户选择图片文件后，使用FormData构造上传的文件数据，并通过Axios将其提交到服务器。服务器返回图片的URL后，页面会显示上传的图片。下面是详细的
  • 图书管理系统 Axios 源码 __删除图书功能 还是鼠鼠 javascriptbootstrapajaxvscode前端前端框架node.js
    目录代码实现（index.js）代码解析使用方法下面是完整的删除图书功能代码，基于HTML+Bootstrap+JavaScript+Axios开发。代码实现（index.js）//删除图书功能document.querySelector('.list').addEventListener('click',(e)=>{//判断是否点击了删除按钮if(e.target.classList.conta
  • Axios 的地区查询(案例) 还是鼠鼠 ajax前端javascriptbootstrapweb
    目录1.项目背景与功能概述2.完整代码3.HTML结构解析输入表单查询按钮地区列表4.JavaScript部分解析监听点击事件发送Axios请求处理响应数据5.完整流程6.总结7.适用场景8.优化和扩展本案例展示了如何使用Axios发送带查询参数的HTTP请求，查询指定省份和城市下的地区列表。通过用户输入的省份名称和城市名称，向后端API发送请求，获取该地区下的具体区域信息，并将返回的数据动态渲染
  • axios如何利用promise无痛刷新token 前端 贾公子 前端
    目录需求需求解析实现思路方法一：方法二：两种方法对比实现封装axios基本骨架instance.interceptors.response.use拦截实现问题和优化如何防止多次刷新token同时发起两个或以上的请求时，其他接口如何重试最后完整代码需求最近遇到个需求：前端登录后，后端返回token和token有效时间，当token过期时要求用旧token去获取新的token，前端需要做到无痛刷新to
  • 图书管理系统 Axios 源码__获取图书列表 还是鼠鼠 javascriptbootstrapajax前端
    目录核心功能源码介绍1.获取图书列表技术要点适用人群本项目是一个基于HTML+Bootstrap+JavaScript+Axios开发的图书管理系统，可用于添加、编辑、删除和管理图书信息，适合前端开发者学习前端交互设计、Axios数据请求以及Bootstrap样式布局。核心功能图书列表渲染通过Axios发送GET请求获取服务器上的图书数据。渲染数据到HTML表格，展示书籍的名称、作者、出版社等信息
  • Qwen 模型自动构建知识图谱，生成病例 + 评价指标优化策略 2301_79306982 ai千问语言模型人工智能
    关于数据库和检索方式的选择AIMedicalConsultantforVisualQuestionAnswering(VQA)系统：更适合在前端使用向量数据库（如FAISS）结合关系型数据库来实现图像和文本的检索与存储。因为在VQA场景中，你需要对患者上传的图像或文本症状进行语义向量化，以便快速查找相似病例或相关医学图像内容；同时用关系型数据库维护患者基础信息和简单的交互记录即可。AI-Power
  • 【Tools】什么是kotlin语言 音乐学家方大刚 工具kotlin开发语言android
    摇来摇去摇碎点点的金黄伸手牵来一片梦的霞光南方的小巷推开多情的门窗年轻和我们歌唱摇来摇去摇着温柔的阳光轻轻托起一件梦的衣裳古老的都市每天都改变模样方芳《摇太阳》Kotlin是一种由JetBrains开发的静态类型编程语言，它旨在成为Java的替代品。Kotlin具有Java语言的兼容性，可以与Java代码进行无缝交互，并且可以在JVM上运行。它还可以编译为JavaScript，使其可以在浏览器环境
  • 【Tools】什么是kotlin语言 音乐学家方大刚 工具kotlin开发语言android
    摇来摇去摇碎点点的金黄伸手牵来一片梦的霞光南方的小巷推开多情的门窗年轻和我们歌唱摇来摇去摇着温柔的阳光轻轻托起一件梦的衣裳古老的都市每天都改变模样方芳《摇太阳》Kotlin是一种由JetBrains开发的静态类型编程语言，它旨在成为Java的替代品。Kotlin具有Java语言的兼容性，可以与Java代码进行无缝交互，并且可以在JVM上运行。它还可以编译为JavaScript，使其可以在浏览器环境
  • 28岁开始零基础学前端，这些血的教训你一定要避免 2501_90336583 前端
    写了一个Vue动态表单组件，发布到NPM上。模仿Vue1.0版本写了一个MiniVue，这让我对Vue的理解达到了源码级别。写了几篇关于Vue的文章。计算机理论知识计算机理论知识决定了一个程序员的天花板（在国内还得加上英语）。数据结构与算法算法看了《剑指offer题解》、《Leetcode题解》这两本书，还是挺有用的，也有刷到的题面试正好碰上了的。编译原理、计算机原理由于编译原理和计算机原理是看的
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址） yangshangchuan 高速免费superwordHTTP代理
        124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20
  • pull解析和json编码 百合不是茶 androidpull解析json
    n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java
  • [能源与矿产]石油与地球生态系统 comsci 能源
          按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
  • 类与对象浅谈 沐刃青蛟 java基础
           类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
  • 新站开始被收录后，我们应该做什么？ IT独行者 PHPseo
    新站开始被收录后，我们应该做什么？         百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。       至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
  • oracle 连接碰到的问题 文强chu oracle
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者：草根IT网 来源：未知 人气：813标签： 导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据） 小桔子 java继承swing接口监听
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
  • linux常用的命令 aichenglong linux常用命令
    1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法：date [OPTION]... [+FORMAT]
  • eclipse内存优化 AILIKES javaeclipsejvmjdk
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
  • 关键字的使用探讨 百合不是茶 关键字
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
  • JS中定义对象的几种方式 bijian1013 js
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object();
  • 表驱动法实例 bijian1013 java表驱动法TDD
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T
  • LInux启停重启常用服务器的脚本 bit1129 linux
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo
  • 【HBase六】REST操作HBase bit1129 hbase
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定
  • 大话zabbix 3.0设计假设 ronin47
    What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个：          :: Performance improvements::Trigger related da
  • http错误码大全 byalias http协议javaweb
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求
  • J2EE设计模式-Intercepting Filter bylijinnan java设计模式数据结构
    Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;
  • 修改jboss端口 chicony jboss
    修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin
  • c++ 用类模版实现数组类 CrazyMizzz C++
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数
  • hadoop dfs.datanode.du.reserved 预留空间配置方法 daizj hadoop预留空间
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    
  • mysql远程访问的设置 dcj3sjt126com mysql防火墙
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
  • ios 使用特定的popToViewController返回到相应的Controller dcj3sjt126com controller
    1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后，执行， [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
  • Linux正则表达式和通配符的区别 eksliang 正则表达式通配符和正则表达式的区别通配符
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该
  • Ubuntu Mysql Install and CONF gengzg Install
    http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html Step2：进入下载目录，解压压缩包：tar -zxvf navicat11_mysql_en.tar.gz
  • 批处理，删除文件bat huqiji windowsdos
    @echo off ::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。 ::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。 ::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log） rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1
  • 跨浏览器兼容的HTML5视频音频播放器 天梯梦 html5
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in
  • Bundle自定义数据传递 hm4123660 androidSerializable自定义数据传递BundleParcelable
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent
  • C＃：异步编程和线程的使用（.NET 4.5 ） powertoolsteam .net线程C#异步编程
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
  • spark 查看 job history 日志 Stark_Summer 日志sparkhistoryjob
    SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP
  • SSH框架搭建 wangxiukai2015eye springHibernatestruts
    MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目，为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他