2. 程式人生 > >node學習1

node學習1

阿新 • • 發佈：2018-05-17
有關 都是 業務 屬於 更多 svg 我們 .post spa

什麽是前端和後端

後端的主要工作

  1. 後端為前端程序員暴露API接口；

  2. 後端也要操作數據庫；

  3. 優化後端業務的性能；

前端的主要工作

  1. 繪制網頁的頁面（HTML）

  2. 寫CSS樣式美化頁面、寫JS做網頁交互（更多的是網頁的特效）

  3. 借助於 XHR（?.get $.post）請求後端的接口；實現前後端分離開發

  4. 使用前端的（框架）去完成界面的開發

  5. 總結：前端的主要工作：用戶能看到的東西，基本上都是前端做出來；

前後端協作流程

  • 將來進入工作，大家會接觸到【前後端分離開發】；

  • 協作開發的流程：後端為我們暴露數據接口，前端單純的調用後端接口；

  • 在當前Node階段中，我們學習的是 後端開發；

  • 在Node階段，我們主要教大家如何寫後端的接口；

環境安裝

LTS 和 Current 版本區別

  1. LTS 是長期穩定版的意思（這個安裝包用起來比較穩定）【推薦在企業中使用】

  2. Current 是最新特征版，這個安裝包中有最新的Node特性，但是，可能有一些潛藏的Bug未解決；【推薦學習或嘗鮮去使用】

下載安裝

查看 Node 版本號

打開終端，在命令行輸入命令node -v即可如何進入終端呢？

  1. 使用快捷鍵windows徽標 + R打開運行面板，輸入 cmd 後直接回車；

  2. 在任意目錄的空白位置，先按住shift鍵不松開，然後，在空白位置，鼠標右鍵單擊，會出來一個右鍵菜單，選擇在此處打開 powershell/cmd 窗口

    【將來第二種方式用的會多一些】

環境變量

什麽是環境變量

Path環境變量的作用：能夠讓我們通過命令行的形式，快速啟動一些應用程序；

系統環境變量和用戶環境變量的區別

  1. 用戶環境變量，是每個用戶私有的，用戶之間不會共享；

  2. 全局環境變量，是共享的，只要你能登錄這臺計算機，就能訪問到全局的環境變量；【今後在配置環境變量的時候，推薦直接配置到系統環境變量】

通過命令行快速啟動應用程序時，路徑的查找規則

  1. 先在當前 cmd 終端的目錄中查找，如果有則直接運行；

  2. 如果當前目錄中沒有，則去全局的path環境變量中查找；

瀏覽器中的 JavaScript

Javascript的誕生

  1. JS 誕生 和 網景公司 有關；form

  2. JS 誕生的需求，就是為了做客戶端表單驗證的；

  3. JS作者剛把JS創建出來之後，它叫 LiveScript -> Javascript

瀏覽器一戰

主角是 IE 和 網景瀏覽器；

  1. 一戰的果實：ECMAScript 規範的確立！

  2. 短暫的和平期：在和平期階段，JS都在做什麽事情呢（進行表單的驗證、做簡單的網頁動效、狗皮膏藥），一戰之後，JS能力有限，當時被稱作是“腳本語言”

瀏覽器二戰

在 2008 年，二戰開始了；谷歌chrome、IE、火狐（浴火重生）在 2008 年，谷歌 利用 XHR 這個對象，實現了網頁的局部刷新；2010 - 2013年左右，公司中，不管是Java，還是.NET, 還是 PHP（會不會Ajax）

  1. 二戰的果實：XHR 對象的誕生； chrome 瀏覽器的 JS V8 解析引擎；

註意

在 一戰 和 二戰期間，JS 只能運行在 瀏覽器中；瀏覽器中的JS組成部分：ECMAScript核心 + DOM + BOM瀏覽器屬於前端環境，所以，之前的JS只運行在前端瀏覽器中；也就是，無法使用Javascript實現後端編程；

Node中的Javascript

Node.js 的誕生，解放了Javascript，從此之後，Javascript 就可以在 服務器端運行了；

