在现代网页设计中，平滑的过渡和生动的动画效果已成为提升用户体验不可或缺的元素。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的一些心得，做足功课后就是实践检验真理啦~

// 1、实现输入数字输出对应汉字，要求使用angularjs，不准使用$watch函数，for循环；提示：ng-change指令

<div ng-app="myApp" ng-controller="changeCtrl"> // 定义一个app指令    定义一个controller 指令用于为你的应用添加控制器。在控制器中，你可以编写代码，制作函数和变量，并使用 scope 对象来访问。

数字: <input ng-model="number" ng-change="changeFunc(number)"> // ng-model 指令绑定了 HTML 表单元素到 scope 变量中。 如果 scope 中不存在变量, 将会创建它。    ng-change 事件在值的每次改变时触发

<h1>你输入了: {{result}}</h1> // 和ng-model数据绑定的值

</div>

<script>
var app = angular.module('myApp', []);  // 新建一个模块，注意新的模块需要在 app.js 里面引入
app.controller('changeCtrl', function($scope) { // 建立controller方法 供html使用
$scope.number = ""; // 这里是input框中出现的值
$scope.result = ""; // 结果是h1中出现的值
var array=["零","一","二","三","四"，"五","六","七","八","九","十"];

$scope.changeFunc=function(number){ // 定义一个ng-change方法,当input内的值改变时出发（input内输入一个值，方法改变一次）
console.log("number=",number);
if(number != ''){ 
$scope.result = "";

var atr=number.replace(/(.)(?=[^$])/g,"$1,").split(",");//第一种         // 通过截取的形式每一个数字添加‘，’split把字符串变成数组 
atr.forEach(function(e){ // 循环数组atr
$scope.result += array[e];
});

/*for(var a in number){ //第二种 
console.log("number[a]=",number[a]);
var i = parseInt(number[a]);
$scope.result += array[i];
}*/
}
};


});
</script>

作者 | Strager

译者 | 马可薇