十七日尾
获得徽章 0
- ##attr和prop区别
attr（attribute的缩写） 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值。
prop（property的缩写）是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。
—————
对于HTML元素本身就带有的固有属性，使用prop方法；在处理我们自己自定义的DOM属性时，则使用attr方法。
—————
<div abc="123"></div>
// 由于 abc并非 HTML标准属性，因此 $("div").prop("abc") 无法获取到任何值。
console.log($("div").prop("abc")); //undefined
// 但 attr 不受限制。$("div").attr("abc") 会扫描源码并获取到 "123" 的结果。
console.log($("div").attr("abc")); //123展开1点赞 - 使用模板字面量（允许嵌入表达式的字符串字面量）：
let html = "";
for (let index = 0; index < data.length; index++) {
const element = data[index];
html +=
`<div class="alert alert-info pull-left">
<button type="button" data-id="${element._id}" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<strong>${element.text}</strong>
</div>`;
}展开赞过 评论1 - 使用jQuery的ajax请求获取后台数据：
html代码: <div class="col-xs-12 tag"></div>
首先引入jQuery文件：<script src="./js/jquery.min.js"></script>
$(function(){
$.ajax({
//要注意路径的完整
url:"http://localhost:3000/tag",type:"GET",
success:function(res){
if(res.status===200){
const data=res.data;let html=[];
for (let index = 0; index < data.length; index++) {
const element = data[index];html.push(element.text);
$(".col-xs-12").append("<span></span>");
$(".col-xs-12 span").eq(index).text(html[index]);
}
}
},error:function(err){console.log(err);}})
})展开赞过 评论1 - 单页面的导航插件
可以让页面的滑动更加平滑，不显突兀。
1.引入
<script src="./js/jquery.singlePageNav.min.js"></script>
2.
$('导航的位置').singlePageNav({
offset:70
});展开赞过 评论1 - wow.js 使用方法：
1、wow.js依赖于animate.css，所以要先引入
<link rel="stylesheet" href="./css/animate.min.css">
2、引入wow.js
<script src="./js/wow.js"></script>
然后 ，再写一句代码：
new WOW().init();
3.然后在元素内添加相应的class类名就能实现相应的动画。展开赞过 评论1