- 【JAVA 基础 第(20)课】JDBC JAVA 连接 MySql 数据库
黑口罩
【JAVA】系列java
pom.xml导入MySqljar包mysqlmysql-connector-java5.1.30数据库驱动、连接封装成一个工具类DBUtil类importjava.sql.Connection;importjava.sql.DriverManager;importjava.sql.ResultSet;importjava.sql.SQLException;importjava.sql.State
- MATLAB代码实现了一个结构静力倒塌分析的功能
max500600
MATLABmatlab算法开发语言
functionstatic_collapse_analysis()clear;clc;closeall;params=initialize_parameters();delta=0;delta_increment=0.5;min_increment=0.1;n=1980;tolerance=1e-6;max_iterations=50;results=[];W_in_prev=0;p_prev=
- 归并排序(Python)
编程可可西里
python开发语言算法排序算法
1.算法步骤首先考虑一个问题:两个有序列表如何合并成一个列表A=[1,3,5,6,7,12]B=[6.7.9.11]1.构建一个result=[]2.当A非空且B非空:比较A[0]和B[0]result添加较小的那个元素,并从原始数组弹出3.如果A非空,把A添加到result末尾4.如果B非空,把B添加到result末尾1.先把数组分成两部分2.每部分递归处理变成有序3.将两个有序列表合并起来2.
- Junit5 单元测试框架的使用
qq_40815999
单元测试
Junit5简单使用总结作为一款测试框架,一般我们需要从以下几个方面去考虑TestCase:测试用例的管理Assertions:用例断言的管理TestExecution:测试执行,以何种顺序执行TestFixtures:测试装置,测试用例运行的前后动作,用来管理测试用例的执行TestSuites:测试套,控制用例批量运行TestRunner:测试用例的运行器TestResultReport:测试报
- java每日精进1.16(新增用户)
为美好的生活献上祝福
SpringCloud功能java微服务springspringcloud
1.controller层@PostMapping("/create")@Operation(summary="新增用户")@PreAuthorize("@ss.hasPermission('system:user:create')")publicCommonResultcreateUser(@Valid@RequestBodyUserSaveReqVOreqVO){Longid=userServ
- 双指针第二类
笔耕不辍cj
算法数据结构
vectorsort(vector&A){intk=A.size()-1;vectorresult(A.size(),0);//定义一个新数组for(inti=0,j=A.size()-1;i<=j;){if(A[i]*A[i]<A[j]*A[j]){result[k--]=A[j]*A[j];j--;}else{result[k--]=A[i]*A[i];i++;}}returnresult;}
- [CrackCode] 2.3 Delete a node in the middle of a single linked list
flowercha
interviewpreparationalgorithmLinkedListcrackcodejava
Implementanalgorithmtodeleteanodeinthemiddleofasinglelinkedlist,givenonlyaccesstothatnodeEXAMPLEInput:thenode‘c’fromthelinkedlista->b->c->d->eResult:nothingisreturned,butthenewlinkedlistlookslikea->b-
- Python学习——装饰器(一):两个简单例子
爬虫俗手小马达
python学习开发语言
例一计时器#创建一个装饰器,用于计算函数执行时间importtimedeftime_this(func):defwrapper(*args,**kwargs):start_time=time.time()result=func(*args,**kwargs)end_time=time.time()execution_time=end_time-start_timeprint(f"Execution
- Cesium-坐标转换(屏幕坐标、世界坐标、经纬度之间的转换)
如影随从
CesiumCesium坐标转换
一、经纬度转换为世界坐标//方法一Cesium.Cartesian3.fromDegrees(longitude,latitude,height,ellipsoid,result)//方法二varellipsoid=viewer.scene.globe.ellipsoid;varcartographic=Cesium.Cartographic.fromDegrees(lng,lat,alt);va
- 最新面试题【mybatis】
牛马baby
1024程序员节java
1,#{},${}区别?#{}是占位符,可以避免SQL注入,~在执行时会将SQL中的#{}替换为?号。${}是拼接符2,实体类中的字段和表中不一致该如何处理?第一种通过起别名的方式。第二种使用resultmap进行一一对应3,动态SQL执行原理,有哪些?执行原理是使用OGNL从SQL参数对象中计算表达式的值,根据表达式的值完成逻辑判断并动态拼接SQL,有if,foreach,where,trim,
- buu-[GYCTF2020]Ezsqli
有点水啊
buuctf-websqlwebsqlpython
朴实无华一张图片,一个输入框,图片太大就不放了1是Nu1L,2是V&N,剩下都是“ErrorOccuredWhenFetchResult.”fuzz一下,507的都是被过滤了的过滤了关键的information,要用到无列名注入,找库名时需要用到用到5.7版本新增的sys库利用sys库里的三个表都行schema_table_statistics/schema_table_statistics_wi
- Spring @Transactional注解失效场景重现
轻尘×
SpringJava基础MysQL后端mysqljavaspring
环境jdk1.8+springboot2.1.0.RELEASE+mysql8innerDB存储引擎正常在数据插入一条数据抛出checked异常@TransactionalpublicApiResultupdateUser(@RequestBodyUserParamsuser)throwsException{SysUsersysUser=newSysUser();sysUser.setUserNa
- rds mysql 8.0_新功能初探 | RDS MySQL 8.0 支持 DML 语句 returning
伊瓦的战士莱曼
rdsmysql8.0
背景MySQL对于statement执行结果报文通常分为两类Resultset和OK/ERR,针对DML语句则返回OK/ERR报文,其中包括几个影响记录,扫描记录等属性。但在很多业务场景下,通常INSERT/UPDATE/DELETE这样的DML语句后,都会跟随SELECT查询当前记录内容,以进行接下来的业务处理,为了减少一次ClientDBServer交互,类似PostgreSQL/Oracle
- HarmonyOS NEXT应用开发之NAPI封装ArkTS接口案例_harmonyos napi
2401_83946826
2024年程序员学习harmonyos华为
std::unique_lockstd::mutexunil(uniContext->resultWaitUtil.lock);uniContext->resultWaitUtil.cv.wait(unil,[]{returnuniContext->resultWaitUtil.isFinished;});return;}else{status=napi_call_function(uniCont
- C语言期末必练题目——part 10(编程题)
Kylin524
C语言期末c语言算法开发语言
1.输入2个整数,求两数的平方和并输出。#includeintmain(void){intta,b,s;printf("pleaseinputa,b:\n");scanf("%d%d”,&a,&b);s=a*a+b*b;printf("theresultis%d\n",s);return0;}2.输入一个圆半径r,当r>=0时,计算并输出圆的面积和周长,否则,输出提示信息。#include#def
- 子平八字生成
warrah
岁月云——java基础java服务器前端
1多线程生成数据@PostMapping("genData")publicResponseResultgenData(){StopWatchstopWatch=newStopWatch();stopWatch.start();//intthreadPoolSize=Math.min(Runtime.getRuntime().availableProcessors()*2,64);intthread
- 【学习总结|DAY031】后端Web实战(员工管理)三
123yhy传奇
学习mysqljavamybatis
一、删除员工功能实现(一)需求分析删除单条员工数据可视为特殊的批量删除,开发一个接口即可满足删除员工的功能需求,该接口需实现根据ID删除单个员工信息以及根据ID批量删除员工信息。(二)代码实现Controller层:提供两种接收请求参数的方式。通过集合接收参数的代码如下:@DeleteMappingpublicResultdelete(@RequestParamListids){log.info(
- Python100道练习题
Taichi呀
pythonpython开发语言
Python100道练习题BIlibili1、两数之和num1=20num2=22result=num1+num2print(result)2、一百以内的偶数list1=[]foriinrange(1,100):ifi%2==0:list1.append(i)print(list1)3、一百以内的奇数#方法一list1=[]foriinrange(1,100):ifi%2!=0:list1.app
- C# 提升性能效率
东城十三
C#c#开发语言
以下是一些提升C#程序运行效率的完整解决方法,包括代码优化、内存管理、并行和异步处理、编译和运行时优化、以及性能分析和监控。1.优化代码逻辑避免不必要的计算和方法调用//避免重复计算doubleresult=Math.Sqrt(2);//计算一次for(inti=0;i();dictionary[1]="one";dictionary[2]="two";//查找比在列表中更快if(dictiona
- C/C++ 中有哪些类型转换方式? 分别有什么区别?类型转换可能会带来哪些问题?
SUN_Gyq
javajvm开发语言c++
1)C/C++中有哪些类型转换方式?分别有什么区别?在C/C++中,常见的类型转换方式有以下几种:隐式类型转换定义:也称为自动类型转换,是由编译器自动完成的类型转换,不需要程序员显式地进行操作。这种转换通常发生在不同数据类型的操作数进行混合运算时,编译器会自动将操作数转换为一种公共类型,然后再进行运算。inta=5;doubleb=3.14;doubleresult=a+b;//在这里,整数a会被
- .Net MVC中视图的View()的具体用法
菜到极致就是渣
C#Web开发mvcc#开发语言
在控制器中我们执行完逻辑之后,然后就是要准备开始跳转到视图中,那么该如何指定跳转的视图呢?publicIActionResultIndex(){returnView();}如果View中参数,他默认寻找的视图路径是/Views/控制器名/方法名如果找不到,就去Shared文件夹找/控制器名/方法名还是找不到就报错View()是有多个重载的。要返回的显式视图:指定的视图名称returnView("O
- windows.location.href 无法使用post请求的解决办法
BlueSea丶
模拟表单提交的办法核心代码:document.write("");document.write("");document.write("");document.form1.submit();代码:varid=$("#id").val();$.post("login_user/",{'id':id,'password':password},function(ret){if(ret.result=='
- springMVC---resultful风格
sin2201
springMVCmvc
目录一、创建项目pom.xml二、配置文件1.web.xml2.spring-mvc.xml三、图解四、controller一、创建项目pom.xml4.0.0com.qcbyspringMVC141.0-SNAPSHOTwar88UTF-85.0.2.RELEASEorg.springframeworkspring-context${spring.version}org.springframew
- python subprocess.run 详解
薇远镖局
Pythonpythonlinux
一、详解subprocess.run是Python3.5及以上版本中引入的一个函数,用于运行子进程。它是subprocess模块的一部分,提供了一种更简单和更强大的方式来创建和管理子进程。subprocess.run函数可以替代旧的os.system和subprocess.call等函数。以下是subprocess.run函数的详细解释:1.1、基本用法importsubprocessresult
- 代码随想录算法训练营Day2:977有序数组、209长度最小的子数组、59螺旋矩阵||
爱吃甜食的靓仔
算法leetcode数据结构
(1)977有序数组文章链接:代码随想录(programmercarl.com)思考:题目中提到了该数组为有序数组,那么在进行平方后,最大值一定是在数组的最左边或者最左边,所以用双指针进行比较。Java代码:classSolution{publicint[]sortedSquares(int[]nums){int[]result=newint[nums.length];intleft=0;intr
- 代码随想录算法训练营DAY56|图论理论基础、98. 所有可达路径、深搜广搜基础
阿緑
代码随想录打卡算法图论
图论理论基础强连通图是在有向图中任何两个节点是可以相互到达在无向图中的极大连通子图称之为该图的一个连通分量。98.所有可达路径defdfs(graph,a,n,path,result):ifa==n-1:result.append(('').join(path[:]))forjinrange(N):ifgraph[a][j]:path.append(str(j+1))dfs(graph,j,n,p
- 一行命令查看Linux系统重启时间和相关记录
代码讲故事
服务器个人笔记
一行命令查看Linux系统重启时间和相关记录。系统启动时间并转换为秒:date-d"$(who-b|awk-F'''{print$(NF-1),$NF}')"+%s当前时间并转换为秒:date+%s使用当前时间减去启动时间,可以得到系统的运行时间。举例:假如系统重启后,10分钟内,判断为系统重启,否则判断为运行状态。很多服务和应用可以根据系统重启后,进行相应的初始化操作。判断脚本如下:result
- 只有 1% 的开发人员能在 60 秒内找到代码中的错误
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读下面这段简单的JavaScript代码里藏着一个不起眼但足以让人抓狂的错误:functiongetResult(a,b){return{result:a+b};}console.log(getResult(2,3));//结果真的是5吗?表面看上去,这只是一个“把两个数相加,然后返回对象”的函数,可实际运行后却并非预期的{resul
- IDEA 中编写 MyBatis 的 XML 文件,parameterType 无法跳转到类 Cannot find declaration to go to.
_Max_Ma
MyBatisintellij-ideamybatisxml
出现上图的问题,resultMap标签中的type和parmeterType中的类报红且无法跳转到对应的类中,此问题可能有几个原因:1.没有配置别名2.没有写全路径解决方法:alias配置别名(具体可以看其他文章的配置)写全类路径
- 回溯算法-重新安排行程
chirou_
算法数据结构图论c++图搜索
leetcode332.重新安排行程这题我还没自己ac过,只能现在凭着刚学完的热乎劲把我对题解的理解记下来。本题我认为对数据结构的考察比较多,用什么数据结构去存数据,去读取数据,都是很重要的。classSolution{private:unordered_map>targets;boolbacktracking(intticketNum,vector&result){//1.确定参数和返回值//2
- 如何用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