一、文章開篇
由於最近也比較忙，一方面是忙著公司的事情，另外一方面也是忙著看書和學習，所以沒有時間來和大家一起分享知識，現在好了，終於回歸的大家庭了，今天我打算來分享一下關於《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-*的使用如下：
<要注意的是這種用法在ie7以下的版本中是不支援的ul>
<
li id
="test"
data-length
="222222"
>
li>
ul>
<
script
>
vartest
=document.getelementbyid(
'test');
//獲取資料
test.dataset[
'length'];
//設定資料
test.dataset[
'length']
='qwe'
;script
>
3、瀏覽器相容問題
說到瀏覽器的相容問題，這裡我們區分為兩種相容性問題，一種是相容低版本的瀏覽器，比如就是相容ie6、ie7之類的低版本瀏覽器，另外一類就是相容不同高版本瀏覽器對html5支援特性的不完整
1、相容低版本瀏覽器
低版本的瀏覽器我們一般是要引入html5.js來支援高版本瀏覽器中支援的html5標籤，但是在高版本的瀏覽器中我們是不需要這個html5.js檔案的這個時候我們的思路是當瀏覽器是ie低版本的時候就引入，這個時候我們可以嘗試使用ie瀏覽器特有的條件注釋
例如：為ie9以下的版本新增html5.js檔案
<2、相容高版本瀏覽器的差異高版本的差異性主要體現在對html5特性支援的差異性上面，如果是忽略了這一點的話，那麼就有可能會出現意想不到的錯誤，所以為了防範於未來，在構建的時候，我們就應該要把這種問題扼殺在襁褓中，這裡我推薦使用自動檢測框架來解決這個問題，現在市面上的檢測框架有很多，但是從檢測準確率和使用率較高的是modernizr框架script
src="html5.js"
>
script
>
用法是首先引入框架的js檔案
然後是在html標籤中新增no-js類,這樣做是指定了檢測的範圍是包含在html標籤內的，也就是全部的內容例如：
<這樣當你執行指令碼的時候，就可以在瀏覽器中檢視到框架為html中的標籤動態的新增新增class類，要注意的是新增的類中yhtml
class
="no-js"
>
4、編寫高效能的css**
對於高效能的css**，我個人認為css從效能上面來說，在css上面做優化可能是不太明智的選擇，但是還是要提一點，就是在chrome瀏覽器的開發工具dev tool中提供了乙個查詢無效樣式規則的東東，這個的具體如下：
從這裡我們就可以看到了css使用的情況
5、timeline工具的使用
這個的具體使用我也是一知半解，在此就不誤人子弟了，以後了解到了再來講解
四、小結
總的來說我個人認為這本書對於我這個層次的核心東西也就是這些，本書我的感覺是太過理論化，有點忽略了知識在實際中的應用實戰這一點，本次的書評就到此為止，期待下期我帶來的新書知識，如果你覺得本文還可以的話，請點贊
Web前端高效開發總結二 HTML最佳實踐
標準html 的重要性 標準的html 指的是html 符合w3c的最新標準，對於乙個標準的頁面來說，具有的優點有 1.標準的頁面能保證瀏覽器正確的渲染 2.網頁能更容易被搜尋引擎搜尋，提高 的搜尋排名，爬蟲的目的是讀懂 的內容，並找出 中的關鍵字 4.能更好的被維護和擴充套件 在w3c上提供了一項...
開發web前端 web前端 開發筆記
我是孟噠噠一名web前端開發工程師，今天給大家分享一下web前端是的一些筆記應用，希望對你們有幫助。物件導向是乙個開發思想，它把注意點都放到了物件上。物件導向強調的幾個概念 1 類 類是一批具備相同屬性和行為的事物的抽象，為什麼是抽象？因為不是具體的，也就是說不是實實在在存在的東西 看不見摸不著 2...
Web 前端優化最佳實踐之 Cookie 篇
web 前端優化最佳實踐第三部分面向 cookie 目前只有 2 條實踐規則。1.縮小 cookie reduce cookie size cookie 是個很有趣的話題。根據 rfc 2109 的描述，每個客戶端最多保持 300 個 cookie，針對每個網域名稱最多 20 個 cookie 實際...