CSS3 Animations

1 @keyframes属性

@keyframes 动画名称{关键帧持续时间% {css样式;}}

@keyframes myanimation
{
    0% {top:0px;background-color:#0000cc;}
    50% {top:100px;background-color;#339900;}
    100% {top:0px;background-color:#330000;}
}

引言

CSS3引入了强大的动画功能，使得开发者能够在不依赖JavaScript的情况下创建丰富的视觉动效。本文将深入探讨CSS3动画的核心概念、主要特性以及如何通过关键帧动画和过渡效果实现各类动画效果。

1. CSS3动画基础知识

1.1 过渡（Transition）

在现代网页设计中，平滑的过渡和生动的动画效果已成为提升用户体验不可或缺的元素。CSS3 为我们提供了强大的 transition 和 animation 属性，让开发者能够轻松实现各种视觉效果。本文将深入探讨这两大功能的特性和应用场景。

04

XSS漏洞挖掘技巧

4.1

常见的绕过姿势

实际应用中web程序往往会通过一些过滤规则来阻止带有恶意代码的用户输入被显示，但由于HTML语言的松散性和各种标签的不同优先级，使得我们绕过过滤规则成为了可能。

声明

本文章中所有内容仅供学习交流使用，不用于其他任何目的，不提供完整代码，抓包内容、敏感网址、数据接口等均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关！

作者：政采云前端团队

转发链接：
https://juejin.im/post/5ea574cc518825736e57fcca

前言

说起图片压缩，大家想到的或者平时用到的很多工具都可以实现，例如，客户端类的有图片压缩工具 PPDuck3， JS 实现类的有插件 compression.js ，亦或是在线处理类的 OSS 上传，文件上传后，在访问文件时中也有图片的压缩配置选项，不过，能不能自己撸一套 JS 实现的图片压缩代码呢？当然可以，那我们先来理一下思路。

数组操作是 JavaScript 中非常重要也非常常用的技巧。本文整理了常用的数组操作方法（包括 ES6 的 map、forEach、every、some、filter、find、from、of 等），熟悉了这些数组操作方法，编写程序也会更加简洁高效。

js里面的对象分成三大类：

0. 内置对象
1. Array Date Math

做全功课后日淘LUSH的小心得

我是细软发质，发量也不多还很贴头皮，以前用国内的洗发水换过很多种，但是一般洗完第二天就开始油，只能每天洗头。之前在美国旅游的时候买过一罐LUSH家的BIG，使用感很好，每次只要挖一丢丢抹在湿发上，就可以产生很细密的泡沫。最开始用的时候略有点不习惯，但是用了半年后发现，自己本来一天就要出油的头发现在可以坚持好多天就如刚洗完时一样清爽又蓬松。 最近家里的BIG快见底了，就琢磨着再买lush家的来试试。日淘之前把张大妈上LUSH的文章几乎看了个遍，顺带搜了知乎和豆瓣关于LUSH的一些心得，做足功课后就是实践检验真理啦~