- html5 判断长按操作,移动端h5模拟长按事件
weixin_39933414
html5判断长按操作
1、标志位vartimer='';varisLongTouch=false;//加个标志位,防止settimeout因为事件循环和实际时间有偏差vartarget=document.getElementById('target');target.addEventListener('touchstart',function(){timer=setTimeout(function(){isLongTo
- Apache JMeter 快速入门【图文详情】
甘蓝聊Java
【更新中...】项目中的那些事apachejmeterjava性能测试压力测试
文章目录ApacheJMeter简介安装ApacheJMeter入门Demo-测试HTTP接口第1步:创建线程组,模拟并发用户第2步:添加HTTPRequest采样器提供HTTP接口创建HTTPRequest采样器创建JSON断言第3步:添加Listener第4步:运行第5步:查看运行结果更多介绍参考本文目标:快速了解ApacheJMeter,并实现一个简单的HTTP接口的性能测试。官网:http
- kafka动态监听主题
S Y H
微服务组件kafkalinq分布式
简单版本importorg.springframework.beans.factory.annotation.Autowired;importorg.springframework.kafka.core.ConsumerFactory;importorg.springframework.kafka.listener.ConcurrentMessageListenerContainer;import
- JavaScript窗口大小变化事件:window.resize
星际编程喵
探索Spring的奇妙世界javascript前端htmlvue.jsreact.js前端框架html5
1.前言在Web开发中,JavaScript是一种强大的脚本语言,它可以与HTML和CSS一起使用,为用户提供交互性和动态性的体验。其中,window.addEventListener("resize")事件是一个常用的事件之一,用于在浏览器窗口大小发生变化时触发相应的操作。本文将深入介绍这个事件的相关内容。2.简介window.resize事件是浏览器提供的一种事件,用于监听窗口大小的改变。这意
- oracle TNS-01153 错误处理
90的程序爱好者
oracle数据库
oracle启动监听的时候提示Tns-01153未能处理字符串1、解决办法:删除oracle的安装目录下的listener\trace目录下listener.log文件2、出现原因log文件超过4G,在无法写入
- CTF-WEB: 利用Web消息造成DOM XSS
A5rZ
xss网络安全
如果索引中有类似如下代码window.addEventListener('message',function(e){document.getElementById('ads').innerHTML=e.data;});这行代码的作用是将接收到的消息内容(e.data)设置为id为'ads'的元素的HTML内容那么在受害者段执行如下代码会导致DOM污染','*')">参考实验:使用Web消息的DOM
- 【前端工程解耦】使用事件中心实现系统解耦,注册,触发,删除事件
Luxine.
前端分享前端
前言事件中心提供了一种灵活且可扩展的方式来管理事件和处理函数之间的关系,同时保持它们之间的解耦,可以降低系统耦合度,将视图和逻辑拆分出来,还是那句话,如果一个中间件解决不了问题,那就再加一个废话不多说,直接贴代码typeEventHandler=(...args:any[])=>void;classEventCenter{privatelisteners:Map=newMap();$on(even
- Vue2.x -- 解决vue2editor文本框报错、作用域插槽、对象解构赋值、VsCode支持Vue文件配置
ELNino_Thomas.Liang
javascriptvue
解决vue2editor文本框报错报错提示:[Violation]AddedsynchronousDOMmutationlistenertoa'DOMNodeInsertedIntoDocument'event.原因:vue-editor无法编译div标签解决方法:replace()方法,可以尝试把数据中的div标签换成p标签语法:例如vue-editor标签中绑定的内容为content,cont
- Filter概述、执行流程、拦截路径配置及过滤器链
夏志121
Java基础+进阶+核心技术java开发语言前端intellijidea服务器
目录一、Filter概述二、Filter入门案例三、Filter执行流程四、Filter拦截路径配置五、过滤器链一、Filter概述概念:Filter表示过滤器,是JavaWeb三大组件(Servlet、Filter、Listener)之一。过滤器可以把对资源的请求拦截下来,从而实现一些特殊的功能过滤器一般完成一些通用的操作,比如:权限控制,统一编码处理,敏感字符处理等等....二、Filter入
- DBeaver连接Oracle报错:ORA-12514
S1901
Orcleoracle
Listenerrefusedtheconnectionwiththefollowingerror:ORA-12514,TNS:listenerdoesnotcurrentlyknowofservicerequestedinconnectdescriptor————————————————1.报错信息2.配置正确结语————————————————如果是第一次连接Oracle数据库的新手,可以参考
- 2.6 TestExecutionListener
不听话的小耳朵
springtestspringjunit
TestExecutionListener`是SpringTest的核心扩展接口,允许开发者监听测试执行的生命周期事件,并插入自定义逻辑。通过实现此接口,可以干预测试的准备阶段、执行阶段和清理阶段,适用于监控、资源管理、日志记录等场景。1.TestExecutionListener核心方法接口定义了以下关键方法(均为默认方法,可按需重写):方法名触发时机典型用途beforeTestClass测试类
- Python连点器 PyQt6+pynput
Ryvict
笔记
鼠标宏按键不够、容易误触,因此写了这个电脑连点器通过Python多线程+pynput实现连点操作核心部分代码:importthreadingimporttimefrompynput.keyboardimportListener,ControllerasKeyboardController,Keyfrompynput.mouseimportButton,ControllerasMouseContro
- Java Web:项目结构和web.xml
weixin_33827965
javaweb.xml
结构:web.xml:testindex.htmltestservlet.Controller/pages/test.jsptest_initParaminitParam--163.comtest/testtest-contextParamcontextParam--hotmail.comlistener.TestListener每一个web应用只有一个ServletContext(分布式环境中,
- kafka生产者Producer、消费者Consumer的拦截器interceptor
小段大帅
kafkajava分布式zookeeper大数据
1、Producer的拦截器interceptor,和consumer端的拦截器interceptor是在kafka0.10版本被引入的,主要用于实现clients端的定制化控制逻辑,生产者拦截器可以用在消息发送前做一些准备工作,使用场景,如下所示:1)、按照某个规则过滤掉不符合要求的消息。2)、修改消息的内容。3)、统计类需求。1packagecom.demo.kafka.listener;23
- js如何监听元素事件是否被移除_JS监听事件的叠加和移除功能
weixin_39830225
js如何监听元素事件是否被移除
htmlDOM元素有很多on开头的监听事件,如onload、onclick等,见DOM事件列表。但是同一种事件,后面注册的会覆盖前面的:window.onresize=function(){alert(1);}window.onresize=function(){alert(2);}//改变窗口大小时,只会弹出2addEventListener监听利用addEventListener添加监听事件,
- js如何监听元素事件是否被移除_js 监听事件的叠加和移除 -
weixin_39838798
js如何监听元素事件是否被移除
//匿名函数事件无法移除window.addEventListener("resize",function(){alert(1)})//监听具名函数事件functionmyResize(){alert(2)}window.addEventListener("resize",myResize)//移除事件监听window.removeEventListener("resize",myResize).
- js removeEventListener删除匿名函数
北京王老师
pythongosqllambdagolang
看不少文档说addEventListener()添加的匿名函数无法被移除,实际上是一个谬误。从函数原型上看,只要能够获得注册函数的名称就能删除,因此只要稍微用点技巧就可以实现删除匿名函数。letele=document.getElementById('xxx');//这里给匿名函数临时指定一个名字,执行完毕后移除监听器。ele.addEventListener('click',func=(even
- 匿名函数无法移除事件监听?
会思想的苇草i
前端开发之旅javascript前端react.js匿名函数事件监听
基础知识EventTarget.addEventListener()方法将指定的监听器注册到EventTarget上,当该对象触发指定的事件时,指定的回调函数就会被执行。事件目标可以是一个文档上的元素Element、Document和Window。addEventListener()的工作原理是将实现EventListener的函数或对象添加到调用它的EventTarget上的指定事件类型的事件侦
- Filebeat 连接Kafka 失败
ms_勇往直前
kafkafilebeat
listeners=PLAINTEXT://:9092advertised.listeners=PLAINTEXT://IP地址:9092
- Android API 28+ View监听按键事件的处理方式
Forget_Sky
Androidview监听按键api28android
API28之前:view.setOnKeyListener(newView.OnKeyListener(){@OverridepublicbooleanonKey(Viewv,intkeyCode,KeyEventevent){returntrue;}});API28与28+:ViewCompat.addOnUnhandledKeyEventListener(view,newViewCompat.
- 禁止微信内置浏览器中下拉出现网址页面
ThisIsClark
web
在微信内置的浏览器中,下拉页面可以看到当前网页的网址。在某些项目中,我们可能不想看到这样的网址,这时候就需要想办法去让用户在下拉时微信不显示这个地方。这里我们用到的是比较暴力的方法,就是直接屏蔽调滑动事件,所以首先你要确认一下你的项目是不是不需要滑动事件。代码如下:document.addEventListener('touchmove',function(e){e.preventDefault(
- Kafka 之事务消息
码农爱java
KafkaKafkaMQ消息中间件事务消息微服务SpringBoot
前言:在分布式消息系统中,事务消息也是一个热门课题,在项目的实际业务场景中,如果用到事务消息的场景也不少见,那Kafka作为一个高性能的分布式消息中间件,同样也支持事务消息,本篇我们将对Kafka的事务消息展开讨论。Kafka系列文章传送门Kafka简介及核心概念讲解SpringBoot整合Kafka详解Kafka@KafkaListener注解的详解及使用Kafka客户端工具使用分享【offse
- 自动分页的面板制作|QQ面板|java|Swing
光芒再现0394
JAVAjavaqqfilenullimagelist
本来以为写一个这样的面板会很费劲,一开始准备改写一个Swing中的布局管理起来完成这样的面板,但经过仔细考虑还有很多不适合的地方。于是还是使用ComponentListener监听面板大小变化写了一个比较通用的翻页面板先来看看样子。似乎不太好看但已经能够完成翻页的任务了,还需要进一步的改进来看看代码是怎样的吧!packagecom.flyingwind.tutorial;importjava.aw
- Java调用rabbitmq监听_RabbitMQ:@RabbitListener 与 @RabbitHandler 及 消息序列化
Kingkongmilo
添加@RabbitListener注解来指定某方法作为消息消费的方法,例如监听某Queue里面的消息MessageConvert涉及网络传输的应用序列化不可避免,发送端以某种规则将消息转成byte数组进行发送,接收端则以约定的规则进行byte[]数组的解析RabbitMQ的序列化是指Message的body属性,即我们真正需要传输的内容,RabbitMQ抽象出一个MessageConvert接口处
- springboot使用rabbitmq
fall_hat
mqrabbitmq队列Springboot
依赖org.springframework.bootspring-boot-starter-amqp配置ymlspring:rabbitmq:password:guestusername:guestport:5672host:127.0.0.1#开启发送失败返回publisher-returns:true#开启发送确认publisher-confirms:truelistener:simple:#
- vue2-组件通信
16年上任的CTO
VUE2vue.js前端javascript组件通讯vuexpropsemit
文章目录vue2-组件通信1.为什么需要组件通信2.props传递数据3.$emit触发自定义事件4.ref5.EventBus6.parent和parent和parent和root7.attrs和attrs和attrs和listeners8.provide和inject9.vuex10.总结vue2-组件通信1.为什么需要组件通信在VUE中,组件是比较核心的功能,每个.vue都可以视为一个组件,
- 根据浏览器语言判断wordpress访问不同语言的站点
wodrpress资源分享
wordpress前端javascripthtmlwordpress
根据当前用户使用的浏览器语言判断,让wordpress按语言访问不同语言的站点。wordpress多语言网站,分别访问的一个好办法。document.addEventListener('DOMContentLoaded',function(){varbrowserLang=navigator.language||navigator.userLanguage;varlang=browserLang.
- Kotlin 开发Android笔记之Kotlin开发篇
笑忘书客
AndroidKotlinKotlin开发Kotlin语言开发Android
Kotlin开发Android笔记之Kotlin开发篇省略findViewById()方法正常写法:valbtn=findViewById(R.id.btn)btn.setOnClickListener{Toast.makeText(this,"提示",Toast.LENGTH_SHORT).s}但Kotlin项目在创建的时候引用了插件applyplugin:‘kotlin-android-ext
- 启动oracle12c 监听器,Oracle 12C新特性-新增监听器注册进程LREG(Listener Registration) | 信春哥,系统稳,闭眼上线不回滚!...
weixin_39849894
启动oracle12c监听器
在12C版本之前,PMON进程负责将数据库注册到监听器,比如动态注册监听器,监听器重启或者监听器在数据库启动之后启动,通常监听器并不能立即监听到数据库,需要过一会由PMON进程将数据库信息注册到监听器,或者通过ALTERSYSTEMREGISTER命令触发PMON进程去注册数据库到监听器,监听器监听到数据库信息后,客户端才可以通过监听器访问数据库。在12C版本,注册数据库到监听器这个活分配给了一个
- 图书管理系统 Axios 源码 __删除图书功能
还是鼠鼠
javascriptbootstrapajaxvscode前端前端框架node.js
目录代码实现(index.js)代码解析使用方法下面是完整的删除图书功能代码,基于HTML+Bootstrap+JavaScript+Axios开发。代码实现(index.js)//删除图书功能document.querySelector('.list').addEventListener('click',(e)=>{//判断是否点击了删除按钮if(e.target.classList.conta
- 如何用ruby来写hadoop的mapreduce并生成jar包
wudixiaotie
mapreduce
ruby来写hadoop的mapreduce,我用的方法是rubydoop。怎么配置环境呢:
1.安装rvm:
不说了 网上有
2.安装ruby:
由于我以前是做ruby的,所以习惯性的先安装了ruby,起码调试起来比jruby快多了。
3.安装jruby:
rvm install jruby然后等待安
- java编程思想 -- 访问控制权限
百合不是茶
java访问控制权限单例模式
访问权限是java中一个比较中要的知识点,它规定者什么方法可以访问,什么不可以访问
一:包访问权限;
自定义包:
package com.wj.control;
//包
public class Demo {
//定义一个无参的方法
public void DemoPackage(){
System.out.println("调用
- [生物与医学]请审慎食用小龙虾
comsci
生物
现在的餐馆里面出售的小龙虾,有一些是在野外捕捉的,这些小龙虾身体里面可能带有某些病毒和细菌,人食用以后可能会导致一些疾病,严重的甚至会死亡.....
所以,参加聚餐的时候,最好不要点小龙虾...就吃养殖的猪肉,牛肉,羊肉和鱼,等动物蛋白质
- org.apache.jasper.JasperException: Unable to compile class for JSP:
商人shang
maven2.2jdk1.8
环境: jdk1.8 maven tomcat7-maven-plugin 2.0
原因: tomcat7-maven-plugin 2.0 不知吃 jdk 1.8,换成 tomcat7-maven-plugin 2.2就行,即
<plugin>
- 你的垃圾你处理掉了吗?GC
oloz
GC
前序:本人菜鸟,此文研究学习来自网络,各位牛牛多指教
1.垃圾收集算法的核心思想
Java语言建立了垃圾收集机制,用以跟踪正在使用的对象和发现并回收不再使用(引用)的对象。该机制可以有效防范动态内存分配中可能发生的两个危险:因内存垃圾过多而引发的内存耗尽,以及不恰当的内存释放所造成的内存非法引用。
垃圾收集算法的核心思想是:对虚拟机可用内存空间,即堆空间中的对象进行识别
- shiro 和 SESSSION
杨白白
shiro
shiro 在web项目里默认使用的是web容器提供的session,也就是说shiro使用的session是web容器产生的,并不是自己产生的,在用于非web环境时可用其他来源代替。在web工程启动的时候它就和容器绑定在了一起,这是通过web.xml里面的shiroFilter实现的。通过session.getSession()方法会在浏览器cokkice产生JESSIONID,当关闭浏览器,此
- 移动互联网终端 淘宝客如何实现盈利
小桔子
移動客戶端淘客淘寶App
2012年淘宝联盟平台为站长和淘宝客带来的分成收入突破30亿元,同比增长100%。而来自移动端的分成达1亿元,其中美丽说、蘑菇街、果库、口袋购物等App运营商分成近5000万元。 可以看出,虽然目前阶段PC端对于淘客而言仍旧是盈利的大头,但移动端已经呈现出爆发之势。而且这个势头将随着智能终端(手机,平板)的加速普及而更加迅猛
- wordpress小工具制作
aichenglong
wordpress小工具
wordpress 使用侧边栏的小工具,很方便调整页面结构
小工具的制作过程
1 在自己的主题文件中新建一个文件夹(如widget),在文件夹中创建一个php(AWP_posts-category.php)
小工具是一个类,想侧边栏一样,还得使用代码注册,他才可以再后台使用,基本的代码一层不变
<?php
class AWP_Post_Category extends WP_Wi
- JS微信分享
AILIKES
js
// 所有功能必须包含在 WeixinApi.ready 中进行
WeixinApi.ready(function(Api) {
// 微信分享的数据
var wxData = {
&nb
- 封装探讨
百合不是茶
JAVA面向对象 封装
//封装 属性 方法 将某些东西包装在一起,通过创建对象或使用静态的方法来调用,称为封装;封装其实就是有选择性地公开或隐藏某些信息,它解决了数据的安全性问题,增加代码的可读性和可维护性
在 Aname类中申明三个属性,将其封装在一个类中:通过对象来调用
例如 1:
//属性 将其设为私有
姓名 name 可以公开
- jquery radio/checkbox change事件不能触发的问题
bijian1013
JavaScriptjquery
我想让radio来控制当前我选择的是机动车还是特种车,如下所示:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"><
- AngularJS中安全性措施
bijian1013
JavaScriptAngularJS安全性XSRFJSON漏洞
在使用web应用中,安全性是应该首要考虑的一个问题。AngularJS提供了一些辅助机制,用来防护来自两个常见攻击方向的网络攻击。
一.JSON漏洞
当使用一个GET请求获取JSON数组信息的时候(尤其是当这一信息非常敏感,
- [Maven学习笔记九]Maven发布web项目
bit1129
maven
基于Maven的web项目的标准项目结构
user-project
user-core
user-service
user-web
src
- 【Hive七】Hive用户自定义聚合函数(UDAF)
bit1129
hive
用户自定义聚合函数,用户提供的多个入参通过聚合计算(求和、求最大值、求最小值)得到一个聚合计算结果的函数。
问题:UDF也可以提供输入多个参数然后输出一个结果的运算,比如加法运算add(3,5),add这个UDF需要实现UDF的evaluate方法,那么UDF和UDAF的实质分别究竟是什么?
Double evaluate(Double a, Double b)
- 通过 nginx-lua 给 Nginx 增加 OAuth 支持
ronin47
前言:我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算,阅读下面的文档,实现自动化并获得收益。SeatGeek 在过去几年中取得了发展,我们已经积累了不少针对各种任务的不同管理接口。我们通常为新的展示需求创建新模块,比如我们自己的博客、图表等。我们还定期开发内部工具来处理诸如部署、可视化操作及事件处理等事务。在处理这些事务中,我们使用了几个不同的接口来认证:
&n
- 利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法
bsr1983
session
在利用tomcat-redis-session-manager做session同步时,遇到了在session保存一个自定义对象时,修改该对象中的某个属性,session未进行序列化,属性没有被存储到redis中。 在 tomcat-redis-session-manager的github上有如下说明: Session Change Tracking
As noted in the &qu
- 《代码大全》表驱动法-Table Driven Approach-1
bylijinnan
java算法
关于Table Driven Approach的一篇非常好的文章:
http://www.codeproject.com/Articles/42732/Table-driven-Approach
package com.ljn.base;
import java.util.Random;
public class TableDriven {
public
- Sybase封锁原理
chicony
Sybase
昨天在操作Sybase IQ12.7时意外操作造成了数据库表锁定,不能删除被锁定表数据也不能往其中写入数据。由于着急往该表抽入数据,因此立马着手解决该表的解锁问题。 无奈此前没有接触过Sybase IQ12.7这套数据库产品,加之当时已属于下班时间无法求助于支持人员支持,因此只有借助搜索引擎强大的
- java异常处理机制
CrazyMizzz
java
java异常关键字有以下几个,分别为 try catch final throw throws
他们的定义分别为
try: Opening exception-handling statement.
catch: Captures the exception.
finally: Runs its code before terminating
- hive 数据插入DML语法汇总
daizj
hiveDML数据插入
Hive的数据插入DML语法汇总1、Loading files into tables语法:1) LOAD DATA [LOCAL] INPATH 'filepath' [OVERWRITE] INTO TABLE tablename [PARTITION (partcol1=val1, partcol2=val2 ...)]解释:1)、上面命令执行环境为hive客户端环境下: hive>l
- 工厂设计模式
dcj3sjt126com
设计模式
使用设计模式是促进最佳实践和良好设计的好办法。设计模式可以提供针对常见的编程问题的灵活的解决方案。 工厂模式
工厂模式(Factory)允许你在代码执行时实例化对象。它之所以被称为工厂模式是因为它负责“生产”对象。工厂方法的参数是你要生成的对象对应的类名称。
Example #1 调用工厂方法(带参数)
<?phpclass Example{
- mysql字符串查找函数
dcj3sjt126com
mysql
FIND_IN_SET(str,strlist)
假如字符串str 在由N 子链组成的字符串列表strlist 中,则返回值的范围在1到 N 之间。一个字符串列表就是一个由一些被‘,’符号分开的自链组成的字符串。如果第一个参数是一个常数字符串,而第二个是type SET列,则 FIND_IN_SET() 函数被优化,使用比特计算。如果str不在strlist 或st
- jvm内存管理
easterfly
jvm
一、JVM堆内存的划分
分为年轻代和年老代。年轻代又分为三部分:一个eden,两个survivor。
工作过程是这样的:e区空间满了后,执行minor gc,存活下来的对象放入s0, 对s0仍会进行minor gc,存活下来的的对象放入s1中,对s1同样执行minor gc,依旧存活的对象就放入年老代中;
年老代满了之后会执行major gc,这个是stop the word模式,执行
- CentOS-6.3安装配置JDK-8
gengzg
centos
JAVA_HOME=/usr/java/jdk1.8.0_45
JRE_HOME=/usr/java/jdk1.8.0_45/jre
PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin
CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib
export JAVA_HOME
- 【转】关于web路径的获取方法
huangyc1210
Web路径
假定你的web application 名称为news,你在浏览器中输入请求路径: http://localhost:8080/news/main/list.jsp 则执行下面向行代码后打印出如下结果: 1、 System.out.println(request.getContextPath()); //可返回站点的根路径。也就是项
- php里获取第一个中文首字母并排序
远去的渡口
数据结构PHP
很久没来更新博客了,还是觉得工作需要多总结的好。今天来更新一个自己认为比较有成就的问题吧。 最近在做储值结算,需求里结算首页需要按门店的首字母A-Z排序。我的数据结构原本是这样的:
Array
(
[0] => Array
(
[sid] => 2885842
[recetcstoredpay] =&g
- java内部类
hm4123660
java内部类匿名内部类成员内部类方法内部类
在Java中,可以将一个类定义在另一个类里面或者一个方法里面,这样的类称为内部类。内部类仍然是一个独立的类,在编译之后内部类会被编译成独立的.class文件,但是前面冠以外部类的类名和$符号。内部类可以间接解决多继承问题,可以使用内部类继承一个类,外部类继承一个类,实现多继承。
&nb
- Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten
zhb8015
maven pom.xml关于hibernate的配置和异常信息如下,查了好多资料,问题还是没有解决。只知道是包冲突,就是不知道是哪个包....遇到这个问题的分享下是怎么解决的。。
maven pom:
<dependency>
<groupId>org.hibernate</groupId>
<ar
- Spark 性能相关参数配置详解-任务调度篇
Stark_Summer
sparkcachecpu任务调度yarn
随着Spark的逐渐成熟完善, 越来越多的可配置参数被添加到Spark中来, 本文试图通过阐述这其中部分参数的工作原理和配置思路, 和大家一起探讨一下如何根据实际场合对Spark进行配置优化。
由于篇幅较长,所以在这里分篇组织,如果要看最新完整的网页版内容,可以戳这里:http://spark-config.readthedocs.org/,主要是便
- css3滤镜
wangkeheng
htmlcss
经常看到一些网站的底部有一些灰色的图标,鼠标移入的时候会变亮,开始以为是js操作src或者bg呢,搜索了一下,发现了一个更好的方法:通过css3的滤镜方法。
html代码:
<a href='' class='icon'><img src='utv.jpg' /></a>
css代码:
.icon{-webkit-filter: graysc