chance2015
chance2015

Javascript事件相关操作以及行为事件分离

Javascript事件介绍

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用，函数不会在事件发生前被执行！
下面列出几个常见的事件：

onfocus事件

onfocus获得元素焦点事件：
示例代码如下：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
    <title></title>
</head>
<script type="text/javascript"> function t1(){ document.getElementsByName('username')[0].style.border='1px solid red'; } </script>
<body>
    <h1>onfocus onblur事件</h1>
    <p>
        用户名<input type ="text" name = "username" onfocus = "t1();/>
    </p>
    <p>
        email:<input type = "text" name ="email">
    </p>
</body>
</html>

实现结果：

当鼠标激活第一个输入框时，边框变成红色

onblur事件

onblur:元素失去焦点
代码如下；

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
    <title></title>
</head>
<script type="text/javascript"> function t1(){ document.getElementsByName('username')[0].style.border='1px solid red'; } function t2(){ document.getElementsByName('username')[0].style.border=''; } </script>
<body>
    <h1>onfocus onblur事件</h1>
    <p>
        用户名<input type ="text" name = "username" onfocus = "t1();" onblur="t2()"/>
    </p>
    <p>
        email:<input type = "text" name ="email">
    </p>
</body>
</html>

结果如下:

鼠标激活第一个输入框时，输入框边框变红色
鼠标离开一个输入框时，输入框回复原状

表单提交事件

描述如下：当遇到需要提交表单内容，例如填写注册页面时，若不用表单提交事件，而是将用户填写的所有信息一并提交给服务器，经由服务器判断是否合法后再返回给用户。该过程使得这一行为太过于繁琐与耗时，因此使用表单提交事件处理，即可在本地代码中先将用户输入的相关信息进行判断看其是否合法。好处之二：未使用表单提交事件处理，若经由服务器返回判断结果，若输入不合法，会重新刷新界面，使得之前填写的所有信息都消失。
使用表单提交事件处理，可以保证输入非法时，可让用户重新输入，其之前输入的信息还在。
事例代码如下：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
    <title></title>
</head>
<script type="text/javascript"> function t1 () { alert('who'); } function t2(){ alert('请填写完整'); return false; } </script>
<body>
    <h1>表单提交事件</h1>
    <form action ='25.html' onsubmit ='return t2()'>
        <p><input type = "text" name='username' ></p>
        <p><input type = "text" name='email' ></p>
        <p><input type = "submit" value='提交' ></p>
    </form>
</body>
</html>

常见的一些事件处理函数如下表：

Javascript事件相关操作以及行为事件分离_第1张图片

鼠标 / 键盘属性

Javascript事件相关操作以及行为事件分离_第2张图片

IE属性
Javascript事件相关操作以及行为事件分离_第3张图片

标准Event属性

标准Event方法
Javascript事件相关操作以及行为事件分离_第4张图片

行为事件分离

有点类似Java中的MVC模式开发，即将html中的body主体与script脚本以及css属性分离开来，各司其职，互不干涉
实例代码如下：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
    <title></title>
</head>
<style type="text/css"> div{ width: 300px; height: 100px; border: 1px solid red; } </style>
<body>
    <div>
        <p>
            <ul>
                <li>好的</li>
            </ul>
        </p>
    </div>
</body>
<script type="text/javascript"> document.getElementsByTagName('div')[0].onclick = function () { this.style.border = "1px solid green"; } </script>

</html>

利用所学知识编写一个永远抓不到的图片

实现方法：
加载图片，设置鼠标移动事件。若鼠标移动到图片所在位置，图片相应位置改变一定距离，实现永远触碰不到图片
示例代码如下；

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
    <title></title>
</head>
<style type="text/css"> img{ width: 200px; height: 200; position: relative; left: 0px; top: 0px } </style>
<body>
    <img src="./photo.jpg">
</body>
<script type="text/javascript"> document.getElementsByTagName('img')[0].onmouseover=function (ev) { console.log(ev); this.style.left = ev.pageX+10+'px'; this.style.top=ev.pageY+10+'px'; } </script>

</html>

事件委托

实例：有一个二维表格，每点击一次单元格，该单元格变成黑色。用到了事件委托技术
点击了td标签，需将td标签的对象委托给父标签table标签，然后在通过父标签的target属性获得点击了的是哪一个标签
具体代码如下：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
    <title>事件委托</title>
