海纳百川
海纳百川

CSS+Canvas+jQury实现图片灰度渐变效果

        之前在制作图片灰度渐变特效时都是通过事先准备好两张图片，一张彩色图片、一张灰色图片，然后通过CSS定位把灰色图片叠放到彩色图片上，鼠标移入时用jQury把灰色图像的透明度渐变为0，鼠标移出时再把灰色图片透明度渐变为1，这样就实现了图片的灰度渐变效果。但这种实现方式每张图片都要加载两张图片，影响网页打开的速度，如果图片是通过后台上传的话那就更麻烦了，每次都要上传两张图片，而且客户可不一定会使用图像处理软件把图片变为灰色哦。

        这两天研究了图片灰度实现的问题，其实完全可以利用CSS滤镜和HTML5的画布功能让彩色图片以灰度的方式呈现在浏览器上，之前的问题就迎难而解了。

如何实现图片灰度效果请阅读下面两篇文章
        CSS实现图片灰度效果
        CSS+Canvas实现图片灰度效果，兼容所有浏览器

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Gray</title>
<style>
.item { width: 200px; float: left; margin: 10px; text-align: center; }
.ie { /*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale = 1);*/ filter: Gray; }

.box { width:200px; height:150px; position: relative; }
.box img { position: absolute; top:0; left:0; }
.img-color { z-index: 2; filter:alpha(opacity=0); opacity:0; }
.img-gray { z-index: 1;}
</style>
<script src="jquery.js"></script>
</head>

<body>
<div id="animate" class="box"><img id="img-color" class="img-color" src="chrysanthemum.jpg"/><img id="img-gray" class="img-gray" src="chrysanthemum.jpg"/></div>
<script>
function grayscale(src){
	var canvas = document.createElement('canvas');
	var ctx = canvas.getContext('2d');
	var imgObj = new Image();
	imgObj.src = src;
	canvas.width = imgObj.width;
	canvas.height = imgObj.height;
	ctx.drawImage(imgObj, 0, 0);
	var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
	for(var y = 0; y < imgPixels.height; y++){
		for(var x = 0; x < imgPixels.width; x++){
			var i = (y * 4) * imgPixels.width + x * 4;
			var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
			imgPixels.data[i] = avg;
			imgPixels.data[i + 1] = avg;
			imgPixels.data[i + 2] = avg;
		}
	}
	ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
	return canvas.toDataURL();
}

window.onload = function(){
	var lteIE8 = !-[1,]; //IE8版本以下浏览器

    var _imgColor = $('#img-color'), _imgGray = $('#img-gray');
	
	//图片灰度效果
    if(lteIE8){
        _imgGray.addClass('ie');
    }else{
        _imgGray.attr('src', grayscale(_imgGray.attr('src')));
    }
	
	//动画
    _imgColor.hover(
           function(){
               $(this).stop().animate({opacity:1}, 1000);
           },
           function(){
               $(this).stop().animate({opacity:0}, 1000);
           }
    )
}
</script>
</body>
</html>

        图片渐变的效果还是一样通过jQury改变图片透明度的方式实现，不同的是现在彩图和灰图用到的时同一张图片，浏览器不用额外加载多一张图。
        注意：这次是彩色图片叠加在灰色图片上，通过改变彩色图片的透明度来实现渐变效果的，之所以这么做是因为在IE6下给图片使用灰度滤镜后会让外层的a标签链接失效。

