Vue.js + Node.js 全棧開發實戰

王金柱，對JavaScript語言、jQuery框架、Node.js、React等Web前端開發有著獨到的經驗，並精通HTML/XHTML、CSS與PHP等開發語言的應用。有著10多年豐富的IT從業經歷，完成過多家大型央企與上市公司的企業級Web系統平台項目的前端模塊開發工作。

封面
版權頁
內容簡介
前言

第1章Node.js基礎與環境搭建
1.1 Node.js基礎
1.1.1 Node.js簡介
1.1.2 Node.js發展歷史
1.1.3 Node.js組織架構
1.1.4 Node.js特點
1.1.5 Node.js應用場景
1.1.6 Node.js在國內的發展
1.2搭建Node.js開發環境
1.2.1 Windows 10系統下安裝部署Node.js開發環境
1.2.2測試Node開發環境
1.2.3通過Node運行JavaScript文件
1.3通過Visual Studio Code開發Node應用
1.3.1通過Visual Studio Code開發管理代碼
1.3.2通過Webpack構建Node應用程序架構
1.3.3通過Visual Studio Code開發調試Node應用

第2章Vue.js基礎介紹與環境搭建
2.1 Vue.js基礎
2.1.1 Vue.js簡介
2.1.2 Vue.js發展歷史
2.1.3 Vue.js與MVVM架構模型
2.1.4雙向數據綁定
2.1.5 Vue.js特點
2.2 Vue.js快速開發環境
2.2.1直接通過<script>引入本地Vue.js
2.2.2通過CDN方式引入Vue.js
2.2.3兼容ES Module的方式
2.3 Vue.js腳手架開發環境
2.3.1安裝Vue.js腳手架
2.3.2通過Vue.js腳手架進行快速原型開發測試
2.3.3通過Vue.js腳手架進行打包
2.3.4通過Vue.js腳手架創建應用
2.3.5通過vue-cli結合Webpack創建應用
2.3.6通過Visual Studio Code開發調試Vue代碼

第3章Node.js語法基礎
3.1 JavaScript語法
3.1.1變量
3.1.2註釋
3.1.3數據類型
3.1.4函數
3.1.5閉包
3.2命名規範與編程規範
3.2.1命名規範
3.2.2編程規範
3.3 Node.js的控制台console
3.3.1 console對像下的各種函數
3.3.2 console.log()函數
3.3.3 console.info()、console.warn()和console.error()函數
3.3.4 console.dir()函數
3.3 .5 console.time()和console.timeEnd()函數
3.3.6 console.trace()函數

第4章Node.js中的包管理
4.1 NPM介紹
4.1.1 NPM常用命令
4.1.2 package.json文件
4.2模塊加載原理與加載方式
4.2.1 require導入模塊
4.2.2 exports導出模塊
4.3 Node.js核心模塊
4.3.1 http模塊——創建HTTP服務器、客戶端
4.3.2 url模塊——url地址處理
4.3.3 querystring模塊——查詢字符串處理
4.4 Node.js常用模塊
4.4.1 util模塊——實用工具
4.4.2 path模塊——路徑處理
4.4.3 dns模塊

第5章文件系統
5.1 Node.js文件系統介紹
5.1.1同步和異步
5.1.2 fs模塊中的類和文件的基本信息
5.1.3文件路徑
5.2基本文件操作
5.2.1打開文件
5.2.2關閉文件
5.2.3讀取文件
5.2.4寫入文件
5.3其他文件操作

第6章Node.js網絡開發
6.1構建TCP服務器
6.1.1使用Node.js創建TCP服務器
6.1.2監聽客戶端的連接
6.1.3查看服務器監聽的地址
6.1.4連接服務器的客戶端數量
6.1.5獲取客戶端發送的數據
6.1.6發送數據給客戶端
6.2構建TCP客戶端
6.2.1使用Node.js創建TCP客戶端
6.2.2連接TCP服務器
6.2.3獲取從TCP服務器發送的數據
6.2 .4向TCP服務器發送數據
6.3構建HTTP服務器
6.3.1創建HTTP服務器
6.3.2 HTTP服務器的路由控制
6.4利用UDP協議傳輸數據與發送消息
6.4.1創建UDP服務器
6.4.2創建UDP客戶端

第7章Node.js數據庫開發
7.1使用mongoose連接MongoDB
7.1.1 MongoDB介紹
7.1.2使用mongoose連接MongoDB
7.1.3使用mongoose操作MongoDB
7.2直接連接MongoDB
7.2.1使用node-mongodb -native連接MongoDB
7.2.2使用node-mongodb-native操作MongoDB
7.3連接MySQL
7.3.1 MySQL介紹
7.3.2 Node.js連接MySQL
7.3.3 Node.js操作MySQL

第8章Vue.js數據、方法與生命週期
8.1 Vue.js數據
8.1.1 Vue.js數據同步
8.1.2 Vue.js數據凍結
8.1.3 Vue.js實例property屬性
8.2 Vue.js方法
8.2.1觀察屬性方法
8.2.2事件觸發方法
8.2. 3自定義事件方法
8.3 Vue.js生命週期
8.3.1 Vue.js生命週期圖示
8.3.2 Vue.js生命週期鉤子

第9章Vue.js模板語法
9.1 Vue.js模板語法介紹
9.2 Vue.js插值
9.2.1文本插值
9.2.2原始HTML插值
9.2.3使用JavaScript表達式
9.3 Vue. js指令
9.3.1 Vue指令概述
9.3.2 v-if條件表達式指令
9.3.3 v-show顯示指令
9.3.4使用<template>元素渲染分組
9.3.5 v-for循環指令
9.4 Vue.js指令參數
9.4.1 Vue.js指令接收參數
9.4.2 Vue.js指令接收動態參數
9.4.3通過Vue.js指令動態參數改變元素類型
9.5 Vue.js指令修飾符
9.5.1 Vue.js指令prevent修飾符
9.5 .2 Vue.js指令stop修飾符
9.5.3 Vue.js指令once修飾符
9.6 Vue.js指令縮寫
9.7 Vue.js數據雙向綁定
9.7.1 v-model指令原理
9.7.2 .lazy修飾符
9.7.3 .nu​​mber修飾符
9.7.4 .trim修飾符
9.8 Vue.js計算屬性

第10章Vue.js樣式綁定
10.1 Vue.js綁定HTML Class
10.1.1綁定靜態Class
10.1.2綁定動態Class
10.1.3綁定多個Class
10.2通過數組語法綁定Class
10.3 Vue.js綁定HTML Style
10.3.1綁定靜態Style
10.3.2綁定Style對象
10.3.3綁定多重值的Style
10.4通過計算屬性綁定樣式

第11章Vue.js組件基礎
11.1 Vue.js全局組件
11.2 Vue.js局部組件
11.3通過Prop向子組件傳遞數據

第12章Vue.js路由
12.1安裝vue-router庫的方法
12.2基於vue -router庫開發單頁面應用
12.3基於vue-router庫實現勱態路由

第13章項目實戰：基於Vue.js+Node.js實現學生成績管理系統
13.1學生成績管理系統組織架構設計
13.2構建項目應用框架
13.3後台數據結構
13.4功能模塊組件設計
13.5功能模塊路由設計
13.6測試應用

第14章項目實戰：基於Vue.js+Node.js實現城市信息查詢系統
14.1全國城市信息查詢系統組織架構設計
14.2構建項目應用框架
14.3後台數據獲取方式
14.4功能模塊組件設計
14.5功能模塊路由設計
14.6測試應用