一、文章開篇
由於最近也比較忙，一方面是忙着公司的事情，另外一方面也是忙着看書和學習，所以沒有時間來和大家一起分享知識，現在好了，終於回歸博客園的大家庭了，今天我打算來分享一下關於《web前端開發最佳實踐》這本書的讀后感，以及梳理這本書中比較有用的核心知識點
二、書之印象
《web前端開發最佳實踐》其實說到底就是一本提高你的涉獵面的書籍，但是缺點就是這本書的標題是web前端開發最佳實踐，但是其實也就是一些很基礎的東西沒有什么很高深的，所以前端最佳實踐這個書名就是標題黨，而且里面的東西就是只可意會不可言傳，說到底就是根本都沒有詳細的說明要怎樣來實現的，從我個人的角度上來看，就是本書的內容太過於膚淺，不適合細度，大致了解就行了，但是其實這個也是挺難說的，畢竟技術也是因人而異的，如果這本書是初入職場的小白或者是還是在校的大學生的話，那么這本書拓展知識面也是挺不錯的。
三、書之知識面
書中提出了幾個知識點我認為是平時使用中比較有用的知識，所以在這里就跟大家分享一下
1、HTML5的async屬性和defer屬性
這兩個屬性只有在script標簽設置了src屬性的時候才有用，其中的defer大部分的瀏覽器都是支持的，但是opera mini不支持這個屬性，
defer屬性：這個屬性是讓腳本后置加載，相當於把腳本放置於頁面最后加載和執行
async屬性：讓腳本異步加載和執行，設置了async屬性之后不能保證腳本按照屬性加載和執行，所以如果是腳本之間存在依賴關系，那么不能使用async屬性來加載，
從功能上面來說，可以使用async屬性的場合就可以使用defer屬性，因此設置了async屬性的時候最好是把defer屬性加上，async這個屬性是HTML5才出現的屬性，但是defer這個屬性就由來已久，所以這樣寫的另外一個好處是如果瀏覽器不支持html5屬性，那么也就可以執行defer屬性
2、自定義標簽屬性data-*
相信大多數人都知道HTML5中是可以自定義標簽的，但是一方面自定義標簽會導致不同的人編寫的格式不同，從而降低了代碼的可維護性，data-*的使用如下：
<ul> <li id="test" data-length="222222"></li> </ul> <script> var test=document.getElementById('test'); //獲取數據 test.dataset['length']; //設置數據 test.dataset['length']='qwe'; </script>
要注意的是這種用法在IE7以下的版本中是不支持的
3、瀏覽器兼容問題
說到瀏覽器的兼容問題，這里我們區分為兩種兼容性問題，一種是兼容低版本的瀏覽器，比如就是兼容IE6、IE7之類的低版本瀏覽器，另外一類就是兼容不同高版本瀏覽器對HTML5支持特性的不完整
1、兼容低版本瀏覽器
低版本的瀏覽器我們一般是要引入html5.js來支持高版本瀏覽器中支持的HTML5標簽，但是在高版本的瀏覽器中我們是不需要這個html5.js文件的這個時候我們的思路是當瀏覽器是IE低版本的時候就引入，這個時候我們可以嘗試使用IE瀏覽器特有的條件注釋
例如：為IE9以下的版本添加HTML5.js文件
<!--[if lt IE 9]--> <script src="html5.js"></script> <!--[endif]-->
2、兼容高版本瀏覽器的差異
高版本的差異性主要體現在對HTML5特性支持的差異性上面，如果是忽略了這一點的話，那么就有可能會出現意想不到的錯誤，所以為了防范於未來，在構建的時候，我們就應該要把這種問題扼殺在襁褓中，這里我推薦使用自動檢測框架來解決這個問題，現在市面上的檢測框架有很多，但是從檢測准確率和使用率較高的是Modernizr框架
用法是首先引入框架的JS文件
<script src="modernizr-1.5.min.js"></script>
然后是在html標簽中添加no-js類,這樣做是指定了檢測的范圍是包含在html標簽內的，也就是全部的內容
例如：
<html class="no-js">
這樣當你運行腳本的時候，就可以在瀏覽器中查看到框架為HTML中的標簽動態的添加添加class類，要注意的是添加的類中y
4、編寫高性能的CSS代碼
對於高性能的CSS代碼，我個人認為CSS從性能上面來說，在CSS上面做優化可能是不太明智的選擇，但是還是要提一點，就是在chrome瀏覽器的開發工具dev tool中提供了一個查找無效樣式規則的東東，這個的具體如下：
從這里我們就可以看到了CSS使用的情況
5、Timeline工具的使用
這個的具體使用我也是一知半解，在此就不誤人子弟了，以后了解到了再來講解
四、小結
總的來說我個人認為這本書對於我這個層次的核心東西也就是這些，本書我的感覺是太過理論化，有點忽略了知識在實際中的應用實戰這一點，本次的書評就到此為止，期待下期我帶來的新書知識，如果你覺得本文還可以的話，請點贊