预载入和JavaScript Image()对象

http://www.jb51.net/article/28113.htm

预载入和JavaScript Image()对象

很多high-res图像真的可以使 Web 站点更加整洁。但是它们也会使站点的访问速度变慢——图像是文件，文件使用带宽，带宽直接与等待时间相关。是该了解如何通过一个叫做图像预载入（preloading）的技巧来提高 Web 站点的访问速度的时候了。
图像预载入
对于浏览器载入图像来说，只有在对图像发送一个 HTTP请求之后，它们才会被浏览器载入，对图像的 HTTP 请求要么使用 ＜img＞ 标记，要么通过方法调用实现。如果使用 JavaScript 脚本来处理在 mouseover 事件时交换图像，或者在一段时间之后自动更改图像，那么在从服务器获取图像时可能要等上几秒钟到几分钟的时间。如果使用一个慢速的 Internet 连接，或者要获取的图像非常大，或者其它一些情况，这种现象就特别明显；这样，延迟就造成你不能达到自己期望的效果。
一些浏览器采用一些措施来缓解这一问题，比如试图通过在本地缓存中存储图像，从而使随后对图像的调用能够立即被满足；但是在图像第一次被调用时依然会存在一些延迟。预载入是在需要图像之前将其下载到缓存的一种方法。通过这一措施，当真正需要图像时，它就可以被立即从缓存中取出，从而能够立即显示。
Image() 对象
预载入图像最简单的方法是在 JavaScript 中实例化一个新 Image() 对象，然后将需要载入的图像的 URL 作为参数传入。假设我们有一个图像叫做heavyimagefile.jpg，在用户的鼠标放到一个已经显示的图像之上时，我们希望显示这个图像。为了预载入这一图像从而得到较快的响应时间，我们简单地创建一个 Image() 对象 heavyImage，然后在 onLoad() 事件处理器中将其同时载入。
复制代码 代码如下:
<html>
<head>
<script language = "JavaScript">
function preloader()
{
heavyImage = new Image();
heavyImage.src = "heavyimagefile.jpg";
}
</script>
</head>
<body onLoad="javascript:preloader()">
<a href="#" onMouseOver="javascript:document.img01.src='heavyimagefile.jpg'">
<img name="img01" src="justanotherfile.jpg"></a>
</body>
</html>

请注意，图像标记本身不能处理 onMouseOver() 和 onMouseOut() 事件，这就是上例中<img> 标记被包含在一个<a> 标记之中的原因，<a> 标记支持这两个事件类型。
使用数组载入多个图像
在实际应用中，我们可能需要预载入多个图像，而不止一个；例如，在一个包含多个图像翻卷的菜单栏中，或者在我们试图创建平滑效果时，都需要预载入多个图像。其实这并不困难，只要使用 JavaScript 的数组即可实现，如下例所示：
复制代码 代码如下:
<script language="JavaScript">
function preloader()
{
// counter
var i = 0;
// create object
imageObj = new Image();
// set image list
images = new Array();
images[0]="image1.jpg"
images[1]="image2.jpg"
images[2]="image3.jpg"
images[3]="image4.jpg"
// start preloading
for(i=0; i<=3; i )
{
imageObj.src=images[i];
}
}
</script>

在上面的例子中，我们定义一个变量 i和一个 Image() 对象 imageObj。然后定义了一个新数组 images[]，每个数组元素存储要被预载入的图像。最后，创建一个 for() 循环来处理整个数组，并将每个元素赋给 Image() 对象，这样将其载入到缓存中。
onLoad() 事件处理器
像很多 JavaScript 的其它对象一样，Image() 对象也有一些事件处理器。其中最有用的一个肯定是 onLoad() 处理器，它在图像完全载入之后调用。这个事件处理器可以与一个自定义函数联系起来，以在图像完全载入之后执行一些特定的任务。下面的例子说明了这一点，在这个例子中，首先在图像载入时显示一个“please wait”屏幕，然后在载入完成时将浏览器转到一个新的 URL。
复制代码 代码如下:
<html>
<head>
<script language="JavaScript">
// create an image object
objImage = new Image();
// set what happens once the image has loaded objImage.onLoad=imagesLoaded();
// preload the image file
objImage.src='images/image1n.gif';
// function invoked on image load
function imagesLoaded()
{
document.location.href='index2.html';
}
</script>
</head>
<body>
Please wait, loading images...
</body>
</html>

