在做商城类项目的时候，我们可能都会经历过“优惠券”这类需求，笔者在过往工作中，都是直接要求UI切图来实现，直到有一天产品告诉我一个奇思妙想：这个优惠券的宽度会随内容变化的！一下子让我陷入了人生的大思考，这样图片方式可不好整呐，因此萌生一个想法：能不能用纯css实现这些效果呢？0. 内倒角首先我们来看下css如何实现内倒角.card {width: 200px …
cssfilter
预览图首先查看预览图:原理采用了 background 属性 background: inherit;inherit 关键字使得元素获取其父元素的计算值。它可以应用于任何 CSS 属性，包括 CSS 简写 all。对于继承属性，inherit 关键字只是增强了属性的默认行为，通常只在覆盖原有的值的时候使用。继承始终来自文档树中的父元素，即使父元素不是包含块。 …
从 cpu 聊起cpu (central process) 是计算机的大脑，它提供了一套指令集，我们写的程序最终会通过 cpu 指令来控制的计算机的运行。cpu 会对指令进行译码，然后通过逻辑电路执行该指令。整个执行的流程分为了多个阶段，叫做流水线。指令流水线包括取指令、译码、执行、取数、写回五步，这是一个指令周期。cpu 会不断的执行指令周期来完成各种任务 …
作者： 写代码的木公出处：https:www.cnblogs.com54chensongxiap12187036.htmlListener、Filter和Servlet是Java Web开发过程中常用的三个组件，其中Filter组件的使用频率最高，经常被用来做简单的权限处理、请求头过滤和防止XSS攻击等。如果我们使用的是传统的Spring MVC进行开发，那 …
切图网专注于html5前端切图开发，下面给大家介绍一下前端切图css高级阴影用法drop-shadow，主要是在最近项目切图中遇到的，通常我们了解的css的阴影写法就是shadow，但是它不能解决非规则图形的阴影效果，而drop-shadow可以做到。给图像设置一个阴影效果。阴影是合成在图像下面，可以有模糊度的，可以以特定颜色画出的遮罩图的偏移版本。参数与b …
1. 最简反向代理配置在http节点下，使用upstream配置服务地址，使用server的location配置代理映射。upstream my_server {server 10.0.0.2:8080;keepalive 2000;}server { listen 80;server_name 10.0.0.1;client_max_body_size 1 …
前言说到图片滤镜，相信大家都不陌生，比如什么晨光效果、小清新效果。但大家都清楚滤镜效果在前端是怎么实现的吗？比如下面两个好看的滤镜效果：在前端，一般的图像处理库，都是基于算法来实现的，获取图片的像素，解析成R、G、B，然后对这3个颜色一通操作，比如R都变成255，G都减25…，或者复杂点，进行个卷积运算，比如fabric.js的滤镜效果。但是这些算法实现的滤 …
应用场景全部网页变成灰色(黑白色)，那么今天就说说，通过几行简单的代码，来实现这个功能。万法一：第一种:修改CSS文件我们可以在网页的CSS文件中添加以下的CSS代码，来实现网页黑白色，也就是网站变灰html {fiter. progid:DXlmage Transtorm.Microsoft Basiclmage(grayscale=1);-webkit- …
CSS 3D云这是一个demo应用程序，你可以生成一个与现实生活一模一样的云，并可以对其进行调整。这个demo的代码比较复杂，它运用了CSS3 3D变换和部分JavaScript技术。效果演示>>纯CSS Logo这里收集了由纯粹的CSS制作的几个大公司的Logo。这样的演示最棒的地方在于你可以了解到这些图像是如何正确的拼凑在一起的。效果演示&g …
1.什么是xss？Cross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、SessionID 等，进而危害数据安全。 为了和 CSS 区分，这里把攻击的第一个字母改成了 X，于是叫做 XSS。 XSS …