【阿里前端面試點】目標，想成爲一名好的前端工程師

介紹

狹義的來說，前端指的就是咱們常說的html, css, javascript. 三者必不可缺. 而其中涵蓋的知識點不可一篇文章就能完整的講述出來的。廣義的定位，涉及到瀏覽器，手機App裏面的用戶交互展現的內容，都屬於前端。

知識點

• HTML
• CSS 佈局(流式佈局, 柵格佈局，彈性佈局) flex佈局介紹
• CSS 過渡及動畫, 繼承與特殊性
• LESS, SASS, PostCSS
• JavaScript
• Node.js 工具，服務，部署
• 瀏覽器/手機調試, 抓包工具（JSFiddle, Charles, Whistle）
• 手機適配, 前端性能優化策略
• Chrome Debug DevTool 使用
• Canvas, SVG 的原理
• HTTP, HTTPS, HTTP 2.0 協議
• React, Vue.js 框架原理

前端問題

• 介紹一下ES5的 defineProperty

  • 設置 enumerable: true後，如何獲取可枚舉的key
  • 設置 enumerable: false後, 什麼樣的方式檢測key存在與對象中
• 簡單介紹下盒模型，以及flexbox 彈性佈局
• CSS3 有哪些新特性
• HTML5 有哪些新特性及API
• 描述一下HTTP 協議緩存機制
• Canvas的實現原理
• 前端跨域 解決方式有哪些
• Cookie, session, 本地存儲
• Ajax的工做流程
• throttle 與 debounce 的使用場景
• 事件委託機制以及實現方式
• 簡單介紹一下函數閉包
• 致使內存泄露的有哪些
• 簡單介紹一下原型鏈的實現方式
• 如何實現預加載，懶加載

技術實現問題

• 將一個駝峯式變量轉換爲下劃線變量
• 將一個表格相同元素進行單元格合併

框架問題

• MVVM的雙向綁定原理是什麼
• 如何更優雅的實現雙向綁定
• Vue.js 的 computed 計算屬性的實現
• Vue.js 組件之間數據通訊的方式有哪些 (vuex, 父子通訊)
• proxy數據代理的實現
• vue-router的實現機制是什麼
• 形容描述下 VNode 以及 diff算法
• v-for 循環中 key 起到了什麼樣的做用

ES6問題

• let, const 塊做用域如何被轉化的. 若是本身轉化，請介紹下你的實現方法
• 箭頭函數的做用域上下文和 普通函數做用域上下文 的區別
• ES6模塊加載機制
• 介紹下ES6的新特性給你帶來了哪些變化

打包工具問題

• 簡單介紹下webpack的工做原理
• webpack的基本配置有哪些
• grunt, gulp, webpack三者的區別

Node.js 問題

• require的模塊系統加載方式是什麼
• npm包管理工具介紹, 如何寫一個npm模塊
• setTimeout, setImmediate, nextTick 三種定時器的區別
• Promise， Generator， Async/Await 三者的關聯
• pm2, forever 模塊的工做原理
• express, koa 框架的區別
• Node.js 核心模塊有哪些
• Node.js 多進程部署的原理

測試問題

• 前端單元自動化測試框架有哪些 (mocha, jasmine, QUnit)
• 持續集成, 集成測試的意義
• BDD 和 TDD的區別
• Node.js和前端的調試方式

額外知識

• websocket工做原理, 以及創建鏈接方式
• https, http2.0 知識介紹
• git命令的使用, 介紹一下git flow工做流
• 有一個192.168.0.1的 IP, 如何使用一個Int變量存儲對應的信息
• 簡單介紹一下三次握手, 和四次揮手的過程

小結

永遠記住要多動手，動腦把學到的東西寫下來，加深記憶。對本身有好處. 由於屢次和阿里的面試官進行了電話面試溝通，因此這些不僅是一個面試官提出的問題，而是多個面試官提出的問題。 但願你們可以在閒暇的時間裏，將本身的技術不斷提升。保持一個虛心學習的狀態。