你可能感兴趣的:(js特效,灰度渐变效果)

  • JavaScript基础-动画函数封装 難釋懷 javascript开发语言
    在Web开发中，实现页面元素的动态效果是提升用户体验的重要手段之一。JavaScript提供了多种方式来创建动画效果，但直接使用这些API往往需要编写冗长且重复的代码。为了提高效率和代码的可维护性，封装动画函数成为了一个非常实用的方法。本文将介绍如何封装一个通用的动画函数，并探讨其应用场景。一、理解动画的基本原理在讨论动画函数之前，我们首先需要了解动画的基本原理。动画本质上是一系列快速连续变化的状
  • 超详细教程-Django+Bootstrap构建博客分页功能 云袖秀大本营 #Django博客项目
    展现效果实现规则：默认展示7个分页按钮（previous与next不算）页面范围等于1:不展示所有页面范围小于等于7，全部展示:1234567所有页面范围大于7，需展示省略符例如共8，当前页为1-4：12345。8例如共8，当前页为5：1。456。8(这种情况，当前页始终位于页面导航中部)例如共8，当前页为6-8：1。45678前端实现：{#一页不展示分页栏#}{%ifpaginator.num_
  • 从0到1：Rust 如何用 FFmpeg 和 OpenGL 打造硬核视频特效 Yeauty rustffmpeg音视频
    引言：视频特效开发的痛点，你中了几个？视频特效如今无处不在：短视频平台的滤镜美化、直播间的实时美颜、影视后期的电影级调色，甚至AI生成内容的动态效果。无论是个人开发者还是团队，视频特效都成了吸引用户眼球的杀手锏。然而，实际开发中却总会遇到这些“拦路虎”：场景一：批量处理需求你需要给上百个视频自动添加模糊背景，PR和AE这种手动工具直接废掉，效率低到让人抓狂。场景二：命令行噩梦用FFmpeg原生命令
  • 告别分库分表，时序数据库 TDengine 解锁燃气监控新可能
    达成效果：从MySQL迁移至TDengine后，设备数据自动分片，运维更简单。列式存储可减少50%的存储占用，单服务器即可支撑全量业务。毫秒级漏气报警响应时间控制在500ms以内，提升应急管理效率。新架构支持未来业务扩展，如设备监测、区域安全分析。明厦科技在智慧燃气领域深耕多年，构建了覆盖数万家庭及工商业场景的燃气监控系统，采用NB-IoT通信技术（正向4G平滑过渡）实现实时数据采集与报警联动。随
  • python以图搜图api_以图搜图（二）：python dHash算法 啟潍 python以图搜图api
    differentHash算法dHash中文叫差异哈希算法，在对图片进行哈希转换时，通过左右两个像素大小的比较，得到最终哈希序列。相比于aHash算法。dHash速度快，判断效果也要好。实现过程缩小尺寸。将图片缩小为9*8大小，此时照片有72个像素点。灰度化处理。计算差异值，获得最后哈希值(与aHash主要区别处)。比较每行左右两个像素，如果左边的像素比右边的更亮(左边像素值大于右边像素值)，则记
  • 国内大型的渲染农场中，做云渲染哪个平台更好？ NICHEN-MAX 云渲染3d3d渲染动画渲染器
    我们常寻的三维渲染农场，主要是分为效果图渲染农场、动画动画农场、影视渲染农场等！而今天我们要聊的主要是三维效果图和动画渲染农场这块！看看我们耳熟能详的渲染农场中，究竟哪个渲染农场更适合自己的需要！1、关于渲染农场国内头部的渲染农场主要有“瑞云、炫云、渲云、扮家家、蓝海创意云、赛诚云、渲染100效果图/渲染101动画渲染”等等平台。选择头部平台的原因是这一行都是先付费后使用，选择小众平台或许会直接面
  • 前沿算法优化与多场景应用实践 智能计算研究中心 其他
    内容概要《前沿算法优化与多场景应用实践》围绕算法技术的创新与落地，系统性梳理了从底层理论到场景化落地的关键路径。在基础算法层，量子算法通过叠加态与纠缠态特性突破经典计算瓶颈，联邦学习结合差分隐私与模型聚合技术构建分布式安全框架，生成对抗网络（GAN）则通过生成器与判别器的动态博弈优化图像合成效果。与此同时，可解释性算法通过特征重要性分析与决策树可视化提升模型透明度，超参数调优策略则结合贝叶斯优化与
  • HTML静态网页作业——电影介绍-你的名字 5页 无js 带音乐 (1) IT-司马青衫 htmljavascript前端
    HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。精彩专栏推荐❤【作者主页——获取更多优质源码】❤【web前端期末大作业——毕设项目精品实战案例(1000套)】文章目录一、网页介绍一、网页效果二、代码展示1.HTML代码2.CSS代
  • Mac电脑 鼠标右键助手 像windows的右键菜单 Alger_Hamlet macos计算机外设windows
    Mac电脑鼠标右键助手像windows的右键菜单文章目录Mac电脑鼠标右键助手像windows的右键菜单一、介绍二、效果三、下载一、介绍右键助手专业版forMac，集成了30多种常用的小工具，只要轻点鼠标右键，就可以激活想要的各种功能，让工作效率大幅度提高。无论您是程序员，设计师还是其他职业，只要您是Mac用户，用它就对了！右键助手的自定义功能非常强大，您可根据喜好，对右键菜单自行排列，禁用不常用
  • OmniPlan Pro for Mac 项目管理流程 Alger_Hamlet mac
    OmniPlanProforMac项目管理流程文章目录OmniPlanProforMac项目管理流程一、介绍二、效果三、下载一、介绍OmniPlanPromac是一款项目管理流程软件。能被用来优化资源、精简预算快速共享或添加任务，旨在能够帮助您可视化维护和简化项目，包含了自定检视表、阶层式的纲要模式、成本追踪、里程碑、任务限制与相关性、资源分配、时程控制、Gantt图表、违反事项显示、关键路径等等
  • DeepSeek的API调用 | 结合DeepSeek API文档 | 流式输出效果实现（五） 在下_诸葛 LLM应用pythonvscodeAIGCgptprompt
    流式输出的效果实现1、基本情况介绍1.1官方文档出错内容介绍和改正1.1.1出错内容和原因1.1.2官方文档改正2、下面流式输出使用DeepSeek-R1模型，V3模型也可以使用，但是V3模型没有思维链，太简单了3、流式输出实现3.1只输出思维链3.2只流式输出结果3.3流式输出思维链和文本内容3.4解决思维链中出现None的问题，为最后完整的代码，实现流式输出4、总结1、基本情况介绍  流式输出
  • THREEJS中用shader实现边框效果，附代码 二狗哈 javascript
    最终效果如上：import{BufferAttribute,Vector3}from'three';const_vector=newVector3();exportfunctioncomputeVertexNormals(positionAttribute,index){if(positionAttribute!==undefined){letnormalAttribute=newBufferAt
  • THREEJS中的SSAOShader阴影计算 二狗哈 javascript前端开发语言着色器web
    SSAO（ScreenSpaceAmbientOcclusion）：屏幕空间环境光遮蔽是一种实时计算环境光遮蔽的技术。它通过在屏幕空间内模拟环境光的散射和遮蔽，生成更真实的阴影效果。SSAO是一种效率较高的技术，通常用于实时渲染，如游戏和Web应用程序。后处理先理解一个概念：后处理后处理（Post-processing）是指在3D场景的渲染过程完成之后，对生成的2D图像进行额外处理的过程。这种处理
  • 智能推送系统的全链路统计功能：数据闭环下的运营增效革命 大数据
    在精细化运营时代，APP企业面临的核心挑战已从“如何触达用户”转向“如何量化每一次触达的价值”。MobPush智能推送系统的全链路统计功能，通过追踪用户从推送接收、点击到最终转化的完整路径，构建起“策略制定-效果评估-迭代优化”的数据闭环。数据显示，使用全链路统计的APP企业，其推送策略迭代效率提升300%，ROI（投资回报率）测算准确度提升65%。本文将从技术实现、业务价值等层面，解析这一功能为
  • Vue 学习随笔系列二十一 -- 多级表头表格封装 梅子酱~ vue.js学习javascript
    多级表头表格封装文章目录多级表头表格封装1、表格组件封装2、实现效果1、表格组件封装本例子只写到第三层，可自行拓展exportdefault{data(){return{tableData:[{secondPlayer1:"aaa",thirdPlayer1:"111",thirdPlayer2:"222",},],//表格数据数组tableColumns:[//表头配置数组{label:"序号"
  • 图像识别技术与应用（卷积神经网络2） 企鹅不耐热. python机器人
    LeNet架构0代表黑色，255代表白色。（可以想成0是什么都没有，所以是黑色；255代表越亮所以是白色。）红色的是卷积层，蓝色的是池化层，黄色的是全连接层。由32x32变为28x28是因为32-5+1=28，同理10x10也是这样。卷积编码器和全连接层密集块与深度有关，卷积编码器的深度取决于卷积层和池化层的数量，而全连接层的深度指的是它的层数。神经网络的深度和效果成正比。卷积核的数量与卷积神经网
  • 3D人物的动作是如何制作出来的 openwin_top 杂项3d
    3D人物的动作制作通常可以分为以下几个步骤：角色绑定（Rigging）：将3D人物模型绑定到一个骨骼结构上，使得模型能够进行动画控制。动画制作（Animation）：通过控制骨骼结构，制作出人物的各种动作，例如走路、跳跃、打斗等。动画编辑（AnimationEditing）：对已有的动画进行编辑、合并和修正，以达到更好的动画效果。动画渲染（AnimationRendering）：将动画渲染成视频或
  • HTML+CSS+JS实现简单的打字机 CY耶 htmlcssjavascript
    HTML+CSS+JS实现简单的打字机js/***动态打字效果函数*(select和element只能选择一个)*@param{Object}options-配置选项*@param{string}options.select-选择器，用于定位要显示文本的DOM元素("#id"或".class")*@param{Object}options.element-DOM元素（Element对象）*@par
  • GPT-SoVITS-WebUI可以中文声音克隆开源AI工具简介 愚梦者 人工智能gpt人工智能音频python
    引言：近年来，随着人工智能技术的不断发展，语音技术已经成为了热门领域。尽管已有不少技术实现了一定程度的成功，但传统语音合成技术的问题依然存在。传统方法对于训练数据的需求量大、效果受到声音质量和口音差异的影响。因此，在语音技术领域中，一种受到广泛关注的新技术GPT-SoVITS-WebUI应运而生。GPT-SoVITS是花儿不哭大佬研发的低成本AI音色克隆软件，作为一种新兴的网络界面工具，具有自主学
  • HarmonyOS NEXT 中级开发笔记：电竞直播应用ArkTS实践 harmonyos-next
    最近在尝试用ArkTS应用开发语言为HarmonyOSNEXT开发一款电竞直播应用，记录一些开发过程中的心得体会。状态管理与UI声明式开发ArkTS的声明式UI和状态管理确实让开发效率提升不少。比如直播间的礼物动画效果，通过@State和@Prop装饰器可以很清晰地管理状态：typescript@ComponentstructGiftAnimation{@StateprivatescaleValu
  • 不负热爱--10 万次访问纪念~~ matrixlzp 日常开发职场和发展
    博客访问量突破10万次拉~~水一篇纪念~~虽然大学的时候就注册了CSDN，但是认认真真写博客还是去年的事。当时公司叫我落地Sonarqube，CSDN找了一圈，发现都是基于流水线的，后来自己尝试基于Githook实现了一版，发现效果不错，所以写了一篇博文记录了一下，没想到有2千多的访问量，后面就开始陆陆续续、认认真真地写博客了。去年真的是很艰难的一年。中美关系不好，各行各业都在暗战。身边好多公司倒
  • 第六章:机器人建模与仿真__《ROS机器人开发实践》_notes lianghu666 硬件和智能机器人机器人笔记
    第六章核心内容总结一、核心知识框架（1）URDF建模体系基础标签结构：定义刚体属性，描述运动关系，作为根节点物理属性强化：定义惯性矩阵，设置碰撞检测传感器集成：摄像头/激光雷达/Kinect的扩展配置（2）Xacro优化技术参数化模板：宏定义实现组件复用模块化架构：分文件管理机械结构/传感器/传动系统动态计算：数学表达式替代固定数值（3）多维度仿真系统Rviz基础验证：可视化关节联动效果Arbot
  • # 使用 OpenCV 和神经网络实现图像风格化 www_pp_ opencv神经网络人工智能
    使用OpenCV和神经网络实现图像风格化在计算机视觉领域，图像风格化是一个非常有趣的应用，它可以通过神经网络将一张普通图像转换成具有某种艺术风格的图像。本文将介绍如何使用OpenCV和预训练的神经网络模型来实现图像风格化的效果。我们将通过一个具体的例子，将一张普通照片转换成具有马赛克风格的图像。1.环境准备在开始之前，请确保你已经安装了以下工具和库：Python：建议使用Python3.x。Ope
  • 【微信小程序】联动菜单（左右侧菜单）实现 xiaobai_Ry 软件开发及部署微信小程序小程序javascript联动菜单
    【微信小程序】联动菜单（左右侧菜单）实现前言第1步：了解一下第2步：先看一下效果啦第3步：实现（代码）前言最近为了实现课程设计，也做了一些前端的东西，今天想要做一个联动菜单来实现一些功能。实现了，也来做做笔记。第1步：了解一下联动菜单在微信小程序中常用于实现多级或多层级的选择功能，通过联动选择不同的选项来筛选和展示相关的数据或内容。一般实现方案包括以下几个步骤：数据准备：准备数据源，通常是多个数据
  • 【AI学习笔记】LangChain使用通义千问构建LLM应用 码农Q！ 学习笔记langchain人工智能aiagi
    LangChain简介LangChain是一个用于开发由大型语言模型(LLMs)驱动的应用程序的框架。它简化了应用程序的开发流程，通过LangChain我们可以调用各个LLM大模型构建我们的应用。langchain安装pipinstalllangchainlangsmithLangSmith是评估大模型能力好坏的评估工具，能够量化评估基于大模型的系统的效果。它允许您调试、测试、评估和监控基于任何L
  • 淘宝 “猜你喜欢” 数据挖掘：基于用户行为 API 的个性化推荐算法探究 API_technology 开发后端数据挖掘推荐算法人工智能
    摘要：随着电子商务的蓬勃发展，个性化推荐系统成为提升用户购物体验、增加平台销售额的关键技术。本文聚焦淘宝“猜你喜欢”板块，深入探讨基于用户行为API的个性化推荐算法。通过分析用户行为数据的收集、预处理，算法模型的构建与优化，以及该算法在淘宝平台的实际应用效果与挑战，为电商个性化推荐领域的进一步发展提供参考。一、引言在信息爆炸的时代，淘宝作为全球知名的电商平台，拥有海量的商品和庞大的用户群体。如何让
  • html5炫酷图片悬停效果实现详解 木木黄木木 html5前端html5前端html
    html5炫酷图片悬停效果实现详解这里写目录标题html5炫酷图片悬停效果实现详解项目介绍技术栈核心功能实现1.页面布局2.图片容器样式3.炫酷悬停效果缩放效果倾斜效果模糊效果旋转效果4.悬停文字效果5.性能优化6.响应式设计项目亮点总结项目介绍本文将详细介绍如何使用HTML5和CSS3技术实现一个具有炫酷悬停效果的图片展示组件。该组件包含多种动画效果，如缩放、倾斜、模糊和旋转等，并且具有良好的响
  • 组合预测 | Matlab实现LSTM-XGBoost长短期记忆网络组合极限梯度提升树多输入单输出回归预测 机器学习之心 回归预测组合优化组合预测LSTM-XGBoost长短期记忆网络极限梯度提升树多输入单输出回归预测
    组合预测|Matlab实现LSTM-XGBoost长短期记忆网络组合极限梯度提升树多输入单输出回归预测目录组合预测|Matlab实现LSTM-XGBoost长短期记忆网络组合极限梯度提升树多输入单输出回归预测效果一览基本描述模型描述代码实现参考资料效果一览基本描述组合预测|Matlab实现LSTM-XGBoost长短期记忆网络组合极限梯度提升树多输入单输出回归预测模型描述深度学习模型与决策树或线性
  • Obsidian 插件篇 -Weread 插件 growhuan ObsidianWeread插件
    Obsidian插件篇-Weread插件本篇文章针对Weread插件进行介绍梳理，主要包括需求分析、插件安装、核心功能设置、模板分享以及示例参考等。原文地址：Obsidian插件篇-Weread插件。文章目录Obsidian插件篇-Weread插件需求分析安装Weread插件核心功能设置导出模板配置模板(now)模板(old)示例参照导出效果预览需求分析痛点：经常在微信读书（Weread）上进行阅
  • 鸿蒙开发：使用Ellipse绘制椭圆
    前言本文基于Api13前边两篇文章，我们概述了几何图形矩形和圆形，分别使用Rect和Circle两个组件来实现，本篇文章，我们介绍另一个几何图形组件Ellipse，来实现一个椭圆图形。Ellipse是ArkUI框架中用于绘制椭圆的图形组件，支持填充、描边、透明度调节等基础功能，其核心特性包括，灵活布局，可单独使用或嵌套于Shape父组件中实现复杂矢量图形（类似SVG效果），也支持动态属性，通过状态
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "test@gmail.com"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他