ECMAScript

Node中的Javascript也有一個ECMAScript核心

沒有 BOM 和 DOM

Node中並沒有瀏覽器的概念，所以，BOM和 DOM ，Node中不需要，因此，就把它們給剔除了；

全局成員

  1. console

  2. setInterval

  3. setTimeout

  4. ...其它全局成員

模塊系統

  1. Node中自己擴展出來的一套API規範

Node中的JS組成部分

ECMAScript核心 + 全局成員 + 模塊系統成員（這是Node平臺所獨有的）全局成員（console.log, setTimeout setInterval）模塊系統成員（就是Node中的一些核心模塊，提供了一些後端編程的能力）

ECMAScript 規範 和 瀏覽器中的JS 以及 Node 中的 JS 之間的關系

  1. ECMAScript 規範（標準）：就是一本書，這本書中記錄了基本的語法定義；

  2. 瀏覽器中的 JS：瀏覽器中的JS是一門具體的編程語言，實現了 ECMAScript 規範；

  • 瀏覽器中的JS組成部分： ECMAScript 核心 + DOM + BOM

  1. Node中的JS：也是一門具體的編程語言，也實現了 ECMAScript 規範；

  • Node中的JS組成部分： ECMAScript 核心 + 全局成員 + 模塊系統成員

畫圖說明 瀏覽器中JS 和 Node中JS的區別

總結-什麽是 Node.js

基於 Chrome 的V8 JS 解析引擎之上，解放了Javascript的編程能力，為 Javascript 提供了 後端編程的能力；所以說，Node.js 是 一個後端編程的平臺，用到的語言是Javascript；

Node.js 環境中執行JS代碼的兩種方式

REPL 環境

  1. 如何進入 REPL 環境： 打開任意終端，直接輸入 node 並回車，就會進入到 REPL 環境中；

  2. 如何離開 REPL 環境：按兩次ctrl + c 就能退出 REPL 環境；

  3. REPL中，每個字母代表什麽意思呢：

  • R： Read 的意思，每當我們輸入完畢代碼之後，只要敲擊回車，Node環境就會讀取用戶輸入的代碼

  • E：Evaluate 的意思，表示把 Read 進來的用戶代碼，調用 類似於 Eval 的函數，去解析執行

  • P：Print 輸出的意思；把第二步中解析執行的結果，輸出給用戶；

  • L：Loop 循環的意思，表示當輸出完畢之後，進入下一次的 REP循環

node 命令【推薦形式】

直接使用node 要執行的js文件的路徑 來執行指定的JS文件

  1. 使用 ↑ 快速定位到上一次執行的命令

  2. 使用 tab 鍵能夠快速補全路徑

  3. 使用 cls 可以清屏

ECMAScript 6常用語法

let 與 const

之前定義變量，用 var 關鍵字，用var有沒有缺點：1. 變量提升問題 2. 沒有塊級作用域let特性：

  • 沒有變量提升

  • 有 { } 作用域const特性：

  • 沒有變量提升的問題

  • const 定義的常量，無法被重新賦值

  • 當定義常量的時候，必須定義且初始化，否則報語法錯誤

變量的解構賦值

所謂的解構賦值，就是把 某個對象中的屬性，當作變量，給解放出來，這樣，今後就能夠當作變量直接使用了

  • 可以使用 :為解構出來的變量重命名


  // 變量的解構賦值
  const { name : name123, age, gender } = person
  console.log(name123)

字符串擴展

  1. 模板字符串

  2. startsWith() 和 endsWith()

  • startsWith() 用來判斷字符串，是否以指定的字符開頭，如果是，返回值是 true，否則返回 false

  • endsWith() 用來判斷字符串，是否以指定的字符結尾；如果是，返回值是 true，否則返回 false

  1. padStart() 和 padEnd()

函數擴展

  1. 形參默認值


  function add(x, y = 0) {
    return x + y;
  }

  1. 解構賦值和形參默認值結合使用

  2. rest參數

    // ------------------rest參數-------------------
    function add(...args) {
      console.log(args instanceof Array)
?
      let total = 0
      args.forEach(item => {
        total += item
      })
      console.log(total)
    }
