第1篇認知-經過瀏覽器瞭解前端

1.初識

就在你觀看這篇文章時，你的手機設備或電腦設備都在經過瀏覽器來實時你的請求與響應，這時你也想問我這用軟件或者某平臺閱讀你的文章，怎會變成瀏覽器來閱讀了？

在這個互聯網的世界裏，你無時無刻都在和瀏覽器打交道，而你的軟件或者平臺都內置了一個兼容軟件的瀏覽器，也能夠說是運用了HTML5的技術。若是你懂電腦，應該知道IE瀏覽器吧，若是你打開這個瀏覽器，而後在設置裏找到打開緩存文件夾，你會看見裏面有一大堆文件，若是你打開後綴名爲html結尾的文件時，你會發現它打開的網頁就是你最近瀏覽的網頁，而這個文件夾裏的還有其餘的圖片文件就是網頁中圖片，這些文件就能夠得知瀏覽器向服務器進行請求並響應給你客戶端（也就是你的電腦）的一些證據。

小結：請求就是你要訪問某一網站，你要敲門拜訪它的服務器，它容許你訪問的話就會答應你訪問，並將答應的網頁全部關的文件返回下載到你的電腦，這就是響應你的拜訪。

2.瀏覽器

瀏覽器有不少，好比IE瀏覽器，Edge瀏覽器，Safari瀏覽器，火狐瀏覽器，谷歌瀏覽器，QQ瀏覽器，360瀏覽器，Opera瀏覽器等等，這些瀏覽器看似種類不少，但萬變不離其宗，它們在渲染網頁的時候，也就是打開（解析）網頁所用的內核是不變的，不管打開任何瀏覽器用它們去訪問任何網頁，你均可以右鍵鼠標查看網頁源碼，而瀏覽器所用的內核就是用來解析這些網頁代碼的，也能夠說是翻譯它們的。

小結：雖然那麼多瀏覽器，但我推薦使用谷歌瀏覽器進行前端開發，也是不少碼農主推的瀏覽器。

3.w3c

雖然瀏覽器的內核良莠不齊，但它們渲染網頁的標準則是統一的，不會出現大面積網頁在不一樣瀏覽器的上呈現的方式不同，經過W3C對Web標準進行統一，前端的代碼獲得優化和規範。

4.三劍客

html，css，js它們分別是網頁的結構，網頁的樣式，網頁的行爲；所謂網頁的源碼均有這三部分組成，舉個例子：咱們平時所看的報紙它就是網頁的原型，報紙所看到的新聞的排序和排版就是網頁中的結構，而這些結構被修飾就稱爲它的樣式（修飾就是字體被加粗加色，下劃線等字體操做，最典型的就是word軟件的操做），而行爲呢就是網頁的效果（圖形滾動，搜索關鍵詞，登入帳號，動畫）這三樣就是網頁的組成，它們也是網頁的基礎。

小結：網頁由html，css，js組成，它們分別爲結構，樣式，行爲。

最後：但願你們把網頁抽象爲報紙，從而快速的理解網頁組成，以上內容均爲學習所得，但願可以幫助你們入門。