網易前端開發工程師分享課的記錄

網易前端工程師分享課程

第一場：前端成長之路

1. 前端級別 // 來自網易公司的級別
   • 前端開發工程師
   • 高級前端開發工程師
   • 資深前端開發工程師
   • 前端技術專家
2. 從0 -> 前端開發工程師
   學習時學習的知識知識點，而開發時時要實現複雜業務需求，有時感到難如下手

選擇合適知識點，組和應用實現複雜業務需求
作法：把前端開發分解爲頁面製做和頁面邏輯，分開編碼

頁面製做過程：

• 把頁面分解成模塊，模塊在細分細分到可使用基礎知識來實現的傳給你都
• 把細分模塊組裝起來，最後對全部模塊佈局

頁面邏輯處理：(流程分解)

• 把邏輯分解成一個一個的流程
• 對每一個過程編碼、測試，最後對整個流程測試

1. 網易杭研究院前端架構師工做職責

• 分析和評估
• 制定規範協助實施
• 技術的選型和培訓
• 任務分解和分配
• 架構設計
• 代碼開發
• 打包與發佈
• 資訊協助
• 技術推動

第二場：如何準備一場前端技術面試

1. 簡歷

• 技術能力
  • 體現廣度，基礎、框架、前沿
• 研究總結
  • 體現學習能力、總結能力、興趣(關注的社區、公衆號、大牛)
• 項目經驗
  • 體現工程和業務複雜度，本身在項目裏作了些什麼
  • 體現架構、方案設計、解決問題的能力

1. 筆試
   多關注基礎內容
2. 技術面試

• 基本技能
  • css
    • 選擇器 (有哪些及應用場景)
    • 盒模型 (box-size等)
    • 佈局
  • js
    • 類型
    • 數組、函數
    • 做用域
    • 閉包
    • 繼承、封裝
  • DOM
    • 節點操做
    • 事件
    • Ajax
  • 前沿
    • css3
    • HTML5
    • ES6
    • 新型熱門框架
  • 綜合應用
    • 自適應佈局的多種方案: float、BFC、 FLEX、........
    • bind(): 原型、閉包、this、arguments、array、apply、.......
    • 事件代理 ： 添加事件、事件階段、事件對象、節點屬性、封裝、....
    • 組件實現： 封裝、繼承、DOM
• 方案經驗
  • 架構、選型
  • 解決方案
  • 流程、規範
  • 難度 (面試分層)
    • 事件代理
      • 如何添加事件、三階段
      • 實現一個列表項操做的事件代理 (可能手寫代碼)
      • 封裝事件代理
• 簡歷內容
  • 證明。證明你是否真的擁有技能
  • 深度。瞭解技能深度
• 校招與社招
  • 校招：基礎、潛力(軟技能)
  • 社招： 基礎、經驗
• 一些建議
  • 前端基礎排第一位
  • 志願倒序，從面試中找不足。讓面試官給意見，最想進的公司最後在面
  • 強化手寫能力。面試時手寫代碼
  • 細節和深度。特別是基礎的和在簡歷裏提到的東西

第三場： 個人網易十年前端路

學習篇

1. 基礎
   • 計算機基礎知識
     • 數據結構/算法
     • 程序設計/網絡協議
     • 編譯/操做系統/數據庫
     • 模式/架構/工程/安全
   • 專業基礎
     • css
     • HTML
     • javascript
   • 學習方式
     • 書籍。多看正版
     • 代碼。 理解、補漏、啓示。 從學習到應用。看哪些代碼：書籍裏的、前輩的、論壇裏、網站的、開源代碼、本身的。針對某個功能作切入看源碼
     • 標準
       • 行業標準。前端通用標準。ecma(js核心標準), w3c(html，css，dom等標準), ietf(主要定義http相關的協議)
       • 廠商標準
2. 實踐篇

• 問題(以問題爲主線)
  • 發現： 功能需求、非功能需求、疑問建議抱怨
  • 分析：分析問題的本質，給出多個解決方案平衡利弊決定最後使用啥方案
  • 解決
  • 沉澱： 把解決方案歸入本身的知識體系

1. 進階篇

• 我的
  • 深度： 表象 -> 原理 -> 實現
  • 廣度
    • 專業技能： 覆蓋面、瞭解度、標準/框架/工具/工程
    • 領域範圍： 移動端、桌面端、產品、後端、測試
• 團隊
  • 流程
  • 協做
  • 效率
    網易實踐協做體系：NEI
    suggest attitude is everthing and never stop learning

第四場：據說你想當個前端開發工程師

1. 工做職責
   • 項目前期：分析、評估、規範(工程結構、編碼規範、產出文檔、流程規範)、選型(框架、庫、工具)、培訓(對不熟悉的人作培訓)
   • 項目中期：分解(子系統、模塊、功能邊界)、分配(時間與人員)、設計(系統模塊的詳細設計，接口規範定義等文檔)、編碼、測試(自測、詳細測試)、發佈(方案與工具)
   • 項目後期： 迭代、升級、維護 三個階段循環進行
2. 核心能力
   • 專業技能： css(選擇器，佈局，盒模型)、DOM(樹、事件、存儲、消息、網絡)、js(類型、原型/原型鏈、做用域、面向對象)、前沿(css3,ES6,H5,編程模式)、綜合
   • 通用技能： 數據結構(哈希、堆棧、數組、隊列、樹形、字符)、算法分析(加密算法、空間複雜度、排序算法、搜索算法、時間複雜度)、網絡協議(EventSource、webSocket、RTMPHLS、webRTC、http、https)、編程範式(面向過程、面向對象、面向切面、基於原型、基於類)、設計模式(建立模式、架構模式、結構模式、行爲模式、併發模式)、軟件工程(自動化、規範、流程、工程化、標準)
   • 其餘技能：學習、分析、解決、創新、總結
     問題（發現、分析、解決、沉澱）
3. 應聘準備
   • 簡歷： 技能、工做、項目
     • 簡歷內容：基本信息、能體現本身能力的東西、工做經驗、項目經驗、從工做經驗或者項目經驗中收穫的知識能力等方面的成長
   • 筆試： 基礎知識
   • 面試： 專業、能力、經驗
     • 面試內容： 專業技能、通用技能、學習能力、問題解決能力、多提問了解面試官對這個問題的見解
   • 校招與社招
     • 校招：基礎、潛力(軟技能)
     • 社招： 基礎、經驗
4. 資料推薦
   ECMA,
   IETF,
   w3c
   電子書：共享電子書, 免費電子書, 搜索電子書格式： keyword filetype:pdf site:x.y.com filetype爲文件類型，site表示來自哪一個網站