/* 普通函数 */
/* function fn(){
return 123
}
let a = fn()
console.log(a)*/
/* function fn(str){
let msg = str + 'hello'
return msg
}
let a = fn('张三丰') */
/* =>箭头函数后面只有一段表达式代表 return 返回 */
/* let fn = () =>123
let a = fn()
console.log(a)*/
/* 箭头函数只有一个参数()可以省略不写 */
/* 普通函数可以作为构造函数,箭头函数不能作为构造函数不然会报错 */
let fn = (str) =>{
let msg = str +'hello'
return msg
}
let a = fn('张无忌')
console.log(a)
/* 普通函数this谁调用就是谁的,箭头函数没有自己的this,箭头函数的this是上下文环境的this */
/* let obj1 = {
name:"张三",
fn:function(){
console.log(this)
}
}
let obj2 = {
name:"李四",
} */
/* 普通函数的this可以被call 或apply修改 */
/* obj1.fn.call(obj2) */
/* 一个参数都没有箭头不能省略 */
let obj1 = {
name:"张三",
fn:()=>{
/* 目前的环境下的this是window */
console.log(this)
}
}
let obj2 = {
name:"李四",
}
obj1.fn()/* this指向window 当前上下文环境
箭头函数的this不会被call 或者apply 修改 */
obj1.fn.call(obj2)
</script>
https://v3.bootcss.com/javascript/#carousel
<style>
#lunbo{
width: 600px
height: 400px
margin:30px auto
}
</style>
</head>
<body>
<h1>首页</h1>
<div id="lunbo">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators 指示器 -->
<ol class="carousel-indicators">
<!-- <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>-->
</ol>
<!-- 主体的图片 -->
<div class="carousel-inner" role="listbox">
<!-- <div class="item active">
<img style="width: 600pxheight: 400px" src="https://img1.baidu.com/it/u=1436422813,4001806688&fm=253&fmt=auto&app=138&f=JPG?w=936&h=500" alt="...">
<div class="carousel-caption">我的小拼</div>
</div>
<div class="item">
<img style="width: 600pxheight: 400px" src="https://img2.baidu.com/it/u=2356236633,2979184987&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" alt="...">
<div class="carousel-caption">我的小多</div>
</div>
<div class="item">
<img style="width: 600pxheight: 400px" src="https://img2.baidu.com/it/u=3429472705,3961913284&fm=253&fmt=auto&app=138&f=JPEG?w=580&h=326" alt="...">
<div class="carousel-caption">我的小多多</div>
</div>-->
</div>
<!-- Controls 向左 向右控制图片-->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div style="text-align: center">
<button onclick="prevFn()">向前</button>
<button onclick="nextFn()">向后</button>
<button onclick="pauseFn()">暂停</button>
<button onclick="goDuo()">跳转19岁女大学生失联</button>
<button onclick="leftR()">从左到右</button>
</div>
<script src="./jquery-1.12.4.js"></script>
<script src="./bootstrap.min.js"></script>
<script>
$('.carousel').carousel({
interval: 2000
})
function prevFn(){
$('.carousel').carousel('prev')
}
function nextFn(){
$('.carousel').carousel('next')
}
function pauseFn(){
$('.carousel').carousel('pause')
}
function goDuo(){
$('.carousel').carousel(1)
}
function leftR(){
$('.carousel').carousel('cycle')
}
$.ajax({
url:"https:调用接口//也可以直接在原文复添加图片地址",
method:"post",
data:{
page:1,
count:5
},
success:res=>{
let { result } = res
let str1 = ''
let str2 = ''
result.forEach((item,index)=>{
str1 +=`
<li data-target="#carousel-example-generic" data-slide-to="${index}"></li>
`
str2 += `
<div class="item ">
<a href="${item.path}">
<img style="width: 600pxheight: 400px" src="${item.image}">
<div class="carousel-caption">${item.title}</div>
</div>
`
})
$('.carousel-indicators').html(str1)
$('.carousel-inner').html(str2)
$('.carousel-inner .item:first').addClass('active')
}
})
</script>
https://www.swiper.com.cn/usage/index.html
<link rel="stylesheet" href="./swiper-bundle.min.css">
<style>
.swiper {
width: 600px
height: 300px
}
.swiper-slide img {
width: 600px
height: 300px
display: block
}
</style>
</head>
<body>
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://img0.baidu.com/it/u=3519534124,1254775703&fm=253&fmt=auto&app=138&f=JPG?w=889&h=500" alt="">
</div>
<div class="swiper-slide">
<img src="https://img1.baidu.com/it/u=1037786612,1020382020&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" alt="">
</div>
<div class="swiper-slide">
<img src="https://img0.baidu.com/it/u=3288667263,3070739640&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281" alt="">
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- 如果需要滚动条 -->
<!-- <div class="swiper-scrollbar"></div>-->
</div>
<script src="./swiper-bundle.min.js"></script>
<script src="./jquery-1.12.4.js"></script>
<script>
/* Swiper('对应的类名') */
var mySwiper = new Swiper('.swiper', {
// direction: 'vertical', // 垂直切换选项
loop: true, // 循环模式选项
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
},
/* 切换反转效果 */
effect: 'cube',
/* 自动播放效果 */
autoplay: {
delay: 1000, //1秒切换一次
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// 如果需要滚动条
// scrollbar: {
// el: '.swiper-scrollbar',
// },
})
</script>
</body>
您好！很高兴能为您解答问题，也感谢百度知道提供这个交流平台！
使用火狐Firefox的用户都会安装measure来增强使用体验.
measure
it设置方法：
1、打开security.dialog_enable_delay关闭它
名称: security.dialog_enable_delay
默认值: 2000 (单位毫秒)
修改值:
* 0 – 立刻安装
* 其他数值
2、使用外部编辑器查看源文件
两件事要做:
名称: view_source.editor.external
默认值: False
修改值: True (允许使用外部编辑器)
名称: view_source.editor.path
默认值: blank
修改值: 输入编辑器路径.
important[im5pC:tEnt]
adj.
重要的, 重大的, 有权力的, 有地位的
important
im.por.tant
AHD:[¹m-pôr“tnt]
D.J.[!m6p%8tnt]
K.K.[!m6p%rt2t]
adj.Abbr. imp.（形容词）缩写 imp.
Strongly affecting the course of events or the nature of thingssignificant:
重要的，有影响力的：强烈影响事件的进程或者事物的性质的；有特殊意义的：
an important message that must get throughclose friends who are important to me.
必须传达的重要的消息；对我来说非常重要的亲密朋友
Having or suggesting a consciousness of high position or authorityauthoritative:
显要的，权威的：感觉到或显示出高位或权威的；具有一种权威之神态的：
recited the decree with an important air.
以权威的姿态宣读法令
Obsolete Importunate.
【废语】 胡搅蛮缠的
Middle English
中古英语
from Old French
源自 古法语
from Medieval Latin import³s important- [present participle of] import³re [to mean]
源自 中世纪拉丁语 import³s important- [] import³re的现在分词 [表示…的意思]
from Latin [to import] * see import
源自 拉丁语 [具重要性] *参见 import
impor“tantly
adv.（副词）
Some critics have objected to the use of the phrasemore importantly in place of more important as a means of introducing an assertion, as inMore importantly, there is no party ready to step into the vacuum left by the Communists. But both forms are widely used by reputable writers,and there is no obvious reason for preferring one or the other.In an earlier surveythe introductory use ofmore importantly was acceptable to half of the members of the Usage Panel.
一些批评家已经对短语more importantly 作为表述一个断言的方法来代替短语 more important 提出反对意见， 如在句子更重要的是，没有政党准备进入共产党留下来的真空中去。 但是这两种形式都被有声望的作家广泛使用，并且没有明显的理由说哪个比哪个更好。在早期的调查中，more importantly 的引入使用对用法专题小组的半数成员来说是可以接受的
important
/im'pC:tntim'pCrtnt/
adj
---------- 1 ----------
~ (to sb/sth) very serious and significantof great value or concern 重要的重大的非常有价值的:
* an important decision, announcement, meeting 重要的决定、 宣布、 会议
* It is vitally important to cancel the order immediately. 最重要的是要立即取消这一定单.
* It is important that students (should) attend/for students to attend all the lectures. 所有的课学生都应该去听, 这是很重要的.
* They need more money now but, more important, they need long-term help. 目前他们需要更多的钱, 不过更重要的是他们需要长期的援助.
* It's important to me that you should be there. 你应该在场, 这对我来说很重要.
---------- 2 ----------
(of a person) having great influence or authorityinfluential （指人）有很大影响或权威的:
* She was clearly an important person. 她显然是个有影响的人.
* It's not as if he was very important in the company hierarchy. 他在公司的领导层中似乎无多大权力.
派生： importance/-tns-tns/
---------- 1 ----------
[U] ~ (to sb/sth) being importantsignificance or value 重要性重大有价值:
* the importance of industry to the economy 工业对经济的重要性
* They attached very great importance to the project, ie They considered it to be very important. 他们对这项目极为重视.
* a matter of the utmost political importance 有重大政治意义的事情
* These issues now assume even greater importance. 这些问题现在就显得更加重要了.
---------- 2 ----------
(idm 习语) full of one's own importance =>full.
importantly adv: strut about importantly 神气十足地昂首阔步
* More importantly, can he be depended on? 更重要的是, 可以依靠他吗?
参考资料：金山词霸2006+
