個人覺得前端著重點在於三個：**效能、開發效率、安全
瀏覽器解釋和展示html檔案的方式是w3c規定的，w3c即全球資訊網聯盟，這個聯盟是現在國際上最權威的標準制定機構，意思就是w3c制定並維護html和css的規範，這些規範告訴瀏覽器如何解釋並顯示html檔案。
瀏覽器的元件：1.使用者介面
2.瀏覽器引擎
3.渲染引擎(瀏覽器核心、也叫瀏覽器核心)
4.網路
5.使用者介面後端
6.js直譯器
7.內資料庫
我著重寫下我對渲染引擎的一些淺淡的理解：
渲染引擎：在瀏覽器視窗顯示所請求的內容，通過網路層獲取請求文件的內容，得到內容後便開始了他的表演
渲染的過程其實就是先解析得到的html檔案，將裡面的標籤轉化為dom節點，形成乙個節點樹，同時解析css，也就是樣式（包括你的內聯和外聯樣式），生成css規則樹，
這兩棵樹乙個是你的內容，乙個是內容的樣式（包括布局，顏色，樣式），最後整合到一起形成渲染樹，渲染樹便是最後我們看到的樣子。
如果還要再往下鑽的話，就要涉及到編譯原理了，這裡暫時不寫往下鑽的內容了。
再來談三個點：效能優化、開發效率、安全。
效能優化：就是提高頁面的載入速度，你如果進去乙個頁面，然後乙個圓圈一直轉啊轉，轉了5分鐘後，內容展示出來了，我相信可能1分鐘後你就已經關閉這個網頁並罵道：垃圾！
乙個圖3兆，裡面的圖都沒有壓縮過，js和css也沒有壓縮，js裡面還有很多重複的指令碼，這是我的乙個親身經歷，我寫了一周，完成後我把我網頁掛到我們這邊伺服器上，我現在還記得，我和那個後台就一直站在那等網頁載入，他過一會兒看我一下，我自己也是尷尬的一匹，大概4分鐘後，載入出來了，呵呵我一看我資料夾，53.2m，哈哈哈哈。
效能優化主要有：1.cdn加速，舉個例子，如果全中國就是乙個車票購買的站點，在新疆，你每次買票都要坐車到新疆然後再回來，現在在每個市區都乙個分布的車票站點，你只用在你們市區就能買到票，要你選你怎麼選？
2 .減少dns查詢：就是在你網頁上少去請求其他的網域名稱
3.減少http請求：合併，js合併和css合併，js分別放在四個檔案下面，相當於需要4次http請求，放在乙個檔案下，便只要一次http請求，這個道理都懂把
4.css在最上面引入，js在最下面引入，因為渲染是從上向下的，如果你乙個js檔案稍微有點大，那頁面便會先載入這個js檔案再渲染，會造成乙個阻塞
5.移除重複的文字 壓縮檔案，伺服器對檔案壓縮，瀏覽器拿到壓縮檔案再解壓，這也是乙個很好的辦法，其餘還有很多的辦法我不一一枚舉了
安全方面：https協議，這是經過ssl加密的http協議，你可以把它理解成一把鑰匙，對你的資訊進行加密。ssl本身也是乙個協議，是乙個安全協議
效率方面：現在前端的各種框架和庫，以及工具，我那天光看工具都有80個，嚇我一跳，其實都是為了效率考慮的話，為了更簡潔，更方便，更簡潔更方便的同時效率也增加了
其實這麼多的框架和工具，我覺得只用掌握乙個你覺得好的就可以了，比如我就喜歡用vue，我react用的很少，資料庫我喜歡mongodb，伺服器的話我喜歡node.js寫，還有很多比如less、sass、stylus，css預編譯器，webpack包管理工具，git版本管理工具，gulp自動化構建工具，其實這一套學下來我覺得就差不多了，主要還是看個人的喜歡和習慣把。本文只是我的一些個人看法，有很多不足。
幹前端的那些事
要知道，前端工程師的出現只在5年前，首先肯定這是乙個全新的職業，你不會沒有飯吃。說前端開發工程師是乙個全新的職位，是站在更多的以人為本的設計和開發的基礎上的，你的終極boss不是老闆，是人。如果你想吃好這碗飯，你會學習更多有用的相關方面的知識，這是必須的。原因很簡單，前端發展的很快，可能明年的今天你...
前端那些事 webpack 安裝
安裝 全域性安裝 npm install webpack webpack cli g專案安裝 npm install webpack webpack cli dnpx 命令 npm 5.2 解決問題 呼叫專案內部安裝的模組，原理就是node modules下的.bin目錄中找到對應的命令執行 web...
前端那些事之 jQuery
1.jquery是什麼 乙個js的框架,可以方便的使用js 2 什麼是jquery物件 是由jquery封裝後的dom物件 注意 與dom物件的方法不同,不可以混用,但是可以相互轉換 3.基本語法 jquery物件.方法 4.得到jquery物件 1 選擇器 基本選擇器 id class eleme...