Vue.js快速入門epub

圖書網
圖書網
圖書網
10540
文章
1402
評論
2020年5月11日21:16:42 評論 33

Vue.js快速入門 作者:申思維

Vue.js快速入門 出版社:清華大學出版社

Vue.js快速入門 內容簡介

目前單頁應用框架層出不窮,其中Vue.js是十分耀眼的項目之一,受到國內外開發人員的極度推崇。

全書分為8章,內容包括Vue.js概述、Vue.js的安裝、定義頁面、渲染視圖、路由、發送HTTP請求、表單的綁定和提交、打包、部署、解決js的跨域問題、Debug、Component、Mixin、Vuex、頁面的生命周期等,最后還給出一個實戰案例供讀者了解Vue.js項目開發過程。

本書適合Vue.js初學者、Web前端開發人員,也適合高等院校和培訓學校的師生教學參考。

Vue.js快速入門 目錄

第1章 Vue.js概述 1

1.1 單頁應用的出現 1

1.2 為什么要使用Vue.js 2

1.2.1 單頁應用 2

1.2.2 知名的單頁應用(SPA)框架對比 5

1.2.3 被騰訊和阿里巴巴所青睞 9

1.2.4 用到Vue.js的項目 9

第2章 原生的Vue.js 10

2.1 極速入門 10

2.2 實際項目 11

2.2.1 運行整個項目 12

2.2.2 HTML代碼的部分 18

2.2.3 HTML代碼的部分 19

2.2.4 js代碼部分 21

2.2.5 小結 25

第3章 Webpack+Vue.js開發準備 26

3.1 學習過程 26

3.1.1 可以跳過的章節 26

3.1.2 簡寫說明 26

3.1.3 本書例子文件下載 27

3.2 NVM、NPM與Node 27

3.2.1 Windows下的安裝 28

3.2.2 Linux、Mac下的安裝 31

3.2.3 運行 31

3.2.4 使用NVM安裝或管理node版本 32

3.2.5 刪除NVM 33

3.2.6 加快NVM和NPM的下載速度 33

3.3 Git在Windows下的使用 34

3.3.1 為什么要使用Git Bash 34

3.3.2 安裝git客戶端 35

3.3.3 使用Git Bash 40

3.4 Webpack 41

3.4.1 Webpack功能 42

3.4.2 Webpack安裝與使用 43

3.5 開發環境的搭建 44

3.5.1 安裝Vue.js 44

3.5.2 運行 vue 44

3.6 Webpack下的Vue.js項目文件結構 45

3.6.1 build文件夾 46

3.6.2 config 文件夾 46

3.6.3 dist文件夾 47

3.6.4 node_modules 文件夾 47

3.6.5 src 文件夾 49

第4章 Webpack+Vue.js實戰 50

4.1 創建一個頁面 50

4.1.1 新建路由 50

4.1.2 創建一個新的Component 51

4.1.3 為頁面添加樣式 52

4.1.4 定義并顯示變量 53

4.2 Vue.js中的ECMAScript 55

4.2.1 let、var、常量與全局變量 55

4.2.2 導入代碼:import 56

4.2.3 方便其他代碼使用自己: export default {..} 56

4.2.4 ES中的簡寫 57

4.2.5 箭頭函數=> 57

4.2.6 hash中同名的key、value的簡寫 58

4.2.7 分號可以省略 58

4.2.8 解構賦值 58

4.3 Vue.js 渲染頁面的過程和原理 59

4.3.1 渲染過程1:js入口文件 59

4.3.2 渲染過程2:靜態的HTML頁面(index.html) 61

4.3.3 渲染過程3:main.js中的Vue定義 62

4.3.4 渲染原理與實例 63

4.4 視圖中的渲染 64

4.4.1 渲染某個變量 64

4.4.2 方法的聲明和調用 65

4.4.3 事件處理:v-on 66

4.5 視圖中的Directive(指令) 67

4.5.1 前提:在directive中使用表達式(Expression) 67

4.5.2 循環:v-for 67

4.5.3 判斷:v-if 69

4.5.4 v-if與v-for的優先級 70

4.5.5 v-bind 72

4.5.6 v-on 73

4.5.7 v-model 與雙向綁定 75

4.6 發送http請求 77

4.6.1 調用http請求 78

4.6.2 遠程接口的格式 80

4.6.3 設置Vue.js開發服務器的代理 81

4.6.4 打開頁面,查看http請求 83

4.6.5 把結果渲染到頁面中 84

4.6.6 如何發起post請求 85

4.7 不同頁面間的參數傳遞 86

4.7.1 回顧:現有的接口 86

4.7.2 顯示博客詳情頁 87

4.7.3 新增路由 88

4.7.4 修改博客列表頁的跳轉方式1:使用事件 89

4.7.5 修改博客列表頁的跳轉方式2:使用v-link 91

4.8 路由 92

4.8.1 基本用法 92

4.8.2 跳轉到某個路由時帶上參數 93

4.8.3 根據路由獲取參數 94

4.9 使用樣式 94

4.10 雙向綁定 96

