最新内容

前端如何通过LUT实现图片滤镜

前言说到图片滤镜,相信大家都不陌生,比如什么晨光效果、小清新效果。但大家都清楚滤镜效果在前端是怎么实现的吗?比如下面两个好看的滤镜效果:在前端,一般的图像处理库,都是基于算法来实现的,获取图片的像素,解析成R、G、B,然后对这3个颜色一通操作,比如R都变成255,G都减25…,或者复杂点,进行个卷积运算,比如fabric.js的滤镜效果。但是这些算法实现的滤 …

前端如何让网页变灰

应用场景全部网页变成灰色(黑白色),那么今天就说说,通过几行简单的代码,来实现这个功能。万法一:第一种:修改CSS文件我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰html {fiter. progid:DXlmage Transtorm.Microsoft Basiclmage(grayscale=1);-webkit- …

2015年学习CSS3的15个高级免费教程

CSS 3D云这是一个demo应用程序,你可以生成一个与现实生活一模一样的云,并可以对其进行调整。这个demo的代码比较复杂,它运用了CSS3 3D变换和部分JavaScript技术。效果演示>>纯CSS Logo这里收集了由纯粹的CSS制作的几个大公司的Logo。这样的演示最棒的地方在于你可以了解到这些图像是如何正确的拼凑在一起的。效果演示&g …

Spring Boot利用filter实现xss防御

1.什么是xss?Cross-Site Scripting(跨站脚本攻击)简称 XSS,是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本,使之在用户的浏览器上运行。利用这些恶意脚本,攻击者可获取用户的敏感信息如 Cookie、SessionID 等,进而危害数据安全。 为了和 CSS 区分,这里把攻击的第一个字母改成了 X,于是叫做 XSS。 XSS …

网站都变成灰色,几行代码就搞定了

大家看到网站的内容都变成了灰色,包括按钮、图片等等。这时候我们可能会好奇这是怎么做到的呢?有人会以为所有的内容都统一换了一个 CSS 样式,图片也全换成灰色的了,按钮等样式也统一换成了灰色样式。但你想想这个成本也太高了,而且万一某个控件忘记加灰色样式了岂不是变成生产事故要扣奖金了。解决方案很简单,只需要几行代码就能搞定了。F12看下各大网站怎么实现的。百度: …

掌握这 7 个 CSS 技巧,代码效率秒提升

最近接了个项目,PM 又来催:“登录弹窗能不能加点透明毛玻璃效果?活动标题再做点酷炫的渐变?对了,用户的反馈框能不能调整大小?”听完这要求,我脑袋直接嗡了:又想炫酷,又不想加班,这不扯嘛!正当我愁得要改 JS 的时候,隔壁老王一脸淡定:“兄弟,这些 CSS 技巧轻轻松松搞定,少写代码,效果还好。”于是,我抱着试一试的态度研究了一波,才发现 CSS 的隐藏技能 …

浅谈移动设备交互体验之惯性滚动

很久以前,手机上的交互依赖键盘和触控笔。我们要查看一个很长很长的列表,必须使用非常难用的触控笔或键盘的上下左右键。后来黑莓发明了滚动球,缓解了大拇指按出茧的问题。2007年,苹果推出iPhone。iPhone只有一个玻璃屏,没有触控笔,直接用手指操作,支持多手指。Multi-Touch这项技术在推出时被誉为和Mouse(Mac),Click wheel(iP …

广州蓝景分享—实用的CSS技巧,助你成为更好的前端开发者

Hello~~各位小伙伴,相信在前端开发项目中,CSS实现如修改输入占位符样式,多行文本溢出,隐藏滚动条,修改光标颜色,水平和垂直居中等等,这些都是我们非常熟悉的开发场景!前端开发者几乎每天都会和它们打交道,所以,今天广州蓝景收集一些CSS技巧,希望对大家有帮助。1.解决图片5px间距问题你是否经常遇到图片底部多出5px间距的问题?不着急,这里有4种方法可以 …

查漏补缺!我再讲一遍Nginx,务必记住这10000字内容

基本介绍Nginx是一款轻量级的 Web服务器反向代理服务器电子邮件(IMAPPOP3)代理服务器,主要的优点是:支持高并发连接,尤其是静态界面,官方测试Nginx能够支撑5万并发连接内存占用极低配置简单,使用灵活,可以基于自身需要增强其功能,同时支持自定义模块的开发使用灵活:可以根据需要,配置不同的负载均衡模式,URL地址重写等功能稳定性高,在进行反向代理 …