jQuery 3

Posted 2020-08-21 oneduan

编写代码的时候给代码最小代码权力，最小特权原则，以免造成意料之外的事情

放大镜的实现
attr:标签里的值
prop：当前最终的值
修改路径实现修改图片的效果

 

判断当前浏览器是否是ie6,7.8（是否支持css3
如果是，就是用绝对定位的方式来改变标签的位置
否则使用css3的方式来改变标签的位置
if((/ie[678]/).test(navigator.userAgent)){
function set Position()
}else{
alert(‘css3‘);
}
浏览器的前缀：Webkit Moztansform O

for...in 用来循环对象中所有的属性
var obj = {
name: ‘Bob‘,
age: 12,
gender: ‘male‘s
}
for(var i in obj){
console.log(i); 这里打印的结果为name age gender
console.log(obj[i]); 这里打印的为Bob 12 male
}
load

toggle:显示情况下点击变成隐藏，隐藏点击之后显示
slideUp：添加动画效果隐藏

fadeTo：必须要有一个参数

animate：创建自定义动画 第一个参数是样式，第二个是速度，第二个以后的参数是可选的，第一个参数是必填。也可以使用链式，形成动画队列，前面的先执行，后面的等前面的执行后在执行
delay：推迟动画执行时间
stop：停止当前动画，什么参数都不填写，保留当前的值，继续之后的动画。第一个参数表示是否要清除队列，默认false，后面的动画继续执行；填写true，动画队列后面的动画会清除掉，后面的动画就不会执行。第二个参数，当前的动画立即完成，默认为false，保留点击的时候的当前的值；填写true，此时的值变成动画结束的位置。

handlebars:增强代码可读性，模板引擎
<script type="text/x-handlebars-template" ></script>
{{#each listOfStudents}}

{{/each}},这句代码表示循环结束，each中每一项必须是对象字面量
把变量的值填充到网页中去
各级嵌套取属性的方式：/,.,