当然，你还可以创建一个图像数组然后在其上进行循环操作，预载入每个图像，然后在每一阶段跟踪被载入图像的数目。一旦所有图像载入完毕，根据事件处理器的程序逻辑，它就可以将浏览器带入下一个页面（或者执行其它任务）。
预载入和多状态菜单
现在，如何在实际应用程序中使用所有你学到的理论？下面的这段代码是我最近偶尔编写的一个菜单栏，这个菜单栏由一些按钮（图像链接）组成，每个按钮具有三种状态：正常、悬停和点击。因为按钮具有多种状态，所以很有必要使用图像预载入，以保证菜单的状态能够快速地反应。清单A中的代码说明了实现方法。
清单A 中的HTML 代码设置了一个由四个按钮组成的菜单，每个按钮具有三种状态：正常、悬停和点击。需求如下：
# 当鼠标移动到一个正常状态下的按钮之上时，它变为悬停状态。在鼠标离开之后，按钮恢复为正常状态。
# 在鼠标点击一个按钮时，按钮变为点击状态。在其它按钮被点击之前，它将保留这一状态。
# 如果一个按钮被点击，其它按钮的状态都不能为点击状态。其它按钮只能为悬停状态或正常状态。
# 在同一时间只能有一个按钮被点击。
# 在同一时间只能有一个按钮处于悬停状态。
第一个任务是设置数组，用于保存菜单每个状态的图像。与这些数组元素对应的 ＜img＞ 也在 HTML 文档正文（body）中创建，并顺序地命名。请注意，数组值的索引是从0开始的，虽然对应的 ＜img＞ 元素的命名是从1开始的——这样就需要在脚本后面的部分进行计算调整。
函数 preloadImage() 负责将所有的图像存储到缓存中，以使鼠标运动的响应时间最小。for() 循环用于迭代第一步创建的图像，并在每次迭代中预载入一个图像。
详细出处参考：http://www.jb51.net/article/28113.htm

