- 面向对象的前端开发_20多种面向前端开发人员的文档和指南（第11号）
culi3118
编程语言javajavascriptpythonhtmlViewUI
面向对象的前端开发It’sthattimeagaintogetlearning!Asbefore,I’vecollectedanumberofdifferentlearningresources,includingguides,docs,andotherusefulwebsitestohelpyougetuptospeedindifferentareasoffront-enddevelopment
- TCP三次握手四次挥手详解与相关面试题
重生之我在成电转码
网络网络协议tcp/ip
一、TCP三次握手（Three-WayHandshake）目的：建立可靠的全双工通信通道，确保客户端与服务端都能正常发送和接收数据。1.1三次握手过程第一次握手（SYN）：客户端向服务端发送一个SYN（SynchronizeSequenceNumber，同步序列号）报文，请求建立连接。标志位：SYN=1，序列号Seq=x。此时，客户端进入SYN-SENT状态。第二次握手（SYN+ACK）：服务端收
- 判断三个数中的最大数
莫西子诗.
c语言
#includeintmain(){//1.首先要有这三个数字,所以先创建三个变量doublenumber_one,number_two,number_three,max;//输入第一个数while(1){//设置一个死循环,如果输入有误,则重新输入printf("请输入第一个数:");if(scanf("%lf",&number_one)==1){break;}else{printf("输入有误
- c语言函数注释例子,C语言实例说明
廷哥带你小路超车
c语言函数注释例子
原标题：C语言实例说明上一节，我们大致总揽了一个简单C程序的框架，程序如下：123456789#include/*引入头文件*/intmain(void)/*一个简单的C程序*/{intnumber;/*定义个名字叫做number的变量*/number=2014;/*给number赋一个值*/printf("Hello!Iamdotcpp.comn");/*像屏幕打印一句话*/printf("Th
- c语言枚举法与数组,C语言学习五 — 数组与枚举
weixin_39651325
c语言枚举法与数组
数组C语言支持数组数据结构，它可以存储一个固定大小的相同类型元素的顺序集合。数组是用来存储一系列数据，但它往往被认为是一系列相同类型的变量。数组的声明并不是声明一个个单独的变量，比如number0、number1、...、number99，而是声明一个数组变量，比如numbers，然后使用numbers[0]、numbers[1]、...、numbers[99]来代表一个个单独的变量。数组中的特定
- 【HarmonyOS】实现矩形上下拖动、动态拖拽修改高度
harmonyos-next
简介实现一个矩形块上下拖动，并且可以拖动边缘定位点改变矩形块高度。实现效果如下：代码@Entry@ComponentstructRec_Page{@StatepenOffsetY:number=0;@StateoffsetX:number=0@StateoffsetY:number=0@StatepositionX:number=0@StatepositionY:number=0@Staterec
- 【HarmonyOS】使用两层Scroll实现一天时间轴和事件卡片的层叠显示
harmonyos-next
简介实现某一天24小时的时间长度和当天事件的页面。实现如下的效果：代码代码架构List_Page：主界面NumberUtil：数字辅助类DateEvenModel：日程实体类ListPageViewModel：界面交互类List_Pageimport{DateEvenModel}from'../Models/DateEvenModel';import{ListPageViewModel}from'
- 【HarmonyOS】HMRouter使用详解（二）
路由跳转HMRouter中使用HMRouterMgr的静态方法push()和replace()来实现路由跳转。使用pop()方法来实现页面返回push：目标页面不会替换当前页，而是插入页面栈。可以使用pop实现页面的返回操作。replace：目标页面会替换当前页，并销毁当前页。这样可以释放当前页的资源，并且无法返回到当前页。pop：返回页面栈的上一个页面，skipedLayerNumber页面返回
- LeetCode --- 2231. Largest Number After Digit Swaps by Parity 解题报告
杨鑫newlfe
Python算法LeetCodeleetcode算法python面试分治算法
Question:Youaregivenapositiveintegernum.Youmayswapanytwodigitsofnumthathavethesameparity(i.e.bothodddigitsorbothevendigits).Returnthelargestpossiblevalueofnumafteranynumberofswaps.Example1:Input:num=1
- JavaScript深浅拷贝原理与应用场景
痞子世无双
javascript前端
在JavaScript中，深拷贝和浅拷贝是处理对象和数组复制的两种不同方式，理解它们的原理对于避免潜在的bug非常重要。浅拷贝（ShallowCopy）浅拷贝只复制对象或数组的第一层属性，如果属性是基本类型（如number、string、boolean等），则直接复制值；如果属性是引用类型（如object、array等），则复制引用（即内存地址），而不是实际的对象或数组。浅拷贝的实现方式使用Obj
- 算法15--BFS
黑眼圈的小熊猫
算法宽度优先
BFS原理经典例题解决FloodFill算法[733.图像渲染](https://leetcode.cn/problems/flood-fill/description/)[200.岛屿数量](https://leetcode.cn/problems/number-of-islands/description/)[695.岛屿的最大面积](https://leetcode.cn/problems/
- 鸿蒙 循环控制 简单用法
来之梦
鸿蒙
效果简单使用如下：classItem{id:numbername:stringprice:numberimg:stringdiscount:numberconstructor(id:number,name:string,price:number,img:string,discount:number){this.id=idthis.name=namethis.price=pricethis.img=
- FIN246 Evaluate the BestWallet
后端
ASSIGNMENT2FIN246Spring2025DUE:Monday,March3thatthebeginningofclass(3:25pmEST)Usingthelast4digitsofyourstudentnumber,lookupBitcoinblock820000+last4digitsofyourid(Example,ifthelast4digitsare1234,lookup
- 自学微信小程序的第八天
breaking_lxt
微信小程序java
DAY81、使用动画API即可完成动画效果的制作，先通过wx.createAnimation()方法获取Animation实例，然后调用Animation实例的方法实现动画效果。表40：wx.createAnimation()方法的常用选项选项类型说明durationnumber动画持续时间，单位为毫秒，默认值为400毫秒timingFunctionstring动画的效果，默认值为linearde
- oracle 返回表函数
woshilys
ORACLEoracle返回表函数
--首先创建一个类型createorreplacetypet_testasobject(empnonumber(4),enamevarchar2(20),jobvarchar2(20),salnumber(7,2));---创建一个对象，引用上面的类型t_testcreateorreplacetypet_test_tableastableoft_test;--然后创建一个返回表的函数createo
- Lua tunumber函数
auspark
Lua
【0】总述tonumber函数会尝试将它的参数转换为数字。如果参数已经是一个数字或者是一个可以转换成数字的字符串，那么这个函数就会返回转换后的数值，否则，返回nil（表示转换失败）。这个函数有一个额外的参数base可用来指定参数的进制:（1）默认参数值是10（2）参数的取值范围是[2,36]（3）当参数值超过10时，使用A代表10（大小写都可以），B代表11，以此类推最后Z代表35【1】应用ton
- python中valueerror怎么改_如何修复python的ValueError？
玛卡库克
单击“开始”按钮后，代码生成了一个ValueError：文件“E:\python\numberguesstrial2.py”，第58行，在clicked4中运行游戏()文件“E:\python\numberguesstrial2.py”，第61行，在run\u游戏中guess=int(猜测_入口。获取())ValueError:基数为10的int()的文本无效：“”有人能给我解释一下为什么会产生错
- iOS for...in 循环
豪冷啊
iOSios
0x00循环遍历一输出结果是什么？NSMutableArray*marr=@[@1,@2,@3].mutableCopy;for(NSNumber*numberinmarr){NSLog(@"%@",number);marr=@[@4,@5,@6].mutableCopy;}NSLog(@"%@",marr);0x01循环遍历二输出结果是什么？NSMutableArray*marr=@[@1,@2
- PTA刷题记录：l1 002 时间沙漏
Alex_God 苑心
PTA刷题记录c++
PTAl1–002时间沙漏首先分析题目需要的变量：一共用了多少字符（这里用(number*2-1)来表示），不难发现这个沙漏是对称的，所以我们只需要记录一半个数然后通过number*2-1来计算出口即可斜体样式第一行的字符个数（方便输出）空格的个数（详细见代码）巧妙计算输出可以采用对称输出，先输出上半部分，在输出下半部分c++代码（加注释）#includeusingnamespacestd;int
- Kotlin常用同步方法
tangweiguo03051987
kotlin开发语言android
Kotlin常用同步实现方法：1.使用synchronized关键字2.使用ReentrantLock3.使用原子操作4.使用线程安全集合5.使用信号量Semaphore6.使用读写锁ReentrantReadWriteLock7.使用条件变量:Condition一般与ReentrantLock一起使用//使用synchronized关键字classNumber1{privatevarnumber
- Express + MongoDB 实现文件上传
yqcoder
expressmongodb数据库
使用`multer`中间件来处理文件上传，同时将文件的元数据存储到MongoDB中。一、安装依赖npminstallmulter二、核心代码//定义文件模型constfileSchema=newmongoose.Schema({ originalname:String, mimetype:String, size:Number, path:String,});constFile=mongoose.
- vim:基础配置
LG.YDX
Linuxvimexcel编辑器
Vim配置清单设置行号显示setnumber设置相对行号（可选）setrelativenumber设置制表符为4个空格settabstop=4设置自动缩进setautoindent"启用语法高亮syntaxon"设置背景颜色（可选，根据终端或GUIVim设置）setbackground=dark"设置滚动行为为半页set scrolloff=8显示光标当前行的行号和列号setruler启用鼠标支持
- 【鸿蒙实战开发】自定义HarmonyOS启动页组件
代码越多头发越少001
安卓鸿蒙前端harmonyos华为鸿蒙前端安卓
启动页作为应用程序首次出现的页面，该页面提供一些预加载数据的提前获取，防止应用程序出现白屏等异常，如是否第一次访问应用程序并开启应用欢迎页；判断用户登录信息进行页面跳转；消息信息懒加载等。常见启动页参数如下表所示：常见启动页方法如下表所示：方法类型描述必填skipvoid跳转方法Y封装启动页参数类代码如下所示：exportclassSplash{//倒计时时长timer:number;//显示Lo
- HBA的WWN号以及存储区域网络
骚老头
wwnHBASAN存储区域网络
古驰古驰巴拉巴拉，今天讲一下存储区域网络和wwn号以及查看wwn号的方法存储区域网络（StorageAreaNetwork，简称SAN）采用网状通道（FibreChannel，简称FC，区别与FiberChannel光纤通道）技术，通过FC交换机连接存储阵列和服务器主机，建立专用于数据存储的区域网络WWN:worldwidenumber是硬件的全球唯一标示WWPN:worldwideportnum
- Zookeeper（84）Zookeeper的快照文件格式是什么？
辞暮尔尔-烟火年年
微服务zookeeperdebian分布式
Zookeeper的快照文件用于保存Zookeeper数据树的当前状态，以便在服务器重启时快速恢复数据。快照文件的格式是二进制的，包含以下几个部分：文件头：包括文件的魔数和版本信息。数据树：包括所有节点的数据和元数据。ACLs：包括所有节点的访问控制列表。统计信息：包括Zookeeper服务器的统计数据。文件头文件头在每个快照文件的开头，包含以下信息：魔数（MagicNumber）：用于标识文件类
- C++ 数组教程
2501_90255623
c++算法数据结构
一、数组的基本概念在C++中，数组是一种用于存储相同类型元素的固定大小的连续内存块。数组中的每个元素都可以通过索引来访问，索引从0开始。使用数组可以方便地存储和处理一组相关的数据。二、一维数组2.1数组的声明和初始化声明数组声明一维数组的基本语法如下：数据类型数组名[数组大小];例如，声明一个包含5个整数的数组：intnumbers[5];初始化数组部分初始化：可以只初始化数组的一部分元素，未初始
- 卡码54 替换数字
dokii1
c++算法开发语言
1.O(n^2)#include#includeusingnamespacestd;voidtrans2number(string&s){stringsinsert="number";intn=s.size();intnum=0;for(inti=0;i>s;trans2number(s);cout#includeusingnamespacestd;voidtrans2number(string&
- HarmonyOS Next 应用开发实战：构建高性能动画组件（ArkTS深度解析）
前端
第一章案例背景与技术选型###1.1项目需求分析本案例将实现一个复杂的粒子动画登录界面，包含以下核心功能：1.动态粒子背景：300+粒子按流体力学规律运动2.智能输入框：输入时触发粒子聚散动画3.登录按钮：3D翻转交互动效4.性能优化：确保60fps流畅运行1.2技术方案设计采用ArkTS实现以下技术组合：typescript//粒子对象数据结构classParticle{x:number=0y:
- 基于vue3 + ts 封装一个自定义的message组件
stpzhf
javascript前端vue.js
基于vue3+ts封装一个自定义的message组件今天尝试封装一个message弹框组件废话不多说直接上代码Message.vue这是一个message组件import{onMounted,ref}from'vue'typePropsType={timeout:numberclose:()=>void}const{timeout=3000,close}=defineProps()letvisib
- MYSQL实现动态替换字符串某个下标位置的值的函数
bilibilidicks
mysqljava数据库
DELIMITER$$CREATEFUNCTIONreplace_in_array(input_stringVARCHAR(255),split_delimiterVARCHAR(1),numberINT,targetStrVARCHAR(255))RETURNSVARCHAR(255)BEGINDECLAREtemp_arrayVARCHAR(255)DEFAULTinput_string;DE
- 如何用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
