文章目錄
- 一、課程介紹
- 1.面試那些事兒~~
- 2.面試準備~~
- 3.模擬一面~~
- 4.模擬二面~~
- 5.模擬三面~~
- 6.模擬終面~~
- 面試技巧
- 二、面試準備
- （一）職位描述（JD）分析
- 京東金融前端崗位
- 藝龍酒店前端崗位
- （二）業務分析和實戰模擬
- （三）技術堆疊準備
- （四）自我介紹
- 1.簡歷
- 2.自我陳述
筆記來源于課程：https://coding.imooc.com/class/129.html
雖然是幾年前的課程了，但是大部分內容如今面試都還是會考到的，
先來幾副官方宣傳圖感受一下：
一、課程介紹
1.面試那些事兒~~
- JD描述怎么看？
- 專案怎么準備？
- 簡歷怎么寫？
- 知識怎么復習？
- 問題該怎么回答？
- 和面試官怎么溝通？
- HR印象怎么留？
2.面試準備~~
- JD描述分析
- 業務分析
- 技術堆疊準備
- 自我介紹
3.模擬一面~~
- 面試技巧
- 頁面布局類
- CSS盒模型
- DOM事件類
- HTTP協議類
- 原型鏈類
- 面向物件類
- 通信類
- 前端安全類
- 前端演算法類
4.模擬二面~~
- 面試技巧
- 渲染機制類
- JS運行機制
- 頁面性能
- 錯誤監控
5.模擬三面~~
- 面試技巧
- 業務能力
- 團隊協作能力
- 帶人能力
6.模擬終面~~
- 面試技巧
- 職業競爭力
- 職業規劃
如何看待面試？什么是面試?
答:面試是測查和評價人員能力素質的一種考試活動，具體地說，面試是一種經過組織者精心設計，在特定場景下，以考官對考生的面對面交談與觀察為主要手段，由表及里測評考生的知識、能力、經驗等有關素質的一種考試活動，
面試技巧
- 準備要充分
- 知識要系統
- 溝通要簡潔
- 內心要誠實
- 態度要謙虛
- 回答要靈活
二、面試準備
- 職位描述（JD）分析
- 業務分析或實戰模擬
- 技術堆疊準備
- 自我介紹
（一）職位描述（JD）分析
京東金融前端崗位
根據職位描述列出要點：
- PC端+移動端
- hybrid
- 資料mock
- 前端組件庫架構（難度體現：基本功扎實[原生js、css]、其他組件庫原始碼、組件庫創建經驗）
- 作業經驗年限不要去較真
- 追求新技術熱點（github最新熱門開源專案）
- html語意化（用合適的標簽做合適的事）
- 掌握最常用web標準：eslint，，，
- 考察實際專案經驗：
- 實際程序中遇到過哪些問題？
- 架構分析與設計能力（砍掉1-2年只有業務能力的人）：目錄結構、復用性、模塊化設計、自動化測驗、性能監控和例外捕獲…
- 現場手寫代碼，易讀、易維護（函式功能單一化，能抽象就抽象）
- 用戶體驗性考察對產品和業務的整體把控、一點要體現專案程序中的逐步優化
- grunt和gulp區別
- 注意了解、熟悉、精通，，，
H5 手機 App 開發入門：概念篇 - 阮一峰的網路日志
藝龍酒店前端崗位
- 前端影片：canvas（所有常用api）、svg、css3（過渡、翻轉，，，）、js（影片幀、GPU加速）
- 微信小程式、微信公眾號開發、微信支付
- 可用性、可訪問性：前端性能監控（js即時運行錯誤、資源加載錯誤）
（二）業務分析和實戰模擬
京東金融
- 頁面布局分析
- 常用組件分析
- 頁面特效分析（css3、three.js…）
- 通過f12除錯頁面，看Sources：head發現：
- 需要兼容哪些瀏覽器：
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><meta http-equiv="X-UA-Compatible" content="IE=Edge">
- 雙核瀏覽器
webkit優先：<meta name="renderer" content="webkit"> - 網站性能提升：
- dns預決議：
<link rel="dns-prefetch" href="//static.360buyimg.com"><link rel="dns-prefetch" href="//img30.360buyimg.com">
- dns預決議：
- 看Application發現：
- Local Storage、Session Storage使用
- 字體檔案、自定義字體、字體圖示
- 需要兼容哪些瀏覽器：
藝龍旅行網
- 常見控制元件撰寫：輪播圖、多級導航欄、日期控制元件
可以想想這種效果是怎樣完成的
藝龍是使用js計算圖片寬度
可以嘗試使用純css實作
- 老專案，未重構：
<html xmlns="http://www.w3.org/1999/xhtml"> - script標簽寫在head里，但采用了async，實作異步（外鏈js異步加載有幾種方式？區別？）
- require.js模塊加載機制（傳統模塊化處理機制有幾種？現有框架、ES6是怎樣處理模塊化的？）、如何配制、與cds的區別
模塊化機制
- jquery模板引擎（handle bar、eds引擎、underscore templete）
- jquery事件委托、事件代理
（三）技術堆疊準備
- jQuery原始碼學習：核心架構、事件委托、插件機制
- Vue/React/Angular原始碼學習
- node.js
- 前端工程化：環境搭建、 預編譯、構建、打包
- sass、less
- gulp、grunt
- npm（常見命令）
- webpack
（四）自我介紹
1.簡歷
- 基本資訊：姓名、年齡、手機、郵箱、籍貫
- 學歷：博士、碩士、本科、專科
- 作業經歷：時間、公司、崗位、職責、技術堆疊、業績
- 開源專案：Github和說明
例（簡歷內容涉及隱私，這里就不貼出了）：
-
多余內容：課程、論文題目、中學、題外話、自我評價
-
node.js：開發業務、上線、錯誤追蹤/監控
-
2.自我陳述
-
把握面試的溝通方向
例：- 專案：專案功能（與本崗位的結合點、擔任角色、做出哪些成績）
- 負責人（專案規模、團隊人數、具體承擔角色[專案/技術]、做出哪些成績、團隊協作、技術配合、技術難點）
-
豁達、自信的適度發揮
-
實體：
- 自如談興趣、巧妙示實體、適時討疑問（懂得收放自如、注意場合、never give up）
- 節奏要適宜、切忌小聰明（面對簡單題目或是列舉型別題目要有耐心，多思考、務實、謙虛）
-
實戰：
- 方向要對，程序要細
- 膽子要大，心態要和
- 確實沒做過的事要能現場理出思路，說出個123來，不要當場放棄、要勇于嘗試面對未知
- 要積極、必須要有識訓
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/197839.html
標籤：其他
上一篇：B1041 考試座位號 15分