</head>
<style type="text/css"> table{ width: 400; height: 400; border: 0; border-collapse: collapse; background: green; } td{ border: 1px solid gray; } </style>
<body>
    <h1>事件委托</h1>
    <table>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
</body>
<script type="text/javascript"> var num =0; document.getElementsByTagName('table')[0].onclick=function(ev){ ev.target.style.background=num++%2?'black':'white'; } /* var tds = document.getElementsByTagName('td'); var i =0 ; while(i<tds.length){ tds[i].onclick = function(){ this.style.background ='black'; } i++; } */ </script>
</html>

之后还实现了点击单数次变白色，偶数次变黑色
结果如下：

你可能感兴趣的:(JavaScript)

  • JavaScript--核心语法基础 丿狴犴λ jsjavascripthtml前端
    JavaScript--核心语法基础1.编程语言2.js历史3.js的作用4.JS组成部分5.JS的使用5.1引入方式5.2script位置5.3语法规则5.46.变量（重点）6.1什么是变量？6.2创建变量6.3变量命名规则7、数据类型（重难点）7.1分类7.2基本数据类型7.3引用数据类型--对象（object）7.4数据类型的检测8.数据类型的转换8.1隐式转换8.2强制转换9.运算符9.1
  • webpack基础配置 吃杠碰小鸡 前端前端工具库webpack前端javascript
    文章目录一、默认入口和默认出口二、资源配置三、输出文件3.1多文件入口3.2HtmlWebpackPlugin插件四、环境4.1环境变量4.2热更新五、代码分离5.1公共模块5.2懒加载5.3预获取/预加载模块六、缓存七、TreeShaking八、公共路径webpack是一个用于现代JavaScript应用程序的静态模块打包工具，在许多项目中都有应用，但是往往平台搭建以后很少去修改配置，熟悉基础配
  • WPS 加载项开发说明 金山办公开发者 JSAPI二次开发javascript
    WPS加载项结构WPS加载项由自定义功能区和网页两部分组成。自定义功能区只需要一个配置文件，对应WPS加载项目录中的ribbon.xml文件；网页部分负责执行自定义功能区对应的逻辑功能。因为不需要显示网页，所以省略了HTML文件，并用main.js来引入所有的外部JavaScript文件；在这些JavaScript文件中通常包含了一系列用JavaScript实现的函数，这些函数与自定义功能区的功能
  • Canvas绘制简易雨滴碰撞效果 DTcode7 HTML网站开发#canvas绘图HTML绘图canvasJavaScriptcanvas绘图
    Canvas绘制简易雨滴碰撞效果基本概念与作用说明示例一：基本的雨滴生成与移动HTML结构JavaScript逻辑示例二：添加碰撞检测更新JavaScript示例三：动态改变雨滴的速度和大小更新JavaScript示例四：添加用户交互更新JavaScript示例五：模拟风的影响更新JavaScript实际工作中的技巧在Web开发中，HTML5Canvas提供了一个强大且灵活的绘图环境，可以用来创建
  • 最详细的Windows下安装node.js 和 npm大全 i建模 前端开发node.jswindowsnpmjavascripttypescript前端框架
    说明Node.js®是一个免费、开源、跨平台的JavaScript运行时环境,它让开发人员能够创建服务器Web应用、命令行工具和脚本。NPM的全称是NodePackageManager，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。2020年3月17日，Github宣布收购npm，GitHub现在已经保证npm将永远免费。安装时一般要选择LTS版本，也就是长期
  • ES6笔记总结（Xmind格式）：第二天 星河路漫漫 ES6笔记总结es6笔记前端
    Xmind鸟瞰图：简单文字总结：ES6知识总结Proxy（代理）：1.作用：实现数据的私有化处理2.target目标对象handler处理函数3.处理函数中有两个方法：get,set4.读取数据会触发get方法，写入数据会触发set方法Reflect（反射）1.作用：用于拦截并操作JavaScript对象的方法2.提供与Object内置方法相同功能的方法3.提供更安全的操作4.作为Proxy的默认
  • 阮一峰ES6笔记总结 china-yun JavaScript
    ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现（另外的ECMAScript方言还有JScript和ActionScript）。日常场合，这两个词是可以互换的。let块级作用域（局部声明，局部使用）不存在变量提升
  • 编程题 - 汽水瓶【JavaScript/Node.js解法】 幸运小圣 编程题javascriptnode.js
    ‌“学如逆水行舟，不进则退。”‌——《增广贤文》目录汽水瓶题目：解答分析：js代码解答-ACM模式：代码通过：题解分析：简洁思路代码：汽水瓶题目：某商店规定：三个空汽水瓶可以换一瓶汽水，允许向老板借空汽水瓶（但是必须要归还）。小张手上有n个空汽水瓶，她想知道自己最多可以喝到多少瓶汽水。输入描述：本题将会给出1=3){letnewBottles=Math.floor(val/3);totalBott
  • ES6学习——let和const变量 鹿蹊zz ES6-ES11javascript前端es6学习vscode
    一、ES6简介1、ES6的概念ES的全称是ECMAScript,它是由ECMA国际标准化组织,制定的一项脚本语言的标准化规范。ES6既是一个历史名词，也是一个泛指，含义是5.1版以后的JavaScript的下一代标准，涵盖了ES2015、ES2016、ES2017等等，而ES2015则是正式名称，特指该年发布的正式版本的语言标准。2、为什么使用ES6每一次标准的诞生都意味着语言的完善，功能的加强。
  • JavaScript-V8引擎的垃圾回收 natsu-cc JavaScriptjavascript
    前言：我们知道，JavaScript之所以能在浏览器环境和NodeJS环境运行，都是因为有V8引擎在幕后保驾护航。从编译、内存分配、运行以及垃圾回收等整个过程，都离不开它。本篇主要是从V8引擎的垃圾回收机制入手，讲解一下在JavaScript代码执行的整个生命周期中V8引擎是采取怎样的垃圾回收策略来减少内存占比的。对这方面有一定的了解之后，能增强我们在写代码过程中对减少内存占用，避免内存泄漏的主观
  • Golang 1.18 中泛型的使用 戴国进 goLanggolang服务器开发语言
    Golang在2022-03-15发布了V1.18正式版，里面包含了对泛型的支持，那么最新版本的泛型如何使用呢？有哪些坑呢？本文全面且详细的带你了解泛型在Golang中的使用。一、什么是泛型说起泛型这个词，可能有些人比较陌生，特别是PHP或者JavaScript这类弱语言的开发者，尤其陌生。因为在这些弱语言中，语法本身就是支持不同类型的变量调用的。可以说无形之中早已把泛型融入语言的DNA中了，以至
  • JavaScript 系列之：垃圾回收机制 程序员SKY JavaScriptjavascript
    前言垃圾回收是一种自动内存管理机制，用于检测和清除不再使用的对象，以释放内存空间。当一个对象不再被引用时，垃圾回收器会将其标记为垃圾，然后在适当的时候清除这些垃圾对象，并将内存回收给系统以供其他对象使用。什么是"对象不再被引用"？当一个对象不再被任何变量或属性引用时，它就成为垃圾。例如，当一个函数执行完毕后，其中创建的局部变量将成为垃圾，因为它们无法再被访问到。"适当的时候"是指什么时候？首先Ja
  • 基于web在线餐饮网站的设计与实现——蛋糕甜品店铺(HTML+CSS+JavaScript) html网页制作 网页设计前端javascripthtmldreamweaver网页设计web网页设计期末课程大作业
    ‍静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。精彩专栏推荐❤
  • 如何在简历中巧妙展现你的兴趣爱好 贵州数擎科技有限公司 面试跳槽
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智元宇宙、数字孪生引擎在简历中展
  • 【股票数据API接口46】如何获取股票指历史分时BOLL数据之Python、Java等多种主流语言实例代码演示通过股票数据接口获取数据 Athena二哈 pythonjava开发语言股票数据接口api
    如今，量化分析在股市领域风靡一时，其核心要素在于数据，获取股票数据，是踏上量化分析之路的第一步。你可以选择亲手编写爬虫来抓取，但更便捷的方式，莫过于利用专业的股票数据API接口。自编爬虫虽零成本，却伴随着时间与精力的巨大消耗，且常因目标页面变动而失效。大家可以依据自己的实际情况来决定数据获取方式。接下来，我将分享200多个实测可用且免费的专业股票数据接口，并通过Python、JavaScript（
  • 【股票数据API接口45】如何获取股票指历史分时MACD数据之Python、Java等多种主流语言实例代码演示通过股票数据接口获取数据 Athena二哈 pythonjava开发语言api股票数据接口
    如今，量化分析在股市领域风靡一时，其核心要素在于数据，获取股票数据，是踏上量化分析之路的第一步。你可以选择亲手编写爬虫来抓取，但更便捷的方式，莫过于利用专业的股票数据API接口。自编爬虫虽零成本，却伴随着时间与精力的巨大消耗，且常因目标页面变动而失效。大家可以依据自己的实际情况来决定数据获取方式。接下来，我将分享200多个实测可用且免费的专业股票数据接口，并通过Python、JavaScript（
  • 使用 Three.js 转换 GLSL 粒子效果着色器 贵州数擎科技有限公司 javascript着色器开发语言
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙、数字孪生在这篇博客中，我们
  • 面试之《前端开发者如何优化页面的加载时间？》 只会写Bug的程序员 面试面试前端
    前端开发者可以从多个方面入手优化页面的加载时间，以下是一些常见且有效的方法：优化资源加载压缩资源文件：对HTML、CSS、JavaScript文件进行压缩，去除不必要的空格、注释等，减小文件体积，加快下载速度。例如使用uglify-js压缩JavaScript文件，cssnano压缩CSS文件。优化图片：对图片进行压缩处理，降低图片的分辨率、色彩深度或采用更高效的图片格式（如WebP）。同时，根据
  • Hutool - Script：脚本执行封装，以 JavaScript 为例 五行星辰 业务系统应用技术javascript开发语言java后端
    一、简介在Java开发中，有时需要动态执行脚本代码，比如JavaScript脚本，来实现一些灵活的业务逻辑，如动态规则计算、数据处理等。Java本身提供了javax.script包来支持脚本执行，但使用起来较为繁琐。Hutool-Script模块对Java的脚本执行功能进行了封装，提供了更简洁易用的API，让开发者可以方便地执行各种脚本，这里主要介绍JavaScript脚本的执行。二、引入依赖如果
  • 使用Mapbox GL加载GeoJSON数据并创建热力图 技术驱动者 js
    使用MapboxGL加载GeoJSON数据并创建热力图在Web地图应用程序中，将地理数据可视化是一种常见的需求。MapboxGL是一个强大的JavaScript库，可以帮助我们在浏览器中创建交互式地图。本文将介绍如何使用MapboxGL加载GeoJSON数据，并将其转化为热力图。热力图是一种通过颜色来表示密度分布的可视化方式。在地理数据可视化中，热力图常用于显示点数据的密集程度，以便更直观地理解数
  • Webpack、Vite区别知多少？ m0_74824044 面试学习路线阿里巴巴webpack前端node.js
    前端的项目打包，我们常用的构建工具有Webpack和Vite，那么Webpack和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢？我们在做项目时要如何选择呢？一、工具定义1、Webpack：是一个强大的静态模块打包工具，它可以将各种类型的文件，如JavaScript、CSS、图片等，作为模块进行打包，并生成最终的静态资源文件。Webpack使用各种loader和plugin来处理
  • 验证码介绍及生成与验证（HTML + JavaScript实现） 学习&实践爱好者 JavaScrip技术HTML5与CSS3编程实践系列javascript
    验证码介绍及生成与验证（HTML+JavaScript实现）验证码验证码（全自动区分计算机和人类的图灵测试，‌CAPTCHA，C‌ompletely‌A‌utomated‌P‌ublic‌T‌uringtesttotell‌C‌omputersand‌H‌umans‌A‌part）是一种用于区分用户是人类还是自动化程序的安全机制，通过生成人类易识别、机器难破解的测试题目实现身份验证。作用‌‌防止恶
  • Puppeteer.js 一个可以不动手操作浏览的插件 海上彼尚 node.jsjavascript开发语言ecmascript
    目录Puppeteer.js简介安装Puppeteer基础使用1.启动浏览器并打开页面2.核心API详解浏览器对象（Browser）页面对象（Page）选择器常见用例用例1：生成网页截图用例2：生成PDF用例3：提交表单用例4：等待元素加载用例5：模拟移动设备高级功能1.拦截网络请求2.执行自定义JavaScript3.处理弹窗4.下载文件最佳实践总结Puppeteer.js简介Puppeteer
  • 将Javascript打包成exe可执行文件 海上彼尚 node.jsjavascript开发语言node.js
    目录什么是pkg？安装pkg基本使用步骤1：准备你的Node.js项目步骤2：通过命令行打包步骤3：运行生成的可执行文件配置package.json处理资源文件高级用法指定Node.js版本和平台打包整个项目处理环境变量常见问题问题1：动态导入模块失败问题2：文件路径错误问题3：缺少依赖示例：打包Express应用总结什么是pkg？pkg是一个命令行工具，能将Node.js项目及其依赖打包成一个单
  • 太强了！测试 Claude 3.7 Sonnet 模型前端代码能力提示词及Claude Code 系统提示词 技术程序猿华锋 AIGC资讯前端人工智能
    Claude3.7Sonnet测试模型的前端代码能力提示词；CreateasingleHTMLfilecontainingCSSandJavaScripttogenerateananimatedweathercard.Thecardshouldvisuallyrepresentthefollowingweatherconditionswithdistinctanimations:Wind:(e.g
  • ＜a＞标签中href=“javascript:；“ Alkaid: JSjavascript
    javascript:是表示在触发默认动作时，执行一段JavaScript代码，而javascript:;表示什么都不执行，跟href=”javascript:void(0)”是一样的，void是JavaScript的一个运算符，void(0)就是什么都不做的意思，这样点击时就没有任何反应，页面就不会跳转。
  • 使用Node.js在云服务上进行部署 安静旅者 node.js编程
    Node.js是一个基于ChromeV8引擎的JavaScript运行时，它可以使我们在服务器端运行JavaScript代码。在云服务上部署Node.js应用程序可以让我们轻松地扩展和管理我们的应用程序。本文将介绍如何使用Node.js在云服务上进行部署，并提供相应的源代码。步骤1：选择云服务提供商在开始之前，我们需要选择一个云服务提供商来托管我们的Node.js应用程序。目前市场上有许多可选的云
  • 跨平台开发--Weex 前端_学习之路 跨平台开发前端框架
    Weex是一款由阿里巴巴开源的跨平台移动开发框架，本篇从其定义、特点、应用场景等方面进行介绍：定义与背景Weex允许开发者使用JavaScript、HTML和CSS等前端技术来构建跨平台的原生移动应用，它将前端开发的便利性与原生应用的性能优势相结合。Weex最初由阿里巴巴团队开发，旨在解决移动应用开发中多平台适配的问题，提高开发效率，降低开发成本。特点跨平台性：Weex最大的特点就是能够实现一次编
  • 从JSON过滤到编程范式：深入理解JavaScript数据操作 漠月瑾-西安 前端小问题点记录jsonjavascript
    一、现实场景：某系统的数据过滤需求1.1原始数据结构//服务端返回数据示例（含元数据）constengineData={count:5,next:"https://xxx/?page=2",results:[{id:1,name:"我是数据A",status:1},{id:2,name:"我是数据B",status:0},{id:3,name:"我是数据C",status:1},{id:4,nam
  • 低代码革命：基于DeepSeek微调模型实现前端代码自动生成与私有JS API调用的实战指南 Light60 低代码实战篇AI应用低代码开发DeepSeek微调模型JavaScriptAPI智能生成
    摘要本文探讨如何微调DeepSeek平台的大语言模型，以实现前端代码的智能生成与自建JavaScriptAPI库的无缝调用。从模型训练、代码生成到API集成，提供全面的实战方法论，结合CodeBLEU评估指标与异步调用优化技巧，确保代码质量与执行效率。通过具体案例演示，帮助开发者突破低代码开发瓶颈，实现高效、安全的可视化开发。关键字：低代码开发、DeepSeek、微调模型、JavaScriptAP
  • 插入表主键冲突做更新 a-john
    有以下场景： 用户下了一个订单，订单内的内容较多，且来自多表，首次下单的时候，内容可能会不全（部分内容不是必须，出现有些表根本就没有没有该订单的值）。在以后更改订单时，有些内容会更改，有些内容会新增。 问题： 如果在sql语句中执行update操作，在没有数据的表中会出错。如果在逻辑代码中先做查询，查询结果有做更新，没有做插入，这样会将代码复杂化。 解决： mysql中提供了一个sql语
  • Android xml资源文件中@、@android:type、@*、？、@+含义和区别 Cb123456 @+@?@*
    一.@代表引用资源 1.引用自定义资源。格式：@[package:]type/name android：text="@string/hello"   2.引用系统资源。格式：@android:type/name     android:textColor="@android:color/opaque_red"
  • 数据结构的基本介绍 天子之骄 数据结构散列表树、图线性结构价格标签
    数据结构的基本介绍 数据结构就是数据的组织形式，用一种提前设计好的框架去存取数据，以便更方便，高效的对数据进行增删查改。正确选择合适的数据结构，对软件程序的高效执行的影响作用不亚于算法的设计。此外，在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈，堆等，就是经典的数据结构。   经典的数据结构大致如下：   一：线性数据结构 (1)：列表 a
  • 通过二维码开放平台的API快速生成二维码 一炮送你回车库 api
     现在很多网站都有通过扫二维码用手机连接的功能，联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊，写了个前台快速生成二维码的方法。        html代码如下:(二维码将生成在这div下) ? 1  &nbs
  • ImageIO读取一张图片改变大小 3213213333332132 javaIOimageBufferedImage
    package com.demo; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; /** * @Description 读取一张图片改变大小 * @author FuJianyon
  • myeclipse集成svn（一针见血） 7454103 eclipseSVNMyEclipse
                                     &n
  • 装箱与拆箱----autoboxing和unboxing darkranger J2SE
    4.2　自动装箱和拆箱 基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便，但提供方便的同时表示隐藏了细节，建议在能够区分基本数据类型与对象的差别时再使用。 4.2.1　autoboxing和unboxing 在Java中，所有要处理的东西几乎都是对象(Object)
  • ajax传统的方式制作ajax aijuans Ajax
    //这是前台的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
  • 只用jre的eclipse是怎么编译java源文件的？ avords javaeclipsejdktomcat
    eclipse只需要jre就可以运行开发java程序了，也能自动 编译java源代码，但是jre不是java的运行环境么，难道jre中也带有编译工具？ 还是eclipse自己实现的？谁能给解释一下呢问题补充：假设系统中没有安装jdk or jre，只在eclipse的目录中有一个jre，那么eclipse会采用该jre，问题是eclipse照样可以编译java源文件，为什么呢？ &nb
  • 前端模块化 bee1314 模块化
    背景： 前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。   JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python (import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所
  • 处理百万级以上的数据处理 bijian1013 oraclesql数据库大数据查询
    一.处理百万级以上的数据提高查询速度的方法：        1.应尽量避免在 where 子句中使用!=或<>操作符，否则将引擎放弃使用索引而进行全表扫描。         2.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 o
  • mac 卸载 java 1.7 或更高版本 征客丶 javaOS
    卸载 java 1.7 或更高 sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 成功执行此命令后，还可以执行 java 与 javac 命令 sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 成功执行此命令后，还可以执行 java
  • 【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析 bit1129 Stream
    第一步，Flume和Kakfa对接，Flume抓取日志，写到Kafka中 第二部，Spark Streaming读取Kafka中的数据，进行实时分析   本文首先使用Kakfa自带的消息处理（脚本）来获取消息，走通Flume和Kafka的对接 1. Flume配置 1. 下载Flume和Kafka集成的插件，下载地址：https://github.com/beyondj2ee/f
  • Erlang vs TNSDL bookjovi erlang
          TNSDL是Nokia内部用于开发电信交换软件的私有语言，是在SDL语言的基础上加以修改而成，TNSDL需翻译成C语言得以编译执行，TNSDL语言中实现了异步并行的特点，当然要完整实现异步并行还需要运行时动态库的支持，异步并行类似于Erlang的process（轻量级进程），TNSDL中则称之为hand，Erlang是基于vm(beam)开发，
  • 非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个 ljy325 企业应用
    　非常希望有一个预防疲劳的java软件，我看新闻和网站，国防科技大学的科学家累死了，太疲劳，老是加班，不休息，经常吃药，吃药根本就没用，根本原因是疲劳过度。我以前做java,那会公司垃圾，老想赶快学习到东西跳槽离开，搞得超负荷，不明理。深圳做软件开发经常累死人，总有不明理的人，有个软件提醒限制很好，可以挽救很多人的生命。 相关新闻： （1）IT行业成五大疾病重灾区：过劳死平均37.9岁
  • 读《研磨设计模式》-代码笔记-原型模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * Effective Java 建议使用copy constructor or copy factory来代替clone()方法： * 1.public Product copy(Product p){} * 2.publi
  • 配置管理---svn工具之权限配置 chenyu19891124 SVN
    今天花了大半天的功夫，终于弄懂svn权限配置。下面是今天收获的战绩。 安装完svn后就是在svn中建立版本库，比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 pepos    component    webapps 在conf里面的auth里赋予的权限配置为 [groups]
  • 浅谈程序员的数学修养 comsci 设计模式编程算法面试招聘
                                     浅谈程序员的数学修养
  • 批量执行 bulk collect与forall用法 daizj oraclesqlbulk collectforall
    BULK COLLECT 子句会批量检索结果，即一次性将结果集绑定到一个集合变量中，并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。     有关FORALL语句的用法请参考：批量SQL之 F
  • Linux下使用rsync最快速删除海量文件的方法 dongwei_6688 OS
    1、先安装rsync：yum install rsync 2、建立一个空的文件夹：mkdir /tmp/test 3、用rsync删除目标目录：rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了，删除的速度会非常快。rsync实际上用的是替换原理，处理数十万个文件也是秒删。
  • Yii CModel中rules验证规格 dcj3sjt126com rulesyiivalidate
    Yii cValidator主要用法分析：  yii验证rulesit 分类： Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError  
  • 基于vagrant的redis主从实验 dcj3sjt126com vagrant
    平台: Mac 工具: Vagrant 系统: Centos6.5 实验目的: Redis主从   实现思路 制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box   制作sentos6.5+redis的box   mkdir vagrant_redis cd vagrant_
  • Memcached(二)、Centos安装Memcached服务器 frank1234 centosmemcached
    一、安装gcc rpm和yum安装memcached服务器连接没有找到，所以我使用的是make的方式安装，由于make依赖于gcc，所以要先安装gcc 开始安装，命令如下，[color=red][b]顺序一定不能出错[/b][/color]： 建议可以先切换到root用户，不然可能会遇到权限问题：su root 输入密码...... rpm -ivh kernel-head
  • Remove Duplicates from Sorted List hcx2013 remove
    Given a sorted linked list, delete all duplicates such that each element appear only once. For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
  • Spring4新特性——JSR310日期时间API的支持 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • 浅谈enum与单例设计模式 247687009 java单例
    在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种)，两者同是私有构 造器，导出静态成员变量，以便调用者访问。 第一种 package singleton; public class Singleton { //导出全局成员 public final static Singleton INSTANCE = new S
  • 使用switch条件语句需要注意的几点 openwrt cbreakswitch
    1. 当满足条件的case中没有break，程序将依次执行其后的每种条件（包括default）直到遇到break跳出 int main() { int n = 1; switch(n) { case 1: printf("--1--\n"); default: printf("defa
  • 配置Spring Mybatis JUnit测试环境的应用上下文 schnell18 springmybatisJUnit
    Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有： 单元测试的app context不支持从外部properties文件注入属性 @Value注解不能解析带通配符的路径字符串 解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。 第二个问题的具体实例是：    
  • Java 定时任务总结一 tuoni javaspringtimerquartztimertask
     Java定时任务总结  一.从技术上分类大概分为以下三种方式：  1.Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务;   说明：    java.util.Timer定时器，实际上是个线程，定时执行TimerTask类 &
  • 一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法 yangshangchuan rank相似度计算文本相似度词袋模型余弦相似度
    本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法，对于其他的用户生成内容站点类型也具有同样的适用性。   最近在ITEYE博客频道上面出现了一种新型的商业广告形式，方法如下：     1、注册多个账号（一般10个以上）。     2、从多个账号中选择一个账号，发表1-2篇博文
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他