你可能感兴趣的:(JavaScript)

  • 前端开发手册大全 而 已 webjavascriptcsshtmljquerycss3
    web前端开发手册大全(学习参考)html中文中文参考手册：https://www.html.cn/shouce/html/1.htmlJavaScript中文参考手册：https://www.html.cn/shouce/js/11.htmlCSS3.0参考手册：https://www.html.cn/doc/css3/CSS教程手册（新）：https://www.html.cn/book/cs
  • AJAX与PHP数据交互的精细指南 t0_54coder ajaxphp交互个人开发
    在当今的Web开发中，AJAX（AsynchronousJavaScriptandXML）与PHP的结合使用非常普遍，用于实现无刷新页面更新或后台数据处理等功能。今天，我们将通过一个实例，详细讲解如何使用AJAX与PHP进行数据交互，并解决常见的问题。实例背景假设我们有一个用户注册表单，当用户提交表单时，我们需要将数据插入到MySQL数据库中，同时在前端实时显示插入是否成功。前端代码首先，我们在H
  • 探秘React：构建现代界面的利器 ai_todo 从0到0.01入门Reactreact.js前端前端框架
    文章目录React是一个用于构建用户界面的JavaScript库1.组件化开发2.JSX语法3.虚拟DOM4.单向数据流5.组件生命周期6.状态管理7.ReactRouter8.生态系统9.兼容性和跨平台vue3和react的异同点vue3和react的语法上的异同点附录：「简历必备」前后端实战项目（推荐：⭐️⭐️⭐️⭐️⭐️）「作者简介」：不知名十八线技术博主「推荐主页」：阿珊和她的猫「简历必备
  • AJAX和JSONP：前端异步请求与跨域解决方案 创意前端 前端ajaxokhttp编程
    AJAX和JSONP是前端开发中常用的异步请求和跨域解决方案。本文将详细介绍它们的使用方法和源代码示例。一、AJAX（AsynchronousJavaScriptandXML）AJAX是一种在不刷新整个页面的情况下，通过JavaScript与服务器进行异步通信的技术。它可以实现页面的局部刷新，提升用户体验。发起AJAX请求以下是一个简单的AJAX请求的示例：varxhr=newXMLHttpReq
  • fs-读取文件内容 还是鼠鼠 node.jsjavascriptvscode前端框架node.jsweb
    目录1.fs模块简介2.示例一：异步读取文件内容文件说明文件：sample.txt文件：readFile.js运行步骤及结果3.示例二：同步读取文件内容文件说明文件：readFileSync.js运行步骤及结果4.小结下面提供一个详细的教程，介绍如何使用Node.js的fs模块读取文件内容，包含同步与异步两种方式。文章中会详细标注文件名和代码类型（如JavaScript文件、文本文件等），便于你直
  • 《JavaScript × 字符串：LeetCode字符串里的奇思妙想》 hyyyyy！ 数据结构和算法算法javascript开发语言
    “等下一个天亮，去上次牵手赏花那里散步好吗”——《下一个天亮》344.反转字符串力扣题目链接(opensnewwindow)编写一个函数，其作用是将输入的字符串反转过来。输入字符串以字符数组char[]的形式给出。不要给另外的数组分配额外的空间，你必须原地修改输入数组、使用O(1)的额外空间解决这一问题。你可以假设数组中的所有字符都是ASCII码表中的可打印字符。示例1：输入：["h","e","
  • 《JavaScript解题秘籍：力扣队列与栈的高效解题策略》 hyyyyy！ 数据结构和算法javascript开发语言ecmascript
    232.用栈实现队列力扣题目链接(opensnewwindow)使用栈实现队列的下列操作：push(x)--将一个元素放入队列的尾部。pop()--从队列首部移除元素。peek()--返回队列首部的元素。empty()--返回队列是否为空。示例:MyQueuequeue=newMyQueue();queue.push(1);queue.push(2);queue.peek();//返回1queue
  • 【一】JavaScript能力提升---类对象、call()、apply()、bind() 是洋洋a javascript开发语言ecmascript
    一、类对象1.1概念类对象是一种用于创建和管理对象的架构或概念1.2定义方式1.2.1基于ES6类语法的类对象classPerson{constructor(name,age){this.name=name;this.age=age;}sayHello(){console.log(`Hello,mynameis${this.name}andIam${this.age}yearsold.`);}}c
  • QML 介绍及学习路线分享 小灰灰搞电子 QML开发QMLQt
    QML介绍及学习路线分享一、QML介绍什么是QML?QML的特点QML基本结构示例说明：QML和QtQuickQML的应用场景C++与QML的集成总结二、QML学习路线分享**学习路线概述****工具与资源推荐****学习时间规划**一、QML介绍什么是QML?QML(QtModelingLanguage)是一种用于Qt应用开发的声明式用户界面语言，它基于JavaScript和JSON样式的语法，
  • 基于 HTML、CSS 和 JavaScript 的智能九宫格图片分割系统 @HNUSTer HTMLhtmlcssjavascript前端开发语言
    目录1前言2技术实现2.1HTML结构2.2CSS样式2.3JavaScript交互3代码解析3.1HTML部分3.2CSS部分3.3JavaScript部分4完整代码5运行结果6总结6.1系统特点6.2使用方法1前言在当今数字化的时代，图片处理需求日益增长。无论是社交媒体分享、设计创作还是其他用途，有时候我们需要将一张图片分割成多个小块。今天，我要向大家介绍一个基于HTML、CSS和JavaSc
  • 前端应用--工程化主题切换功能 xiaobing_hope CSS3node-js学习javascriptnode.js
    随着各个应用平台和网站都开始支持深色模式，相较于传统的页面配色方案，深色模式具有较好的降噪性，也能让用户的眼睛看内容更加舒适。那么对于前端开发来说，如何高效的支持深色模式呢？这里的高效指的是工程化、自动化方案，不需要在开发过程中hardcoding。PostCSS原理及相关插件能力postcss是一款使用JavaScript编写的用于编译css的工具，具有良好的插件性，非常有利于开发者扩展。原理：
  • js基础二 才不是小emo的小杨 前端爬虫javascript前端html
    JavaScript基础下1事件处理JS事件（event）是当用户与网页进行交互时发生的事情，例如单机某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时，您可以使用JavaScript中的事件处理程序（也可称为事件监听器）来检测并执行某些特定的程序。一般情况下事件的名称都是以单词on开头的，例如点击事件onclick、页面加载事件onload等。下表中列举了一些J
  • react 基础 理想和远方_在路上 react.jsjsx
    一.什么是react？react是一种用于构建用户界面的javaScript库react主要用来写html，或构建web应用如果用mvc的角度来看，react仅仅是视图层（v），也就是只负责视图的渲染，并不是提供了完成的M和C的功能。二.react的特点1.声明式只需要描述html看起来是什么样，就跟写html一样。react负责渲染UI，并在数据变化是更新UI。constjsx=HelloRea
  • 【React全解】React起手式 caihuayuan4 面试题汇总与解析springsqljava大数据
    如何引入React从bootcdn引入React按顺序引入React然后引入ReactDOMCommonJSVSUMD规范JavaScript的模块定义和加载机制,降低了学习和使用各种框架的门槛，能够以一种统一的方式去定义和使用模块，提高开发效率，降低了应用维护成本CommonJSCommonJS是一种规范，NodeJS是这种规范的实现CommonJS模块是对象，是运行时加载，运行时才把模块挂载在
  • jQuery获取并解析API接口Json数据的方法 qhdzj87 前端（JSjQuery等）jqueryjsonjavascript
    json是API的常用数据交换格式，在Web开发中，除了后端程序，前端也可以借助JavaScript技术获取并解析API中的json数据，这里介绍一种通过jQuery的$get()函数获取并解析API接口Json数据的方法。其基本语法如下：$get(url,[data],[callback])在$get()函数中，包含了三个参数。其中：url:请求的地址;data:请求数据的列表;callback
  • Vue.js表单输入绑定 孤客网络科技工作室 vue.jsvue.js前端javascript
    表单输入绑定在前端处理表单时，我们常常需要将表单输入框的内容同步给JavaScript中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦：templatetext=event.target.value">v-model指令帮我们简化了这一步骤：template另外，v-model还可以用于各种不同类型的输入，、元素。它会根据所使用的元素自动使用对应的DOM属性和事件组合：文本类型的和元素会绑
  • 【完整汇总】近 5 年 JavaScript 新特性完整总览
    Hey,我是沉浸式趣谈本文首发于【沉浸式趣谈】，我的个人博客https://yaolifeng.com也同步更新。转载请在文章开头注明出处和版权信息。如果本文对您有所帮助，请点赞、评论、转发，支持一下，谢谢！本文深度解析近5年来JavaScript的所有重要更新，帮助你快速了解JavaScript新特性。ES2024：不断增强的实用性API了解最新的JavaScript特性可以让你的代码更简洁优雅
  • WebSocket调试神器对决：Apipost VS Apifox
    你以为所有API工具都能玩转WebSocket？当你的APP需要实时股票行情推送，当你的游戏要处理千人同屏交互，当你的IM系统必须保障消息零延迟——传统HTTP协议的"一问一答"模式瞬间破功。此刻WebSocket协议才是真正的救世主，这个全双工通信协议能让客户端与服务器建立"永不挂断的热线"，但掌握这把利器的开发者们，却常常在调试环节摔得鼻青脸肿：▎传统调试：手写JavaScript+浏览器Co
  • 【场景实现】React+material-ui+typescript实现H5上传身份证后显示图片 ，FileReader.readAsDataURL()方法读取图像信息 椰卤工程师 超级避坑指难React移动多端typescriptreactjsmaterial-ui
    原理readAsDataURL方法用于读取指定的内容File。读取操作完成后，readyState变成DONE，并loadend触发。那时，该result属性包含数据作为数据：URL表示文件数据为base64编码的字符串。举个栗子HTMLJavascriptfunctionpreviewFile(){constpreview=document.querySelector('img');constf
  • JavaScript 编译原理 www.www JavaScript相关javascript开发语言
    JavaScript编译原理编译过程词法分析语法分析代码生成执行代码编译过程通常来说我们写的代码就是一长串的字符串（后面统称为长串的字符串），程序员在借助开发工具才有了格式一说。机器能能够识别的语言只有0和1，后面简称机器语言。JavaScript引擎在代码与机器语言间承担“翻译”的工作JavaScript的编译过程包括词法分析，语法分析，代码生成及执行阶段。每个阶段都有一个产物供下一阶段使用。大
  • NativeScript 8.9.0 发布，跨平台原生应用框架 自不量力的A同学 javascript
    NativeScript是一个开源框架，可让开发者使用JavaScript或TypeScript来构建iOS和Android应用5。目前NativeScript最新版本为8.8.04，并未发布8.8.0以上版本，以下是NativeScript8.8.0的相关信息：改进的渲染性能：新的渲染引擎进一步优化了UI的绘制速度，使应用响应更快，能为用户提供更流畅的操作体验，在界面切换、元素显示等方面的表现更
  • 一起来动手实现一个ai聊天对话
    本文，我们将根据前文来实现一个ai聊天对话项目，感受真实的业务。项目技术栈vite---一个前端工程构建工具。antd---一个reactui组件库。@ant-design/icons----一个react图标库。mockjs---模拟消息对话数据。dayjs---一个日期处理库react---一个javascript框架。typescript---javascript的超集。ew-message
  • js实现大数字求和 javascript前端
    在现代编程中，处理超大数字常常会遇到限制，因为大多数编程语言的数字类型在存储较大的整数时可能会溢出。为了解决这一问题，通常采用字符串表示法来处理大数字。在这篇文章中，我们将深入探讨如何通过字符串实现大数字的求和，展示一个简单而有效的JavaScript函数。背景在数学中，加法是最基本的运算之一，但对于超出机器数值范围的数字，我们需要采取不同的方法。通过将数字表示为字符串，我们可以逐位进行加法运算，
  • 深入理解 Promise：使用指南与手动实现 vvilkim JavaScriptjavascriptajax开发语言
    Promise是JavaScript中处理异步操作的核心工具之一。它提供了一种更优雅的方式来管理异步代码，避免了回调地狱（CallbackHell）。本文将分为两部分：第一部分介绍Promise的使用与创建指南，第二部分手动实现一个简化版的Promise，帮助你深入理解其工作原理。第一部分：Promise的使用与创建指南1.什么是Promise？Promise是一个表示异步操作最终完成（或失败）及
  • JavaScript深浅拷贝原理与应用场景 痞子世无双 javascript前端
    在JavaScript中，深拷贝和浅拷贝是处理对象和数组复制的两种不同方式，理解它们的原理对于避免潜在的bug非常重要。浅拷贝（ShallowCopy）浅拷贝只复制对象或数组的第一层属性，如果属性是基本类型（如number、string、boolean等），则直接复制值；如果属性是引用类型（如object、array等），则复制引用（即内存地址），而不是实际的对象或数组。浅拷贝的实现方式使用Obj
  • 基于HarmonyNext的ArkTS实战案例：构建高效的图像处理应用 前端
    前言HarmonyNext是鸿蒙操作系统的最新版本，提供了强大的图形处理能力与高效的开发工具。ArkTS作为HarmonyNext的推荐开发语言，结合了TypeScript的静态类型检查与JavaScript的灵活性，非常适合开发高性能的图像处理应用。本文将通过实战案例，深入讲解如何基于ArkTS开发一个高性能的图像处理应用，涵盖图像加载、滤镜处理、性能优化等内容，帮助开发者快速掌握Harmony
  • HarmonyNext 实战：基于 ArkTS 的跨设备文件加密与共享系统开发指南 前端
    前言HarmonyNext是鸿蒙操作系统的最新版本，提供了强大的分布式能力与安全机制。ArkTS作为HarmonyNext的推荐开发语言，结合了TypeScript的静态类型检查与JavaScript的灵活性，非常适合开发安全性和分布式能力要求高的应用。本文将通过实战案例，深入讲解如何基于ArkTS开发一个跨设备文件加密与共享系统，涵盖文件加密、分布式传输、权限控制等内容，帮助开发者快速掌握Har
  • 【2025年华为OD机试】(E卷,200分)-最大社交距离 （JavaScript&Java & Python&C/C++） 妄北y 华为odjavascriptjavapythonc语言
    一、问题描述题目解析：会议室座位安排题目描述疫情期间需要保证一定的社交距离，公司组织开交流会议。会议室有一排共N个座位，编号分别为[0,N-1]。要求员工一个接着一个进入会议室，并且可以在任何时候离开会议室。需要满足以下规则：进入规则：每当一个员工进入时，需要坐到最大社交距离（最大化自己和其他人的距离的座位）。如果有多个这样的座位，则坐到索引最小的那个座位。离开规则：元素值为负数，表示出场。例如-
  • 【2025年华为OD机试】 (E卷,100分) - 计算最接近的数（JavaScript&Java & Python&C/C++） 妄北y 华为odjavascriptjavapythonc语言
    一、问题描述题目解析：寻找最接近中位数的下标题目描述给定一个数组X和一个正整数K，请找出使表达式X[i]-X[i+1]-...-X[i+K-1]的结果最接近于数组中位数的下标i。如果有多个i满足条件，请返回最大的i。补充说明数组X的元素均为正整数。数组的长度n取值范围：2{//移除输入字符串中的方括号input_str=input_str.replace("[","").replace("]","
  • 深入理解 Promise 和 Async/Await，并结合 Axios 实践 黑风风 前端Vue学习前端javascript开发语言
    深入理解Promise和Async/Await，并结合Axios实践JavaScript是一门单线程的语言，这意味着它无法同时处理多个任务。然而，在实际开发中，我们经常需要处理异步操作，比如网络请求、定时器、文件读取等。为了解决这些异步操作带来的复杂性，JavaScript提供了多种方式，从最早的回调函数到现代的Promise和Async/Await，逐步让异步代码更加优雅和易于维护。本文将围绕P
  • web报表工具FineReport常见的数据集报错错误代码和解释 老A不折腾 web报表finereport代码可视化工具
    在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。   NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码
  • Java的WeakReference与WeakHashMap bylijinnan java弱引用
    首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea
  • Linux——（hostname）主机名与ip的映射 eksliang linuxhostname
    一、 什么是主机名 无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的； 主机名是用于什么的呢？ 答：在一个局域网中，每台机器都有一个主
  • oracle 常用技巧 18289753290
    oracle常用技巧 ①复制表结构和数据   create table  temp_clientloginUser as   select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into  mytable  select  * &nb
  • 使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException 酷的飞上天空 exception
    有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou
  • IT系统分析师如何学习大数据 蓝儿唯美 大数据
    我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能
  • spring学习——简介 a-john spring
    Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，
  • 自定义颜色的xml文件 aijuans xml
    <?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &
  • 运营到底是做什么的？ aoyouzi 运营到底是做什么的？
    文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用
  • js面向对象类和对象 百合不是茶 js面向对象函数创建类和对象
    接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下  ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似   下面介绍一些js的类和对象的创建的技术   一:类和对
  • web.xml之资源管理对象配置 resource-env-ref bijian1013 javaweb.xmlservlet
    resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类
  • Create a composite component with a custom namespace sunjing
    https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace   When you developed a composite component the namespace you would be seeing would
  • 【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter bit1129 mongodb
     一、复本集为什么要加入Arbiter这个角色 回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a
  • Javascript开发笔记 白糖_ JavaScript
    获取iframe内的元素 通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if
  • Web浏览器Chrome打开一段时间后，运行alert无效 bozch Webchormealert无效
    今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。 试了试其他浏览器，发现都是没有问题的。 开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。 这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了 就关闭浏览器重启。   结果就好了，这也太怪异了。难道是cho
  • 编程之美-高效地安排会议 图着色问题 贪心算法 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美 高效地安排会议 图着色问题 贪心算法 * 假设要用很多个教室对一组
  • 机器学习相关概念和开发工具 chenbowen00 算法matlab机器学习
    基本概念： 机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。 它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。 开发工具 M
  • [宇宙经济学]关于在太空建立永久定居点的可能性 comsci 经济
           大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........        所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点
  • oracle 11g database control 证书错误 daizj oracle证书错误oracle 11G 安装
    oracle 11g database control 证书错误  win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面 解决办法： 是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：
  • Java I/O之用FilenameFilter实现根据文件扩展名删除文件 游其是你 FilenameFilter
    在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。 在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
  • C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例 dcj3sjt126com carray
    # include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",
  • PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引 dcj3sjt126com primary
    PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引，普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号   INT会员姓名  
  • java集合辅助类 Collections、Arrays shuizhaosi888 CollectionsArraysHashCode
      Arrays、Collections   1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); }      a）Arrays.asL
  • Spring Security（10）——退出登录logout 234390216 logoutSpring Security退出登录logout-urlLogoutFilter
           要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu
  • 透过源码学前端 之 Backbone 三 Model 逐行分析JS源代码 backbone源码分析js学习
    Backbone 分析第三部分  Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里， 但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件， 如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。
  • SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter 乒乓狂魔 springMVC
    这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate
  • 分布式基础知识和算法理论 bluky999 算法zookeeper分布式一致性哈希paxos
      分布式基础知识和算法理论 BY NODEXY@2014.8.12 本文永久链接：http://nodex.iteye.com/blog/2103218   在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同
  • Android Studio的.gitignore以及gitignore无效的解决 bell0901 androidgitignore
    　　github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 　　自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了 　　　　　　# OSX files　　　　　　//mac os下　　　　　　.DS_Store
  • 成为高级程序员的10个步骤 tomcat_oracle 编程
    What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。   Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加 提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进 历经更大的挑战。随着你的成长，各种影响力也会提高。
  • mongdb在linux下的安装 xtuhcy mongodblinux
    一、查询linux版本号： lsb_release -a  LSB Version:    :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他