1.word-wrap：break-word 和 word-break：break-all屬性：
word-wrap：break-word 允許在單詞內(nèi)進(jìn)行斷句。
word-break:break-all斷句的方式非常粗暴，它不會嘗試把長單詞挪到下一行，而是直接進(jìn)行單詞內(nèi)的斷句
例如:不加word-wrap或word-break的時(shí)候，就是瀏覽器默認(rèn)的時(shí)候，如果有一個(gè)單詞很長，導(dǎo)致一行中剩下的空間已經(jīng)放不下它時(shí)，則瀏覽器會把這個(gè)單詞挪到下一行去：
word..d 這個(gè)我們創(chuàng)造出來的單詞本來應(yīng)該緊接在 long 后面的，但是long后剩下的空間已經(jīng)不夠了，而單詞默認(rèn)是不能斷開的，所以瀏覽器就只好把它屈尊下移了。
這個(gè)長單詞還不算變態(tài)的，因?yàn)橹辽偎鼪]有長到超過包裹它的元素的長度，但是如果超過了呢？
如果超過了就像前面我們提到過的，它會溢出它的父容器外，因?yàn)檫@時(shí)它是不允許被截?cái)嗟?，那就只能沖出去咯。
這樣，為了防止長單詞溢出，就在它的內(nèi)部斷句了。這就是 word-wrap:break-word 的功能.
現(xiàn)在我們來看看使用 word-break:break-all; 后會怎么樣。
長單詞并沒有被挪到下一行，而是直接放在了long后面，然后在父容器的右邊界斷開了。
2、在每個(gè)頁面種加載通用模塊的方法:jquery的.load方法
在做項(xiàng)目的時(shí)候，我們想要復(fù)用重復(fù)的頭部和底部(即公用的header和footer的部分)，可以每個(gè)頁面都復(fù)制一遍，但是不夠簡潔，這時(shí)候我們需要一種方法來實(shí)現(xiàn)復(fù)用。
jquery有一個(gè).load方法，
用法是:
$(#abc).load('../template.html')
在id為abc的div所在的頁面中加載用來復(fù)用的頁面(相對路徑)
但是我們在用這個(gè)方法的時(shí)候遇到一個(gè)問題，就是，這個(gè)方法是通過ajax請求來獲取的，所以會遇到跨域的問題。我們單獨(dú)這樣使用，頁面是不會有顯示的。
解決方法之一是:
將項(xiàng)目配在服務(wù)器上打開。假如用的nginx，我們?nèi)ginx進(jìn)行配置，這樣就可以通過在地址欄輸入地址的方式，打開實(shí)現(xiàn)復(fù)用。