?
    add(1, 2, 3, 4)

  1. 擴展運算符


    // ----------------------擴展運算符--------------
    function add(...values) {
      let total = 0
      values.forEach(item => {
        total += item
      })
?
      console.log(total)
    }
?
    const arr = [1, 2, 3]
    add(...arr)

箭頭函數【今後我們會每天寫箭頭函數的】

  1. 如何把 function 改成 箭頭函數呢： 先把 function 刪掉，然後，在 () 和 { } 之間，添加一個 => 就好了

  2. 箭頭函數的特性： 箭頭函數內部的 this, 永遠和 箭頭函數外部的 this 保持一致；

  3. 箭頭函數，本質上就是一個匿名函數

  4. 最標準的箭頭函數格式是 ( 參數列表 ) => { 函數體 }

  5. 變體1： 如果 箭頭函數左側的 形參列表中，只有一個 形參，那麽，( ) 可以省略 ( x ) => { console.log(x) } 可以改造成 x => { console.log(x) }

  6. 變體2：如果 箭頭函數右側的 函數體中，只有一行代碼，那麽， { } 可以省略 (x, y) => {console.log(x + y)} 可以改造成 (x, y) => console.log(x + y)

  7. 變體3：如果箭頭函數 左側 只有一個形參，右側只有一行代碼，那麽， 左側的 () 和 右側的 {} 都可以省略 ( x ) => { console.log(x) } 可以改造成 x => console.log(x)

  8. 註意： 如果我們省略了 右側的 { }， 那麽，默認就會把 右側函數體中的代碼執行結果，返回出去 (x, y) => { return x + y } 可以簡寫成 (x, y) => x + y

對象中定義方法和屬性的便捷方式

文件操作

文件讀取

文件寫入

文件追加

fs模塊中路徑操作問題【難點】

讀取文件信息 fs.stat

讀取指定目錄中所有文件的名稱 fs.readdir

練習：

  1. 復制指定的 1.txt 文件，並重命名為 1 - copy.txt

  2. 整理成績.txt文件中的數據到成績 - ok.txt文件中，整理好的文件中，格式類似於：


小紅：99
小白：100
小黃：70
小黑：66
小綠：88

路徑操作

  1. path.join([...paths])

  2. path.sep

  3. path.basename(path[, ext])

  4. path.dirname(path)

  5. path.extname(path)

node學習1

相關推薦

node學習1

有關 都是 業務 屬於 更多 svg 我們 .post spa 什麽是前端和後端 後端的主要工作 後端為前端程序員暴露API接口； 後端也要操作數據庫； 優化後端業務的性能； 前端的主要工作 繪制網頁的頁面（HTML） 寫CSS樣式美化頁面、寫JS做

Node-學習筆記（1）

alua 就是 服務器 結果 move save toc pda 通過 什麽是Node.js 1）Node.js是一個基於Chrome V8引擎的JavaScript 運行環境 2）Node.js使用了一個事件驅動、非阻塞式I/O的模型，使其輕量又高效。 ① 事件

node.js學習1.0-安裝和配置

 1、開啟NodeJS的官網，下載和自己系統相配的NodeJS的安裝程式，包括32位還是64位一定要選擇好，否則會出現安裝問題。          我選擇的是Window版本64位的安裝程式，也有MAC平臺的安裝程式。     下載完成，如圖:     2、接下來就是安裝了，

node學習準備工作1 --- nvm下載、終端環境iterm2配置

開發十年，就只剩下這套架構體系了！ >>>   

dubbo學習(1)--簡單的入門搭建實例

實現類 set ng- dds 更新 輸出 block sys 註冊 轉載請註明源文出處：http://www.cnblogs.com/lighten/p/6828026.html 1 簡介 dubbo是一個分布式服務框架，由阿裏巴巴的工程師開發，致力於提供

Java學習（三）JSP學習1

