ES6常用語法到Node淺談

weizx 發布于2019-08-21 17:07 / 2581人閱讀

摘要：是解釋性語言因服務端的應用，而貫通了前后臺。關于和聲明的變量和聲明的變量整體，會被提升到當前作用域的頂部。做后臺服務端，處理請求的代碼，得自己實現了。為提高下載速度，可通過來切換鏡像源。

JS是解釋性語言,因node服務端的應用，而貫通了前后臺。

【ES6】

關于var和let

var:

  1.var聲明的變量和function聲明的變量整體，會被提升到當前作用域的頂部。
  2.無塊級作用域 
  3.var聲明的變量可重復賦值,即
  var name = "lin"
  var name = "li"
  變量提升后
  var name
  name = "lin"
  name = "li"
  結果是
  name = "li"

let(更嚴謹):

  1.無變量提升
  2.有塊級作用域
  3.let聲明的變量不可重復賦值,即
  let name = "lin"
  let name = "li"
  報錯:
  Uncaught SyntaxError: Identifier "name" has already been declared

箭頭函數
示例:函數去重
let arr = [1,2,2,3,4]

原始寫法:

arr.filter(function(value, index, arr){
     return arr.indexOf(value) == index;
});

ES6寫法:

arr.filter((v, i, a)=>{
     return a.indexOf(v) == i;
});

ES6更簡寫法:

arr.filter((v, i, a)=> a.indexOf(v) == i); //只有單條返回語句時，return可省

解構賦值

Promise(解決嵌套太深問題)

模板字符串

 var obj = {name:"Lin"}
 console.log(`my name is ${obj.name}`)   //my name is Lin

【canvas】

   //繪制流程:(聯系到實際，就是作畫的全過程，這是本質)
   //1.畫板
   let cs = document.querySelector("canvas")
   //2.畫筆(使用2d畫筆)
   let pen = cs.getContext("2d")
   //3.調色
   pen.strokeStyle = "blue"
   //4.開始
   pen.beginPath()
   //5.繪制(moveTo,lineTo,strokeRect,arc)
   pen.moveTo(10,10)
   pen.lineTo(10,10)
   //6.結束
   pen.stroke()

給canvas背景色,即看到效果

【common.js】

http://javascript.ruanyifeng....

Node 應用由模塊組成，采用 CommonJS 模塊規范。

【node】

node做后臺服務端，處理http請求的代碼，得自己實現了。

 實現:
   1.由http模塊,生成server來監聽指定端口
   2.端口連接時，觸發回調，比對請求地址后，由fs模塊讀寫文件
   3.處理結果響應給前端

示例:

   http.createServer((req,res)=>{
        let pathname = url.parse(req.url).pathname;
        fs.readFile(path.join(process.cwd(),pathname),(err,data)=>{
            res.writeHead(200);
            res.end(data);
        });
   })

【express】

  express對http模塊高度封裝
  使后臺得以use中間件方式，區分路由，從而脫離出MVC式的項目結構目錄
  解釋下這里提及的mvc:
  m model         存放mongoose.model()生成的model
  v view          指定可靜態訪問的目錄
  c controller    存放express.Router()方式處理的中間件，這兒放的是業務邏輯
  路由會多帶帶提取到一個文件中

示例:

const express = require("express")
const app = express() 

app.use(express.static("./public"))           

app.listen(3000,err =>{
    if(err){
        return console.log("3000端口失敗")
    }
    console.log("3000端口監聽成功")
})

【補充】

1.關于下載
npm會隨著node而安裝,但默認下載地址在國外。為提高下載速度，可通過nrm來切換鏡像源。

npm i nrm -g
nrm ls
nrm use taobao

2.關于運行

   node index.js           //每次修改代碼，都得手動重啟服務端=>心累
   yarn add nodemon -S     //代碼修改與服務器同步了 ps: yarn的并行下載速度更快

GPU云服務器云服務器 python常用語法 node部署到云vps node部署到云主機 node部署到云服務器

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89160.html

2018 淺談前端面試那些事

摘要：聲明的變量不得改變值，這意味著，一旦聲明變量，就必須立即初始化，不能留到以后賦值。雖然今年沒有換工作的打算但為了跟上時代的腳步還是忍不住整理了一份最新前端知識點知識點匯總 1.HTML HTML5新特性，語義化瀏覽器的標準模式和怪異模式xhtml和html的區別使用data-的好處meta標簽canvasHTML廢棄的標簽IE6 bug，和一些定位寫法css js放置位置和原因...

LiuRhoRamen 2019-08-30 14:11 評論0 收藏0
2018 淺談前端面試那些事

摘要：聲明的變量不得改變值，這意味著，一旦聲明變量，就必須立即初始化，不能留到以后賦值。雖然今年沒有換工作的打算但為了跟上時代的腳步還是忍不住整理了一份最新前端知識點知識點匯總 1.HTML HTML5新特性，語義化瀏覽器的標準模式和怪異模式xhtml和html的區別使用data-的好處meta標簽canvasHTML廢棄的標簽IE6 bug，和一些定位寫法css js放置位置和原因...

stormgens 2019-08-22 15:34 評論0 收藏0
2018 淺談前端面試那些事

摘要：聲明的變量不得改變值，這意味著，一旦聲明變量，就必須立即初始化，不能留到以后賦值。雖然今年沒有換工作的打算但為了跟上時代的腳步還是忍不住整理了一份最新前端知識點知識點匯總 1.HTML HTML5新特性，語義化瀏覽器的標準模式和怪異模式xhtml和html的區別使用data-的好處meta標簽canvasHTML廢棄的標簽IE6 bug，和一些定位寫法css js放置位置和原因...

Hujiawei 2019-08-01 18:43 評論0 收藏0
前端文檔收集

摘要：系列種優化頁面加載速度的方法隨筆分類中個最重要的技術點常用整理網頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數組函數數據訪問性能優化方案實現的大排序算法一怪對象常用方法函數收集數組的操作面向對象和原型繼承中關鍵詞的優雅解釋淺談系列 H5系列 10種優化頁面加載速度的方法隨筆分類 - HTML5 HTML5中40個最重要的技術點常用meta整理網頁性能管理詳解 HTML5 ...

jsbintask 2019-08-21 12:05 評論0 收藏0