websocket及延展

南方小菜發表於2019-03-20
Web

  • 移動web前端高效開發實戰

  • 元件

    1. react認為元件必須有ui，有表現
    2. node、c認為任何一段程式碼都可以成為元件
    3. 只要利於重用的程式碼都可以成為一個元件

  • base64

    • 作用
      • 減少請求連線次數
    • 特點
      • 64進位制對圖片進行格式編碼
      • 會使得圖片容量變大
      • base64圖片會隨著html請求直接從記憶體中取出
    • 使用
      • 小圖使用，大圖避免

  • websocket

    • 特點
      • 雙工===高效資料傳輸
      • html5新特性
      • 跨域
      • 可傳輸非文字（http只能傳輸文字）
    • 依賴socket.io；http

  • socket.io

  • node.js

    • 依賴於chrome的v8引擎
      • 預編譯（解釋機制導致指令碼語言效率偏低）
    • 優勢
      • 效能高（較之java效能86倍）
      • 對於js的支撐力度很大
      • 中間層語言

  • 服務端構建

    • 引入http模組===require('http')
    • 建立server物件==httpObj.createServer(fn(req, res));
      • req
      • res
        • 方法
          1. write(); 響應體
          2. writeHeader(); 響應頭
          3. end();
    • server.listen(埠號);

  • 客戶端構建

    • script引入socket.io
    • io物件
      • emit()
      • on()

模組

  • fs====檔案系統

    • readFile('檔名', fn)===請求檔案
    • writeFile('檔名', "content",err=>{})===寫入內容

  • buffer

    • 容量很大的二進位制陣列

資料庫

  • 關係型資料庫===MySQLQ、Oracle
  • 檔案型資料庫===SQLite
  • 文件型資料庫===MongDB
  • 空間型資料庫===GIS
  • NoSQL====Redis、memcached、bigtable、hypertable、hive

注意

  • 非同步巢狀問題

相關文章