大佬總結，帶你快速成為前端工程師，從入門到棄坑，附乾貨

互聯網的快速發展和激烈競爭，用戶體驗成為一個重要的關注點，導致專業前端工程師成為熱門職業，各大公司對前端工程師的需求量都很大，要求也越來越高，優秀的前端工程師更是稀缺。

個人感覺前端入門相對容易，但是也需要系統地認真學習，在打好基礎後堅持學習，成為優秀前端工程師也只是時間問題。

小編為大家準備了前端學習的資源，教程（包含前端三劍客html，css，js），轉發本文，私信小編：“資料”，即可免費獲取

前端工程師作為薪資非常高的職業，據統計，2018年前端工程師平均薪資達到了一萬以上，其崗位需求量大，所以想要入門前端的同學不要猶豫，選擇前端你沒選錯！

通過小編幫你準備的資源你能學到：

一、JavaScript基礎

前端工程師吃飯的傢伙，深度、廣度一樣都不能差。

變量和類型

• 1.JavaScript規定了幾種語言類型
• 2.JavaScript對象的底層數據結構是什麼
• 3.Symbol類型在實際開發中的應用、可手動實現一個簡單的Symbol
• 4.JavaScript中的變量在內存中的具體存儲形式
• 5.基本類型對應的內置對象，以及他們之間的裝箱拆箱操作
• 6.理解值類型和引用類型
• 7.null和undefined的區別
• 8.至少可以說出三種判斷JavaScript數據類型的方式，以及他們的優缺點，如何準確的判斷數組類型
• 9.可能發生隱式類型轉換的場景以及轉換原則，應如何避免或巧妙應用
• 10.出現小數精度丟失的原因，JavaScript可以存儲的最大數字、最大安全數字，JavaScript處理大數字的方法、避免精度丟失的方法

原型和原型鏈

• 1.理解原型設計模式以及JavaScript中的原型規則
• 2.instanceof的底層實現原理，手動實現一個instanceof
• 4.實現繼承的幾種方式以及他們的優缺點
• 5.至少說出一種開源項目(如Node)中應用原型繼承的案例
• 6.可以描述new一個對象的詳細過程，手動實現一個new操作符
• 7.理解es6 class構造以及繼承的底層實現原理

作用域和閉包

• 1.理解詞法作用域和動態作用域
• 2.理解JavaScript的作用域和作用域鏈
• 3.理解JavaScript的執行上下文棧，可以應用堆棧信息快速定位問題
• 4.this的原理以及幾種不同使用場景的取值
• 5.閉包的實現原理和作用，可以列舉幾個開發中閉包的實際應用
• 6.理解堆棧溢出和內存洩漏的原理，如何防止
• 7.如何處理循環的異步操作
• 8.理解模塊化解決的實際問題，可列舉幾個模塊化方案並理解其中原理

執行機制

• 1.為何try裡面放return，finally還會執行，理解其內部機制
• 2.JavaScript如何實現異步編程，可以詳細描述EventLoop機制
• 3.宏任務和微任務分別有哪些
• 4.可以快速分析一個複雜的異步嵌套邏輯，並掌握分析方法
• 5.使用Promise實現串行
• 6.Node與瀏覽器EventLoop的差異
• 7.如何在保證頁面運行流暢的情況下處理海量數據

語法和API

• 1.理解ECMAScript和JavaScript的關係
• 2.熟練運用es5、es6提供的語法規範，
• 3.熟練掌握JavaScript提供的全局對象（例如Date、Math）、全局函數（例如decodeURI、isNaN）、全局屬性（例如Infinity、undefined）
• 4.熟練應用map、reduce、filter 等高階函數解決問題
• 5.setInterval需要注意的點，使用settimeout實現setInterval
• 6.JavaScript提供的正則表達式API、可以使用正則表達式（郵箱校驗、URL解析、去重等）解決常見問題
• 7.JavaScript異常處理的方式，統一的異常處理方案

二、HTML和CSS

HTML

• 1.從規範的角度理解HTML，從分類和語義的角度使用標籤
• 2.常用頁面標籤的默認樣式、自帶屬性、不同瀏覽器的差異、處理瀏覽器兼容問題的方式
• 3.元信息類標籤(head、title、meta)的使用目的和配置方法
• 4.HTML5離線緩存原理
• 5.可以使用Canvas API、SVG等繪製高性能的動畫

CSS

• 1.CSS盒模型，在不同瀏覽器的差異
• 2.CSS所有選擇器及其優先級、使用場景，哪些可以繼承，如何運用at規則
• 3.CSS偽類和偽元素有哪些，它們的區別和實際應用
• 4.HTML文檔流的排版規則，CSS幾種定位的規則、定位參照物、對文檔流的影響，如何選擇最好的定位方式，雪碧圖實現原理
• 5.水平垂直居中的方案、可以實現6種以上並對比它們的優缺點
• 6.BFC實現原理，可以解決的問題，如何創建BFC
• 7.可使用CSS函數複用代碼，實現特殊效果
• 8.PostCSS、Sass、Less的異同，以及使用配置，至少掌握一種
• 9.CSS模塊化方案、如何配置按需加載、如何防止CSS阻塞渲染
• 10.熟練使用CSS實現常見動畫，如漸變、移動、旋轉、縮放等等
• 11.CSS瀏覽器兼容性寫法，瞭解不同API在不同瀏覽器下的兼容性情況
• 12.掌握一套完整的響應式佈局方案

大家準備了一些web、Bootstrap、CSS、Mybatis、HTML、jQuery的學習教程分享，希望可以幫助到大家！！！