一、Swiper.js的loop模式下快骗，如何正確獲取索引值娜庇？
Swiper.js，相信作為前端開發(fā)者的你一定知道它吧方篮。它幾乎可以用來(lái)制作任何形式的輪播圖名秀，非常方便和實(shí)用。
有時(shí)候藕溅，我們需要?jiǎng)討B(tài)獲取當(dāng)前輪播圖的索引值匕得，常常我們會(huì)使用activeIndex屬性來(lái)獲取。比如像這樣：
var mySwiper = new Swiper('.swiper-container');
$('#btn1').click(function(){
alert(mySwiper.activeIndex);
})
然而蜈垮，當(dāng)輪播圖需要設(shè)置循環(huán)時(shí)耗跛，我們就不能使用activeIndex屬性了，而是要使用realIndex屬性攒发，例如：
var mySwiper = new Swiper('.swiper-container',{
loop:true,
});
$('#btn1').click(function(){
alert(mySwiper.realIndex);
});
二调塌、word-break: break-all與word-wrap: break-word的區(qū)別是什么？
表面上看惠猿，這倆家伙長(zhǎng)得太像羔砾，很多人都很難區(qū)分它們，包括我自己也是到現(xiàn)在才把它們徹底弄明白的。
首先我們先來(lái)說(shuō)說(shuō)它們的共同點(diǎn)吧姜凄！
你瞧它倆中都含有word和break關(guān)鍵詞政溃，也就是說(shuō)它們都與單詞內(nèi)斷句有關(guān)。
而它們之間的區(qū)別具體又是什么呢态秧？ 同樣我們可以從表面文字上分析：
word-break: break-all： break-all董虱，顧名思義，不管什么情況申鱼，只要單詞在行尾放不下就斷開單詞愤诱，將剩余內(nèi)容換行至下一行。
word-wrap: break-word： 表示單詞在行尾放不下就換行至下一行捐友，如果下一行還是放不下那才斷開單詞淫半。
還是舉兩個(gè)例子吧~~
<!--HTML-->
<p>I'd like to know how to distinguish "word-break: break-all" from "word-wrap: break-word". blablablablablablablablabla...</p>
1. word-break: break-all （總是盡量填滿一整行）
/*CSS*/
p{ width: 200px; word-break: break-all;}
2. word-wrap: break-word（只有一個(gè)單詞長(zhǎng)到比容器寬度更大時(shí)單詞才會(huì)斷開）
/*CSS*/
p{ width: 200px; word-wrap: break-word;}
通過(guò)上面兩個(gè)例子你應(yīng)該能區(qū)分word-break: break-all與word-wrap: break-word了吧？
三匣砖、如何使用純CSS禁止鼠標(biāo)點(diǎn)擊事件科吭？
想要禁止鼠標(biāo)點(diǎn)擊事件，我們常常會(huì)使用JS中事件對(duì)象的preventDefault()方法來(lái)禁止猴鲫，例如禁止一個(gè)普通鏈接的跳轉(zhuǎn)：
<!--HTML-->
<a id="baidu" >百度一下对人，你就知道。</a>
//JavaScript
document.getElementById("baidu").onclick = function(e){
e.preventDefault();
}
然而变隔，事實(shí)上规伐，我們只需簡(jiǎn)單一句CSS代碼就能實(shí)現(xiàn)以上同樣的效果：
/*CSS*/
#baidu{ pointer-events: none;}
這時(shí)候蟹倾，如果你再在該 a 元素添加任何點(diǎn)擊事件都會(huì)失效……
怎么樣匣缘？是不是超簡(jiǎn)單？
四鲜棠、如何給文字設(shè)置兩端對(duì)齊肌厨？
這個(gè)就簡(jiǎn)單提一下吧，因?yàn)槠綍r(shí)我們用得最多的文字對(duì)齊方式無(wú)非就是以下幾種：
左對(duì)齊： text-align: left
右對(duì)齊： text-align: right
居中對(duì)齊： text-align: center
其實(shí)還有一個(gè)也是非常實(shí)用的：
兩端對(duì)齊： text-align: justify
我們接下來(lái)看看默認(rèn)情況和加上text-align: justify之后的區(qū)別豁陆。
① 默認(rèn)情況柑爸，也就是加上 text-align: left 之后
右邊參差不齊，作為完美主義者的我可受不了這樣的盒音，我要的是下面這種效果表鳍。
② 加上 text-align: justify 之后
左右兩端文字平整對(duì)齊，完美祥诽！
以上是我在工作當(dāng)中所遇到的一些問(wèn)題總結(jié)譬圣，在此與大家共勉！
