大话主席（superslide和 touchslide）插件的使用
对于实现效果来说，插件的办事效率真的是太高了，而且里边也被处理过兼容性，用起来实在是特别方便，现在我们来说说大话主席中的slide插件，它分为pc端（superslide）和移动端（touchslide）。
superslide：
1、引用jQuery.js 和 jquery.SuperSlide.js
因为SuperSlide是基于jQuery的插件，所以前提必须先引用jQuery，再引用SuperSlide
<head>
<script type="text/javascript" src="../jquery1.42.min.js"></script>
<script type="text/javascript" src="../jquery.SuperSlide.2.1.1.js"></script>
</head>
2、编写HTML
以下是默认的HTMl结构，分别是 ".hd" 里面包含ul， ".bd" 里面包含ul
<div class="slideTxtBox">
<div class="hd">
<ul><li>教育</li><li>培训</li><li>出国</li></ul>
</div>
<div class="bd">
<ul>
<li><a href="http://www.SuperSlide2.com" target="_blank">SuperSlide2.0正式发布！</a></li>
...
</ul>
<ul>
<li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分</a></li>
...
</ul>
<ul>
<li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会</a></li>
...
</ul>
</div>
</div>
3、编写CSS，为HTML赋予样色
认真检查您的css，保证兼容大部分浏览器前提下再调用SuperSlide
.slideTxtBox{ width:450px; border:1px solid #ddd; text-align:left; }
.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd; position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; }
.slideTxtBox .hd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideTxtBox .bd ul{ padding:15px; zoom:1; }
.slideTxtBox .bd li{ height:24px; line-height:24px; }
.slideTxtBox .bd li .date{ float:right; color:#999; }
4、调用SuperSlide
因为是默认HTML结构，所以参数都为默认值，不用填写titCell、mainCell等。
<script type="text/javascript">jQuery(".slideTxtBox").slide(); </script>
下边便是我利用这样的方法写的一个轮播图
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style>
* {
margin: 0;
padding: 0;
list-style: none;
} #box {
width: 500px;
height: 300px;
position: relative;
margin: 100px auto;
} .hd {
position: absolute;
height: 100%;
width: 100%;
} .hd_ul {
height: 10px;
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
padding: 5px;
border-radius: 10px;
background-color: rgba(255, 255, 255, .5);
z-index: 2;
} .hd_ul li {
float: left;
background-color: #fff;
border-radius: 50%;
width: 10px;
height: 10px;
margin: 0 5px;
} .hd_ul li.on {
background-color: hotpink;
} .bd_ul{
position: relative;
z-index: 1;
}
.bd,
.bd_ul,
.bd_ul li,
.bd_ul img {
width: 100%;
height: 100%;
overflow: hidden;
} .prev,
.next {
width: 50px;
height: 100px;
font-size: 50px;
line-height: 98px;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
} .prev:hover,
.next:hover {
background-color: rgba(200, 200, 200, .5);
color: #fff;
} .prev {
left: 0
} .next {
right: 0;
} .tempWrap{
height: 100%;
} .clearfix:after {
content: "";
width: 0;
height: 0;
display: block;
line-height: 0;
clear: both;
visibility: hidden;
} .clearfix {
zoom: 1;
}
</style>
<script src="./superslide插件案例/jquery1.42.min.js"></script>
<script src="./template-web.js"></script>
<script src="./superslide插件案例/jquery.SuperSlide.2.1.1.js"></script>
<title>superslide</title>
</head> <body>
<div id="box" class="demoBox ">
<div class="hd">
<ul class="hd_ul">
<!-- 坑 -->
</ul>
</div>
<div class="bd">
<ul class="bd_ul">
<!-- 坑 -->
</ul>
</div>
<div class="prev"><</div>
<div class="next">></div>
</div> <script type="text/html" id="hd_tpl">
{{each result v i}}
<li></li>
{{/each}}
</script> <script type="text/html" id="bd_tpl">
{{each result v i}}
<li><a href="{{v.link}}"><img src="{{@v.image}}"></a></li>
{{/each}}
</script> <script>
$(function () {
$.ajax({
url: "./json.json",
success: function (data) {
if (data.status == 200) {
//实现点击按钮效果加载
var hd_html = template("hd_tpl", data);
$(".hd_ul").html(hd_html);
//实现bd效果加载
var bd_html = template("bd_tpl", data);
$(".bd_ul").html(bd_html); //slide插件
$("#box").slide({
mainCell: ".bd_ul",
effect: "leftLoop",
autoPlay: true,
interTime: 1000,
delayTime: 500,
trigger: "click",
scroll: 1
});
}
}
});
});
</script>
</body> </html>
其中的api可以参考官网：http://www.superslide2.com/param.html
touchslide：
1、引用TouchSlide.js
具体路径自行设置。
<head>
<script type="text/javascript" src="../TouchSlide.1.0.js"></script>
</head>
2、编写HTML
以下是默认的HTMl结构，分别是 ".hd" 里面包含ul， ".bd" 里面包含ul
<div id="leftTabBox" class="tabBox">
<div class="hd">
<ul>
<li>国内</li>
<li>国际</li>
<li>时事</li>
</ul>
</div>
<div class="bd">
<ul>
<li><a href="#">官方明确感染H7N9高危人群</a></li>
...
</ul>
<ul>
<li><a href="#">日:沈阳军区部队开赴中朝边境</a></li>
...
</ul>
<ul>
<li><a href="#">农业占GDP低政府支持力度大</a></li>
...
</ul>
</div>
</div>
3、编写CSS，为HTML赋予样色
因为现在大部分手机浏览器都支持 html5，所以你的css兼容chrome就无大问题了
.tabBox .hd{ height:40px; line-height:40px; padding:0 10px; font-size:20px; background:#f4f4f4; border-bottom:1px solid #F5AB38; position:relative; }
.tabBox .hd ul{ position:absolute; height:41px; top:0; overflow:hidden; }
.tabBox .hd ul li{ float:left; padding:0 10px; color:#666; }
.tabBox .hd ul .on{ border:2px solid #F5AB38; border-bottom-color:#fff; background:#fff; color:#CF7F21; }
.tabBox .bd ul{ padding:10px 0 10px 10px; }
.tabBox .bd li{ height:33px; line-height:33px; }
.tabBox .bd li a{ color:#666; }
4、调用TouchSlide
在本例中，请在 “.tabBox” div结束后立刻调用 TouchSlide，这样会得到最好的效果，避免整个页面加载后再调用 TouchSlide；
因为是默认HTML结构，所以参数都为默认值，不用填写titCell、mainCell等。
<script type="text/javascript">TouchSlide({ slideCell:"#leftTabBox" });</script>
下边便是我利用这样的方法写的一个手机端小案例
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style>
* {
margin: 0;
padding: 0;
list-style: none;
} .box .hd {
height: 40px;
line-height: 40px;
padding: 0 10px;
font-size: 20px;
background: #F3F3F3;
border-top: 2px solid #CECECE;
} .box .hd ul {
overflow: hidden;
} .box .hd ul li {
float: left;
margin: 0 10px;
color: #515151;
} .box .hd ul .on {
border-bottom: 2px solid #BA2636;
color: #BA2636;
} .box .hd ul .on a {
display: block;
/* 修复Android 4.0.x 默认浏览器当前样色无效果bug */
} .box .bd ul {
padding: 10px 0 10px 10px;
} .box .bd li {
height: 33px;
line-height: 33px;
} .box .bd a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 去掉链接触摸高亮 */ .box .bd li a {
color: #555;
}
</style>
<script src="./touchslide官网案例/TouchSlide.1.1.js"></script>
<title>touchslide</title>
</head> <body>
<div id="box" class="box">
<div class="hd">
<ul>
<li>国内</li>
<li>国际</li>
<li>时事</li>
</ul>
</div>
<div class="bd" id="content">
<div class="con">
<ul>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
</ul>
</div>
<div class="con">
<ul>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
</ul>
</div>
<div class="con">
<ul>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
</ul>
</div>
</div>
</div>
<script>
TouchSlide({
slideCell: "#box",
// autoPlay:true //自动轮播
endFun: function (i) { //高度自适应
var bd = document.getElementById("content");
bd.parentNode.style.height = bd.children[i].children[0].offsetHeight + "px";
if (i > 0) bd.parentNode.style.transition = "300ms";//添加动画效果
}
});
</script>
</body> </html>
其中的api方法可参考官网：http://www.superslide2.com/TouchSlide/param.html
大话主席（superslide和 touchslide）插件的使用的更多相关文章
- TouchSlide - 大话主席
http://www.superslide2.com/TouchSlide/downLoad.html 首 页如何使用查看参数案例演示下载页面交流反馈SuperSlide TouchSlide - ...
- SuperSlide轮播插件滚动高度或宽度不对的问题解决
声明:本文由w3h5原创,转载请注明出处:<SuperSlide轮播插件滚动高度或宽度不对的问题解决> SuperSlide 是一款比较实用的轮播插件,网站上常用的“焦点图/幻灯片”“Ta ...
- TouchSlide 插件使用介绍
TouchSlide(PC端插件http://www.superslide2.com/demo.html#effect1) 可用于javascript触屏滑动特效插件,移动端滑动特效,触屏焦点图,触屏 ...
- TouchSlide 插件参数
TouchSlide 可以说是 SuperSlide 手机简化版,不同的地方在于: 1.TouchSlide是纯javascript开发的,不依赖任何js库,鉴于此,TouchSlide调用方法和Su ...
- 多功能前台交互效果插件superSlide
平时我们常用的"焦点图/幻灯片""Tab标签切换""图片滚动""无缝滚动"等效果要加载n个插件,又害怕代码冲突又怕不兼容 ...
- 手机站点动态效果插件TouchSlide
今天看到TouchSlide插件,觉得非常不错,关于使用情况请看demo,下载地址:http://www.superslide2.com/TouchSlide/downLoad.html
- 【大话QT之十二】基于CTK Plugin Framework的插件版本号动态升级
应用需求: 某些场景下我们可能面临这种问题,在执行着的应用程序不能终止的情况下,升级某个功能(或添,或减.或改动).在不採用CTK Plugin Framework插件系统架构的情况下这将是非常困难的 ...
- 【大话QT之十六】使用ctkPluginFramework插件系统构建项目实战
"使用ctkPluginFramework插件系统构建项目实战",这篇文章是写博客以来最纠结的一篇文章. 倒不是由于技术都多么困难,而是想去描写叙述一个项目架构採用ctkPlugi ...
- superslide滚动插件使用记录-产品滚动-图片滚动
在用wordpress制作一个企业网站时,用到了这个superslide的滚动插件,用于案例.证书等滚动效果.该插件网站在这里:http://www.superslide2.com/ 我所使用的wor ...
随机推荐
- vue首次进入微信没有标题问题
首先实在路由改变的时候可以有标题的 首次进入路由不显示标题,查到很多,最有解决可以自定义标签, 后者引入一个包vue-wechat-title,我就是用的后者,前面的没有式过 上地址 http ...
- RedHat/CentOS 手动挂载磁盘
#创建挂载目录mkdir /mnt/sdamkdir /mnt/sdbmkdir /mnt/sdcmkdir /mnt/sddmkdir /mnt/sdemkdir /mnt/sdfmkdir /mn ...
- caffe学习笔记--跑个SampleCode
Caffe默认情况会安装在CAFFERROOT,就是解压到那个目录,例如: home/username/caffe-master, 所以下面的工作,默认已经切换到了该工作目录.下面的工作主要是,用于测 ...
- mysql8下载与安装
MySQL各版本的区别 MySQL 8.0.13安装教程(windows 64位) 编码用utf8mb4 Navicat连接mysql出现1862错误
- Nginx Location指令配置及常用全局变量
./configure的含义 在实践安装nginx的时候,不知道./configure是什么意思,这里特地记录一下. 在linux中./代表当前目录,属于相对路径../代表上一级目录,属于相对路径/代 ...
- Guava 是个风火轮之基础工具 (1)
转自:http://www.jamespan.me/blog/2015/02/08/guava-basic-utilities-1/ Guava 是个风火轮之基础工具 (1) 前言 Guava 是 J ...
- node+express框架中连接使用mysql经验总结
最近在学习node.js,做了一个练手项目,使用node.js+express框架,配合mysql数据库和前端vue框架开发一个多人文档编辑系统. koa,express,node 通用方法连接MyS ...
- js里写html代码 啥时候要用“\"转义
当去掉\的时候 字体变黑 需要加\
- nyoj 120 建边构强连通
#include<stdio.h> #include<string.h> #include<queue> using namespace std; #define ...
- ASP.Net MVC – What are the uses of Display, DisplayName, DisplayFormat and ScaffoldColumn attributes
http://www.codeproject.com/Articles/775220/ASP-Net-MVC-What-are-the-uses-of-Display-DisplayNa?utm_so ...