rtm 斷開 三大指令 保持 web應用 對比 c語言 let 新建 一、 理解JSP技術 　　JSP全名為Java Server Pages，中文名叫java服務器頁面，其根本是一個簡化的Servlet設計，它 是由Sun Microsystems公司倡導、許多公司參

Python Tkinter學習(1)——第一個Tkinter程序

這一 tkinter courier 訪問 elf creat int 學習 開始 註：本文可轉載，轉載請註明出處：http://www.cnblogs.com/collectionne/p/6885066.html。 Tkinter介紹 Python支持多個圖形庫

C#學習1

可視化編程 最新 可視化 XML 結構 類庫 net 整體 asp C#主要有"安德斯~海爾斯伯"格主持開發,最新版本為5.0， .NET框架為.NET Framework4.5 Visual C#.NET特點：可視化編程、面向對象、事件驅動、支持數據庫編程、web編程 .

servlet學習(1)

sun公司 troy clas dream 簡單 har pack res generics 1.Servlet是sun公司提供的一門用於開發動態web資源的技術。 2.Servlet在web應用的位置： 3.創建Servlet的三種方式： (1)實現

大數據平臺學習-1

div hadoop nutch 基本 映射 數據分布 數據 ast 計算引擎 數據平臺架構圖 HDFS：Hadoop分布式文件系統(HDFS)被設計成適合運行在通用硬件(commodity hardware)上的分布式文件系統。它和現有的分布式文件系統有很多共同點。但同

JavaWeb學習入門之——圖書館管理系統開發（Hibernate學習1）

pass ica void 技術分享 gets 學習 images 創建 driver 最近看了看JavaWeb的書籍，才感覺到大二時候學的JavaWeb才僅僅只是個入門。最尷尬的當初還沒咋學一直在看.NET，現在看起來JavaWeb，各種框架各種頭疼啊。看了幾個例子之後覺

c++開始學習1

namespace oct sca 命名 基本 float print name cst 慕課-c++遠征之起航篇 1、c++與c的不同 數據類型：共同：基本：（int、char、float、double），構造：（數組、struct、union、emum），指針類型，空

html 學習1

logs log 一份 pre nbsp span 學習 doc code <!doctype html> <html> <body> <p>一份耕耘，一份收獲。</p> <p>含義 <q>

wireshark 學習 1

ifconf wlan fig bsp con del 正在 type res wireshark 調試WiFi 安裝之後的啟動腳步。 #！/bin/bash iw dev mon0 del iw dev wlp3s0 interface add mon0 type

rn學習1：

https you abs exp 1.8 -a eating oca 2.0 /usr/local/bin/react-native -> /usr/local/lib/node_modules/react-native-cli/index.js/usr/local

node學習--回調函數

function 內容 異步 ava 執行 新建 請求 pan 輸出 node是一個平臺，既不是語言，也不是javascript的庫，只是node的運行環境選擇了javascript語言。node是異步、非阻塞、單線程、錯誤優先的。 新建一個text.txt

Node.js-1

項目 手動 重要 -- variable 10.10 mingw 均可 code NPM is a package manager for Node.js packages, or modules if you like. www.npmjs.com hosts thous

node學習筆記

ram msi ima 下界 點擊 接受 nod 默認安裝 src 環境：windows 10 64位 webstorm2017.1 1. 安裝node包 步驟如下： 步驟 1 : 雙擊下載後的安裝包 v0.10.26，如下所示： 步驟 2 :

CC2540藍牙模塊學習(1)

undefine har hand 創建 .com ble 變量 tar 監管 本篇隨筆摘自於：http://www.cnblogs.com/yygsj/p/5135150.html#undefined 一、整體 1.TI的藍牙平臺支持2種協議棧/應用配置：單一設備配

oc學習1——基本數據類型

.com block 技術 eight bsp height com width 面向 　　OC是在C語言的基礎上進行擴展的一種面向對象的編程語言。很多基礎知識都和C語言中的非常類似。首先介紹一下OC中的基本數據類型，整體框架如下圖： oc學習1——基本數據類型