A複習框架

前端開發

• 1.傳統html和css
  • html：
  • css：
    • 【面試題舉例】什麼是bfc？bfc做用？如何造成bfc？
    • 【面試題舉例】如何實現啊垂直居中？
• 2.JavaScript語言核心
  • 變量：
    • 變量的命名規範
    • 變量的聲明提高
  • 運算符：
    • 運算符的優先級
    • 邏輯運算符短路計算
    • 數據結構和算法：【面試題舉例】：數組排序，去重，扁平化
    • 對象的一些常見算法
    • 字符串算法： 【面試題舉例】寫一個函數檢查字符串中連續出現的最長子串
  • 正則表達式：
    • 用正則給數字添加千分符
  • 面向對象：
    • 上下文this
    • 構造函數
    • 原型，原型鏈
    • 繼承
  • 設計模式
• 3.DOM和JQuery
  • 原生js中的節點關係：firstChild
  • 原生js中的節點操做：appendChild, insertBefore
  • jquery：【面試題舉例】jquery對象和原生對象的關係，noconflict()方法使用
• 4.HTML5, CSS3
  • 狹義html5: 新的骨架dtd，新的語法，新的大綱標籤，新的表單
  • 廣義html5：
    • 畫布canvas，
    • 視頻音頻audio video，
    • 硬件api好比geolocation，
    • 本地存儲localstorage，sessionstorage：【面試題舉例】localstorage，sessionstorage和cookie，session的區別
    • 多線程
    • webSocket 
  • CSS3：
    • 新選擇器 好比 ::before，::after
    • 僞元素
    • 新的僞類 好比  :focus, :empty
    • 新的屬性 好比圓角，陰影box-shadow，text-shadow，背景加強 background-size:contain\cover，bakground-origin\clip
    • 變形：
      • 2D變形 - rotate，skew，scale 
      • 3D變形 - rotateX，rotateY，translate3D；
      • 景深perspective；
      • 變形原點transform-origin，背面不可見backface-visibility
    • 過渡：transition【面試題舉例】哪些屬性能過渡？比jquery的優點是？延遲時間是什麼？ease是？
    • 動畫：animation，@-webkit-keyframes
    • 彈性頁面：
      • 百分比佈局
      • flex佈局
      • rem佈局
    • 手機web
      • 視口
      • 媒體查詢
      • touch事件：【面試題舉例】300ms
• 5.Ajax
  • 服務器
    • http請求 ，RESTful API
      • http請求類型：get，post，delete
      • 狀態碼： 200，304，301，404
    • 前端？後端？：【面試題舉例】什麼是PHP? PHP運行在哪裏？爲何是後端語言？
  • Ajax知識
    • XMLHttpRequest
    • 緩存解決
    • 跨域：9種跨域（JSONP跨域，CORS跨域，代理跨域。。。）
  • XMLHttpRequest 2.0 ： 進度，文件異步上傳
  • jquery中的ajax
  • 回調函數
  • json和字符串轉換
• 6.NodeJS
  • express和koa
  • npm
  • 管理依賴，package.json
  • 實現一個RESTful服務
  • mongodb數據庫
  • nodejs工做流工具 -g安裝 （webpack，less，gulp）
• 7.ES6,7,8,9
  • let，const，暫時性死區
  • 數組經常使用方法： 好比filter ，map，reduce
  • 字符串，對象
  • promise，async/await，generator加*函數
  • 箭頭函數
• 8.模塊化開發，工程化 * 
  • webpack
  • gulp
  • grunt
  • yeoman
  • mvvm框架：
    • react
      • 組件
      • redux/mobx
      • dva
    • vue
      • 組件
      • 生命週期
      • 消息傳遞，props，$bus，$emit，$on
      • vuex
      • 雙向綁定機理
      • 指令，過濾器
    • angular
      • typescript
• 9.前端安全，前端攻防
  • xss
• 10.性能優化， SEO
• 11.數據結構與算法，計算機操做系統，組成原理，離散數學...
• 12.新興技術
• 小程序：微信，頭條，百度，支付寶