昨天晚上給老婆的筆記本裝系統(tǒng)中跌，正興奮著呢(不知道為什么每次裝系統(tǒng)都很興奮)咨堤，妹的斷網(wǎng)停機了，不明所以漩符，發(fā)現(xiàn)居然是欠費了一喘，是老婆忘了繳費。嗜暴。凸克。。,手機也停了闷沥，網(wǎng)也斷了萎战，一時間不知道怎么辦了。撥了10000號想問問舆逃，居然提示停機后可以按1暫時恢復(fù)24小時蚂维，得救了。
昨天上午路狮，看了一些html/css的內(nèi)容虫啥，說一下心得體會唄。
video.js是一個H5的播放器庫奄妨，兼容所有瀏覽器涂籽，包括IE6-8，可以設(shè)置播放flash砸抛，實現(xiàn)視頻的預(yù)加載评雌，展示圖片，自動播放锰悼，自定義屏幕播放按鈕柳骄，控制播放/暫停/快進/后退团赏，控制視頻播放權(quán)限箕般，控制視頻播放時間，播放器語言等舔清，可以通過CDN加入丝里，也可以下載曲初，還可以npm和bower安裝，官網(wǎng)有docs參照杯聚。其實呢臼婆，很簡單，定義了video標簽的樣式幌绍，自定義了很多標簽和事件來控制video的播放颁褂，我是通過廖雪峰博客上的視頻發(fā)現(xiàn)這個插件的。
preload/prefetch傀广，這兩兄弟颁独，昨天又看了一下，因為最近用過preload伪冰，感覺比prefetch提高了不止一個檔次誓酒，但兼容性不好，IE幾乎就完全拋棄了這個兄弟贮聂，firefox兼容也不太好靠柑。唉，慢慢等發(fā)展吧吓懈，需要提前加載后面頁面的資源歼冰，還是先用著prefetch。
semantic html耻警，語義化停巷，我這種不拘小節(jié)的人，以前很少觸及到語義化的范圍榕栏。前兩天在知乎看到了顧軼靈的回答畔勤，又看了他的網(wǎng)站和一些介紹語義化的精華文章，感覺這確實是以后的趨勢扒磁。記得06庆揪，7年，那時候搭建頁面全是用table妨托，玩轉(zhuǎn)table是當時還沒有被叫做‘前端’的程序員的標志缸榛，各種拆分，拼湊兰伤。th,thead,tbody,tfoot,caption..這些根本是不會去寫的内颗。后面就開始用'div+css'，前端這個職業(yè)也開始誕生敦腔，再后面就是滿篇的div均澳，密密麻麻，看著滲人，但也不愿放棄找前，因為好用糟袁。H5出來以后，盡管有一些新的區(qū)域標簽和語義標簽躺盛，但一直沒怎么用项戴，因為div，p槽惫，span等還是能解決大部分問題周叮。
為了能被更多的設(shè)備和應(yīng)用解析，優(yōu)化seo界斜，規(guī)范團隊代碼则吟，推動語義化的發(fā)展，為了盲人也能順暢的用你的網(wǎng)站锄蹂，請語義化吧：
- div氓仲，span永遠都是最后的選擇
- lang，charset不能漏掉
- link得糜，a元素的rel
- 即可以使用div或者P時敬扛，盡量使用p
- table里的構(gòu)造必須補齊caption，head朝抖，body啥箭，foot，表頭要用th
- header是html治宣，articl的頁眉急侥，不影響文檔提綱生成
- section一般表示和上下文有關(guān)聯(lián)的內(nèi)容，希望這個內(nèi)容出現(xiàn)在文檔的提綱中
- article一般表示和上下文無關(guān)聯(lián)的內(nèi)容侮邀，可獨立的坏怪，比如文章，插件等
- em表示強調(diào)绊茧，strong表示更強調(diào)
- blockquote也可以用來表示引用段落
- figure用來表示圖片等
- input必須搭配label
- 合理使用p铝宵，hr，ol/ul/li华畏，dl/dt/dd鹏秋，main，time亡笑，mark侣夷，pre，code仑乌，q百拓，cite琴锭，address，em耐版，strong祠够，wbr
- 對于class和id压汪，根據(jù)它是什么而不是它看上去是什么樣子來命名
- 了解microformats粪牲，microdata
最后臨吃飯了，看到一個好東西止剖，awsm.css腺阳，無class/id樣式化語義標簽，適用快速搭建語義化標簽的簡單的頁面穿香。
中午看了會書亭引，《網(wǎng)絡(luò)是怎樣連接的》，說的是生動的講述網(wǎng)絡(luò)各種協(xié)議過程皮获，看了100多頁了焙蚓，其實很燒腦，小日本的書就喜歡講很多細節(jié)洒宝，繞暈?zāi)憔蚈K购公。建議還是看圖解系列。雁歌。宏浩。
下午教育了熊孩子，看了一會git的GUI工具靠瞎，看來看去還是覺得bash好用比庄，就是對比和解決沖突的時候可能會用一下.如果有熟悉的IDE，還是盡量在IDE里使用GUI乏盐，其他什么sourcetree沒實際使用價值.
晚上給老電腦重裝系統(tǒng)佳窑，04年的華碩筆記本電腦，4G內(nèi)存父能，無SSD华嘹。裝win7pro。系統(tǒng)用U盤很快裝好法竞，考慮了一下耙厚，還是不要裝重量級的東西，于是選擇了wps岔霸，ccleaner薛躬，avg，拋棄了電腦管家之類的玩意兒呆细，開發(fā)類的就裝了.net4.5/node/python型宝，java都沒敢裝八匠，設(shè)計類的裝了墨刀，pxcook趴酣，ps也沒敢裝梨树，然后就斷網(wǎng)了，妹的岖寞。抡四。。仗谆。