4.11 表單項目的綁定 99

4.12 表單的提交 102

4.13 Component 組件 105

4.13.1 如何查看文檔 105

4.13.2 Component的重要作用: 重用代碼 106

4.13.3 組件的創建 106

4.13.4 向組件中傳遞參數 108

4.13.5 脫離Webpack,在原生Vue.js中創建component 110

第5章 運維和發布Vue.js項目 112

5.1 打包和部署 112

5.1.1 打包 112

5.1.2 部署 114

5.2 解決域名問題與跨域問題 117

5.2.1 域名404 問題 118

5.2.2 跨域問題 119

5.2.3 解決域名問題和跨域問題 120

5.3 如何Debug 122

5.3.1 時刻留意本地開發服務器 122

5.3.2 看developer tools提出的日志 122

5.3.3 查看頁面給出的錯誤提示 123

5.4 基本命令 125

5.4.1 建立新項目 125

5.4.2 安裝所有的第三方包 125

5.4.3 在本地運行 126

5.4.4 打包編譯 127

第6章 進階知識 128

6.1 js的作用域與this 128

6.1.1 作用域 128

6.1.2 this 130

6.1.3 實戰經驗 131

6.2 Mixin 133

6.3 使用Computed Properties(計算得到的屬性)和watchers(監聽器) 135

6.3.1 典型例子 135

6.3.2 Computed Properties 與 普通方法的區別 136

6.3.3 watched property 137

6.3.4 Computed Property的setter(賦值函數) 140

6.4 Component(組件)進階 141

6.4.1 實際項目中的Component 142

6.4.2 Prop 144

6.4.3 Attribute 146

6.5 Slot 146

6.5.1 普通的Slot 147

6.5.2 named slot 148

6.5.3 slot 的默認值 149

6.6 Vuex 150

6.6.1 正常使用的順序 150

6.6.2 Computed屬性 154

6.6.3 Vuex原理圖 155

6.7 Vue.js的生命周期 156

6.8 最佳實踐 157

6.9 Event Handler 事件處理 158

6.9.1 支持的Event 158

6.9.2 使用 v-on 進行事件綁定 159

6.10 與CSS預處理器結合使用 168

6.10.1 SCSS 168

6.10.2 LESS 169

6.10.3 SASS 170

6.10.4 在Vue.js中使用CSS預編譯器 171

6.11 自定義 Directive 172

6.11.1 例子 172

6.11.2 自定義Directive的命名方法 173

6.11.3 鉤子方法(Hook Functions) 174

6.11.4 自定義Directive可以接收到的參數 174

6.11.5 實戰經驗 175

第7章 實戰周邊及相關工具 176

7.1 微信支付 176

7.2 Hybrid App:混合式App 177

7.3 安裝 Vue.js的開發工具: Vue.js devtool 178

7.4 如何閱讀官方文檔 181

第8章 實戰項目 183

8.1 準備1:文字需求 183

8.2 準備2:需求原型圖 186

8.2.1 明確前端頁面 186

8.2.2 如何畫原型圖 186

8.2.3 首頁 186

8.2.4 商品列表頁 187

8.2.5 商品詳情頁 187

8.2.6 購物車頁面 188

8.2.7 支付頁面 188

8.2.8 我的頁面 189

8.2.9 我的訂單列表頁面 189

8.2.10 總結 190

8.3 準備3:微信的相關賬號和開發者工具 190

8.3.1 微信相關賬號的申請 190

8.3.2 微信開發者工具 190

8.4 項目的搭建 192

8.5 用戶的注冊和微信授權 193

8.6 登錄狀態的保持 202

8.7 首頁輪播圖 203

8.8 底部Tab 213

8.9 商品列表頁 217

8.10 商品詳情頁 219

8.11 購物車 225

8.13 微信支付 233

8.14 回顧 244

Vue.js快速入門 精彩文摘

手機的硬件特點有:

硬件設備差。同主頻的手機CPU性能往往是臺式機的十分之一(手機的供電與臺式機設備相差很遠)。

網絡速度慢。4G網絡在很多時候下載速度只有幾百KB,打開一個微信中的網頁可能也要很久。

圖書網:Vue.js快速入門epub

繼續閱讀
  • 我的微信
  • 掃一掃加好友
  • weinxin
  • 微信公眾號
  • 掃一掃關注
  • weinxin
深入淺出Spring Boot 2.x pdf 程序設計

深入淺出Spring Boot 2.x pdf

適讀人群 :各類Java微服務開發人員,Spring開發人員,互聯網技術愛好者,微服務開發人員,由于Java EE在互聯網的強勢地位,擁有的讀者比較廣闊。 本書重點講解Spring...
Spring源碼深度解析(第2版)pdf 程序設計

Spring源碼深度解析(第2版)pdf

全面剖析Spring源碼,方便讀者根據業務需求進行更改或擴展 所有知識點秉承由淺入深、由易到難的講解架構 采用抽絲剝繭的方式來闡述復雜的邏輯,降低理解難度 Spring是一個源碼開...
匿名

發表評論

匿名網友 填寫信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: