123,123,123

內(nèi)容簡(jiǎn)介

　　面向職業(yè)院校和應(yīng)用型本科院校開(kāi)展1+X證書(shū)制度試點(diǎn)工作是落實(shí)《國(guó)家職業(yè)教育改革實(shí)施方案》的重要內(nèi)容之一，為了便于X證書(shū)標(biāo)準(zhǔn)融入院校學(xué)歷教育，工業(yè)和信息化部教育與考試中心組織編寫(xiě)了《Web前端開(kāi)發(fā)（高級(jí)）》教材。本教材以《Web前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》（高級(jí)）為編寫(xiě)依據(jù)，分上、下兩冊(cè)，包括前端高效開(kāi)發(fā)框架技術(shù)與應(yīng)用、移動(dòng)Web設(shè)計(jì)與開(kāi)發(fā)、性能優(yōu)化與自動(dòng)化技術(shù)三篇，分別對(duì)應(yīng)《Web前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》（高級(jí)）涉及的三門(mén)核心課程：“前端高效開(kāi)發(fā)框架技術(shù)與應(yīng)用”“移動(dòng)Web設(shè)計(jì)與開(kāi)發(fā)”“性能優(yōu)化與自動(dòng)化技術(shù)”。本教材以模塊化的結(jié)構(gòu)組織各篇及其章節(jié)，以任務(wù)驅(qū)動(dòng)的方式安排教材內(nèi)容，選取移動(dòng)Web典型應(yīng)用作為教學(xué)案例。本教材可用于1+X證書(shū)制度試點(diǎn)工作中的Web前端開(kāi)發(fā)職業(yè)技能等級(jí)證書(shū)教學(xué)和培訓(xùn)，也可以作為期望從事Web前端開(kāi)發(fā)職業(yè)的應(yīng)屆畢業(yè)生和社會(huì)在職人員的自學(xué)參考用書(shū)。

作者簡(jiǎn)介

　　譚志彬，北京大學(xué)無(wú)線電電子學(xué)系碩士畢業(yè)，曾在高科技企業(yè)從事辦公自動(dòng)化系統(tǒng)的開(kāi)發(fā)應(yīng)用，是國(guó)家計(jì)算機(jī)和通信專(zhuān)業(yè)技術(shù)資格考試標(biāo)準(zhǔn)的主要起草或?qū)彾ㄕ?，主持開(kāi)發(fā)過(guò)考務(wù)管理系統(tǒng)、上機(jī)考試系統(tǒng)、閱卷系統(tǒng)。

圖書(shū)目錄

第一篇前端高效開(kāi)發(fā)框架
技術(shù)與應(yīng)用
第1章 Vue基礎(chǔ)\t2
1．1 Vue 框架概述\t3
1．1．1 MVX模式簡(jiǎn)介\t3
1．1．2 Vue框架簡(jiǎn)介\t4
1．1．3 Vue．js的安裝與使用\t6
1．2 Vue基礎(chǔ)語(yǔ)法\t8
1．2．1 實(shí)例對(duì)象\t8
1．2．2 生命周期\t10
1．2．3 模板語(yǔ)法\t14
1．2．4 計(jì)算屬性\t19
1．2．5 methods方法\t21
1．3 Vue渲染\t21
1．3．1 列表渲染\t21
1．3．2 條件渲染\t28
1．4 Vue事件與表單\t32
1．4．1 事件處理\t32
1．4．2 事件對(duì)象\t36
1．4．3 事件委派\t38
1．4．4 表單處理\t39
1．5 Vue基礎(chǔ)應(yīng)用\t43
1．6 本章小結(jié)\t46
第2章 Vue組件\t47
2．1 Vue 組件概述\t48
2．1．1 組件簡(jiǎn)介\t48
2．1．2 組件對(duì)象剖析\t50
2．1．3 Vue組件的data屬性\t52
2．1．4 props傳遞數(shù)據(jù)\t55
2．2 事件通信\t59
2．2．1 父子組件事件通信\t59
2．2．2 非父子組件事件通信\t62
2．2．3 插槽\t65
2．3 組件類(lèi)型\t73
2．3．1 自定義組件v-model
雙向綁定\t73
2．3．2 動(dòng)態(tài)組件\t75
2．3．3 遞歸組件\t77
2．4 Vue組件應(yīng)用\t79
2．4．1 分頁(yè)組件\t79
2．4．2 購(gòu)物車(chē)組件\t80
2．5 本章小結(jié)\t83
第3章 Vue工程化工具\(yùn)t84
3．1 搭建Node．js環(huán)境\t85
3．1．1 Node．js簡(jiǎn)介\t85
3．1．2 Node．js的下載與安裝\t85
3．1．3 npm的安裝與使用\t86
3．1．4 yarn的安裝與使用\t91
3．2 Vue CLI概述\t92
3．2．1 Vue CLI簡(jiǎn)介\t92
3．2．2 Vue CLI的使用\t93
3．3 Vue CLI項(xiàng)目的配置\t94
3．4 JavaScript模塊\t98
3．4．1 CommonJS模塊\t100
3．4．2 ES6模塊\t101
3．5 vue-devtools調(diào)試工具\(yùn)t104
3．5．1 vue-devtools的下載
與安裝\t104
3．5．2 vue-devtools的使用\t104
3．6 本章小結(jié)\t104
第4章 Express服務(wù)器開(kāi)發(fā)\t106
4．1 Express概述\t107
4．1．1 創(chuàng)建Express應(yīng)用程序\t107
4．1．2 Express路由\t109
4．1．3 pug視圖模板\t114
4．2 請(qǐng)求與上傳文件\t116
4．2．1 GET請(qǐng)求和POST請(qǐng)求\t116
4．2．2 上傳文件\t118
4．3 Session概述\t121
4．3．1 Session簡(jiǎn)介\t121
4．3．2 Session的使用\t121
4．4 構(gòu)建RESTful API\t122
4．5 Nodemon概述\t125
4．6 本章小結(jié)\t126
第5章 axios網(wǎng)絡(luò)交互\t128
5．1 axios的基本使用\t129
5．1．1 axios簡(jiǎn)介\t129
5．1．2 axios的使用\t129
5．2 發(fā)送請(qǐng)求\t130
5．2．1 發(fā)送GET請(qǐng)求\t130
5．2．2 發(fā)送POST請(qǐng)求\t131
5．3 axios跨域問(wèn)題\t132
5．4 axios網(wǎng)絡(luò)交互應(yīng)用\t134
5．5 本章小結(jié)\t136
第6章 Vue路由\t138
6．1 SPA和vue-router\t139
6．1．1 SPA\t139
6．1．2 vue-router\t139
6．2 路由的使用\t141
6．2．1 定義路由\t141
6．2．2 動(dòng)態(tài)路由\t142
6．2．3 路由參數(shù)\t142
6．2．4 在路由組件中使用AJAX\t143
6．3 路由導(dǎo)航\t144
6．3．1 路由導(dǎo)航守衛(wèi)\t144
6．3．2 編程式路由導(dǎo)航\t145
6．3．3 全局路由導(dǎo)航守衛(wèi)\t146
6．4 嵌套路由和命名路由視圖\t147
6．4．1 嵌套路由\t147
6．4．2 命名路由視圖\t149
6．5 Vue路由應(yīng)用\t150
6．5．1 用戶登錄與校驗(yàn)\t150
6．5．2 注銷(xiāo)功能及存在的問(wèn)題\t152
6．6 本章小結(jié)\t154
第7章 Vuex狀態(tài)管理\t156
7．1 Vuex狀態(tài)管理概述\t157
7．1．1 Vue組件共享數(shù)據(jù)的方式\t157
7．1．2 Vuex的安裝與使用\t158
7．2 Vuex．Store對(duì)象的接口\t159
7．2．1 State\t160
7．2．2 Getters\t162
7．2．3 Mutations\t163
7．2．4 Actions\t165
7．3 Vuex多模塊\t167
7．4 Vuex插件\t168
7．5 重新組織Vuex目錄結(jié)構(gòu)\t168
7．6 本章小結(jié)\t169
第8章 Vue UI\t170
8．1 Vue UI概述\t171
8．1．1 Vue UI簡(jiǎn)介\t171
8．1．2 Element的安裝與使用\t171
8．2 Element UI組件庫(kù)\t173
8．3 第三方擴(kuò)展庫(kù)Express\t174
8．3．1 集成Express和Vue\t174
8．3．2 配置Express和Vue\t174
8．4 本章小結(jié)\t177