十七日尾
获得徽章 0
关注了标签 
Node.js
Node.js
关注了标签 
CSS
CSS
使用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);}})
})
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.引入
<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、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