前端體系必備的軟技能和知識點

　　1.軟技能

• 起碼一種前端框架
  • Bootstrap
  • ...
• 起碼一門後端語言
  • php
  • node.js
  • ...

• 起碼一種CSS預處理器Les或者Sass。

• 學會使用SVN或Git來管理程序版本。

• 作個本身的我的網站，用於前端圈技術交流，並好好運營。

• 用熟一種程序員的編輯器，學會如何配置代碼補全、外觀、外部命令等，使用這些東西不是爲了Cool，而是這些編輯器在查看、修改代碼、配置文章、日誌會更快更有效率。

• 作個大型的電商網站，並好好運營。

• 發展前端以外的興趣愛好，關注你感興趣的行業，有機會的話用本身所學作些產品。

• 前端有兩個方向，一個是視覺，作更炫酷的網頁，一個是功能，兩手都要硬。

• 熟悉Unix/Linux Shell和常見的命令行。

• 學會一門腳本語言，如Python/Ruby。

• 關注互聯網行業的動態，平時經常收聽IT播客，如喜馬拉雅上的IT公論、內核恐慌、卓老闆聊科技、Teahour.Fm、IT大字報、極客電臺等。有好玩的記得留言喲。

• 學會用Google(phrase\domain\use reader to follow tech blogs)

• 該好好考慮讓本身的所學往移動端靠了，好比Web app\響應式\html5\原生app\Hybrid App。

• 熟練一種調試工具。

• 英語熟練。不少的最新技術文檔都是英文看的。

• 最好懂UI設計，屬於加分項。

　　2.知識點

• html基礎

  • 頁面頭部（指定語言、文本顯示方向、元信息meta、移動端適配）
  • 文本（h1~h六、p）
  • 圖片
  • 超連接
  • 表格
  • 表單
  • 列表
  • frameset、iframe
  • 多媒體

• html5

  • 標籤語義化

  • 表單新屬性

  • 多媒體新屬性

  • Canvas

  • SVG

  • GPS定位

  • ...

• CSS以及CSS3

  • CSS的三種使用方法。
  • CSS語法是什麼？

  • 選擇器

  • 佈局（display、position、float、flex）

  • 變形

  • CSS動畫（2D和3D）

  • CSS容易搞混的屬性之深刻了解（line-height、border-sizing、屬性繼承、繪製區域等）

• Java基礎

  • JS調試
  • 基礎語法、數據類型、運算符
  • 內置對象（數值對象、Date對象、Math對象、正則對象等）
  • 數組
  • 函數、參數、構造函數
  • Json
  • 面向對象
  • 原型
  • 做用域
  • 閉包

• DOM

  • DOM文檔樹是什麼？
  • 節點操做、屬性操做、樣式操做、事件操做（包括獲取、新建、插入、刪除、替換。）

  • 數據通訊和數據儲存

  • 動畫

  • 音頻和視頻

  • BOM

  • ...

• 前端架構

  • DOM
  • 組件
  • 模板
  • 工具包
  • 路由
  • 通訊
  • MV*

• 安全方面

  • 同源策略
  • XXS原理及防護（跨站點攻擊）
  • CSRF（跨站點請求僞造）
  • XSRF原理及防護
  • 點擊劫持
  • 常見網絡攻擊類型

• html協議（常見狀態碼（200/302/304/404/500）、緩存控制）。

• 性能優化（Cookies、雅虎軍規、內存溢出、事件綁定、事件代理）。

• 瀏覽器兼容性
  • 如何判斷當前瀏覽器內核
  • IE系列版本之間的差別以及Hack技巧
  • 常見瀏覽器內核
  • 盒模型
  • 手機、ipad移動設備