JavaScript修煉之路

 
 
 
 
本書(shū)源代碼
第1章鍛體篇——認(rèn)識(shí)JavaScript編程語(yǔ)言
1.1開(kāi)啟修煉之路
1.1.1修煉與編程的共同點(diǎn)
1.1.2JavaScript介紹
1.2JavaScript入門(mén)
1.2.1運(yùn)行環(huán)境介紹
1.2.2Chrome Devtools介紹
1.3變量和數(shù)據(jù)類(lèi)型
1.3.1變量的聲明
1.3.2數(shù)據(jù)類(lèi)型的劃分
1.3.3基本類(lèi)型與引用類(lèi)型
1.4常用運(yùn)算符
1.4.1算術(shù)運(yùn)算符
1.4.2賦值運(yùn)算符與字符串運(yùn)算符
1.4.3比較運(yùn)算符
1.4.4條件運(yùn)算符
1.4.5邏輯運(yùn)算符
1.4.6位運(yùn)算符
1.5常用流程結(jié)構(gòu)
1.5.1選擇結(jié)構(gòu)
1.5.2循環(huán)結(jié)構(gòu)
1.5.3初探JSON對(duì)象和數(shù)組對(duì)象及其遍歷方式
1.5.4異常處理
1.6JavaScript函數(shù)介紹
1.6.1函數(shù)的結(jié)構(gòu)和用途
1.6.2變量與作用域
1.6.3閉包與作用域鏈
1.6.4函數(shù)的其他使用場(chǎng)景
 
 
 
第2章練氣篇——JavaScript面向?qū)ο缶幊?br />2.1面向?qū)ο笕腴T(mén)
2.1.1類(lèi)與對(duì)象
2.1.2對(duì)象實(shí)例化應(yīng)用
2.1.3原型對(duì)象prototype
2.1.4原型鏈與繼承
2.1.5淺復(fù)制與深復(fù)制
2.2JavaScript內(nèi)置對(duì)象
2.2.1Array對(duì)象
2.2.2Boolean對(duì)象
2.2.3Date對(duì)象
2.2.4Math對(duì)象
2.2.5Number對(duì)象
2.2.6String對(duì)象
2.2.7RegExp對(duì)象
2.3瀏覽器對(duì)象
2.3.1window對(duì)象
2.3.2navigator對(duì)象
2.3.3location對(duì)象
2.3.4存儲(chǔ)對(duì)象
2.3.5定時(shí)器
2.4Object對(duì)象詳細(xì)講解
2.4.1Object.assign()方法
2.4.2Object.is()方法
2.4.3Object.values()方法
2.4.4Object.entries()方法
2.4.5Object.fromEntries()方法
2.4.6Object.defineProperty()方法
2.5嚴(yán)格模式介紹
2.5.1調(diào)用嚴(yán)格模式
2.5.2嚴(yán)格模式中的變化
第3章筑基篇——DOM
3.1DOM基礎(chǔ)介紹
3.1.1獲取HTML節(jié)點(diǎn)對(duì)象
3.1.2改變HTML屬性和內(nèi)容
3.1.3改變CSS樣式
3.1.4DOM對(duì)象的增刪操作
3.1.5DOM操作練習(xí)
3.2DOM事件綁定
3.2.1事件系統(tǒng)介紹
3.2.2常用事件綁定方式
3.2.3事件捕獲和事件冒泡
3.2.4事件傳播的原理與事件的靈活運(yùn)用
3.3防抖和節(jié)流
3.3.1debounce防抖
3.3.2throttle節(jié)流
3.4HTMLCollection對(duì)象與NodeList對(duì)象
3.4.1HTMLCollection對(duì)象
3.4.2NodeList對(duì)象
3.5DOM操作綜合實(shí)戰(zhàn)
3.5.1開(kāi)發(fā)一個(gè)登錄頁(yè)面
3.5.2登錄頁(yè)面的表單校驗(yàn)及背景圖片的定時(shí)切換
3.5.3常規(guī)管理系統(tǒng)首頁(yè)搭建
3.5.4訪問(wèn)權(quán)限控制和登錄過(guò)期
3.5.5Cookie對(duì)象簡(jiǎn)介
第4章結(jié)丹篇——ECMAScript 6
4.1ECMA介紹
4.1.1ECMA組織與ECMA262
4.1.2ECMAScript發(fā)展史
4.2新的聲明方式與作用域規(guī)則
4.2.1新的聲明符號(hào)let
4.2.2新的聲明符號(hào)const
4.3箭頭函數(shù)與普通函數(shù)
4.3.1箭頭函數(shù)介紹
4.3.2箭頭函數(shù)與function函數(shù)的區(qū)別
4.4class對(duì)象
4.4.1class對(duì)象與function對(duì)象的區(qū)別 
4.4.2class對(duì)象的繼承
4.4.3屬性、靜態(tài)屬性及私有屬性 
4.5ES6 的其他新特性
4.5.1數(shù)組的解構(gòu)賦值
4.5.2對(duì)象的解構(gòu)賦值
4.5.3模板字符串
4.5.4Set與Map
4.6Proxy與Reflect
4.6.1Proxy對(duì)象
4.6.2Reflect對(duì)象
第5章元嬰篇——JavaScript異步編程
5.1初識(shí)異步編程
5.1.1什么是同步和異步
5.1.2深入探索同步和異步
5.1.3異步與多線程的區(qū)別
5.2初識(shí)異步編程
5.2.1瀏覽器的線程組成
5.2.2線程間的工作關(guān)系
5.2.3JavaScript的運(yùn)行模型
5.3EventLoop與異步任務(wù)隊(duì)列
5.3.1異步任務(wù)的去向與EventLoop的工作原理
5.3.2關(guān)于函數(shù)執(zhí)行棧
5.3.3遞歸和棧溢出
5.4異步流程控制
5.4.1宏任務(wù)與微任務(wù)
5.4.2流程控制的銀彈——Promise
5.4.3回調(diào)函數(shù)與Promise對(duì)象
5.4.4Promise對(duì)象應(yīng)用詳細(xì)講解
5.4.5鏈?zhǔn)秸{(diào)用及其他常用API
5.4.6異步代碼同步化
5.5手撕Promise對(duì)象
5.5.1定義一個(gè)Promise對(duì)象
5.5.2實(shí)現(xiàn)then()的回調(diào)函數(shù)
5.5.3實(shí)現(xiàn)catch()的完整功能
5.5.4其他常用功能的實(shí)現(xiàn)
第6章化神篇——JavaScript模塊化編程
6.1JavaScript模塊化發(fā)展歷程
6.1.1無(wú)模塊化時(shí)代的依賴(lài)管理
6.1.2JavaScript模塊化的出現(xiàn)及發(fā)展
6.2Node.js及其模塊系統(tǒng)
6.2.1Node.js的快速上手
6.2.2Node.js介紹
6.2.3Node.js的常用API
6.2.4NPM初探
6.2.5基于Node.js開(kāi)發(fā)靜態(tài)資源服務(wù)器
6.3工程化利器Webpack
6.3.1Webpack入門(mén)
6.3.2認(rèn)識(shí)Webpack的Loader
6.3.3通過(guò)babelloader學(xué)習(xí)Loader的使用
6.3.4Webpack中的Plugin
6.3.5Webpack項(xiàng)目的樣式處理
6.4基于Webpack的前端腳手架搭建
6.4.1創(chuàng)建一個(gè)區(qū)分開(kāi)發(fā)環(huán)境與生產(chǎn)環(huán)境的項(xiàng)目
6.4.2構(gòu)建生產(chǎn)環(huán)境與開(kāi)發(fā)環(huán)境
6.4.3集成babel與CSS預(yù)處理器
6.4.4項(xiàng)目 配置項(xiàng)
6.4.5集成個(gè)性化功能
第7章還虛篇——NPM包管理器全攻略
7.1包管理器NPM介紹
7.1.1NPM的基本使用
7.1.2鏡像網(wǎng)址管理
7.1.3學(xué)習(xí)npm config命令
7.2企業(yè)級(jí)NPM包管理器實(shí)戰(zhàn)
7.2.1初始化工程化項(xiàng)目
7.2.2依賴(lài)管理介紹
7.2.3NPM的依賴(lài)加載規(guī)則
7.2.4bin屬性的作用
7.2.5scripts屬性的作用
7.2.6NPM的發(fā)布配置
7.3本地NPM私服搭建
7.3.1為什么需要NPM私服
7.3.2搭建本地NPM私服
7.4仿真nrm工具
7.4.1創(chuàng)建pnrm項(xiàng)目結(jié)構(gòu)
7.4.2仿真實(shí)現(xiàn)nrm包的功能
7.4.3編寫(xiě)測(cè)試用例
第8章合道篇——基于類(lèi)型約束器的JavaScript
8.1靜態(tài)類(lèi)型的JavaScript
8.1.1什么是靜態(tài)類(lèi)型
8.1.2Flow的出現(xiàn)
8.1.3什么是TypeScript
 
8.1.4TypeScript的環(huán)境搭建
8.2TypeScript語(yǔ)法入門(mén)
8.2.1基本類(lèi)型與引用類(lèi)型
8.2.2函數(shù)、interface與范型
8.3TypeScript高級(jí)應(yīng)用
8.3.1裝飾器
8.3.2模塊和命名空間
8.3.3*.d.ts文件的使用
8.4基于TypeScript的前端項(xiàng)目實(shí)戰(zhàn)
8.4.1使用Vite初始化Vue 3 TypeScript項(xiàng)目
8.4.2集成ElementPlus框架
8.4.3集成路由功能
8.4.4集成狀態(tài)管理器Pinia
8.5基于TypeScript的前后端分離項(xiàng)目
8.5.1基于NestJS的服務(wù)器端項(xiàng)目搭建
8.5.2基于Vue 3 ElementPlus搭建前端登錄頁(yè)面
8.5.3開(kāi)發(fā)服務(wù)器端登錄接口
8.5.4實(shí)現(xiàn)完整的登錄功能
第9章大乘篇——網(wǎng)絡(luò)安全與協(xié)議
9.1客戶(hù)端腳本攻擊
9.1.1跨站腳本攻擊XSS
9.1.2XSS攻擊的案例1——MVC注入
9.1.3XSS攻擊的案例2——超鏈接與圖片注入 
9.1.4XSS的攻防思想
9.2CSRF和單擊劫持
9.2.1CSRF漏洞
9.2.2單擊劫持
9.3常見(jiàn)服務(wù)器端攻擊
9.3.1SQL注入攻擊
9.3.2文件上傳漏洞
9.4DDoS攻擊詳細(xì)講解
9.4.1DDoS簡(jiǎn)介
9.4.2DDoS攻擊的防御策略
9.4.3資源耗盡攻擊
9.5前端常見(jiàn)網(wǎng)絡(luò)協(xié)議常識(shí)
9.5.1從輸入域名到網(wǎng)頁(yè)展示經(jīng)歷了什么樣的過(guò)程
9.5.2HTTP的發(fā)展歷程
9.5.3HTTP緩存
第10章歸初篇——前端常用的數(shù)據(jù)結(jié)構(gòu)與算法入門(mén)
10.1簡(jiǎn)單數(shù)據(jù)結(jié)構(gòu)示例
10.1.1數(shù)組和鏈表
10.1.2二叉樹(shù)結(jié)構(gòu)及其遍歷思想
10.1.3遞歸與循環(huán)實(shí)現(xiàn)二叉樹(shù)的遍歷
10.1.4二叉查找樹(shù)
10.2幾種常見(jiàn)的插入排序算法
10.2.1圖解直接插入排序
10.2.2圖解二分插入排序
10.2.3圖解希爾排序
10.3圖解常用經(jīng)典排序
10.3.1圖解快速排序
10.3.2圖解歸并排序
10.3.3圖解堆排序
10.4實(shí)現(xiàn)HTML語(yǔ)法解釋器
10.4.1回顧HTML基礎(chǔ)
10.4.2揭秘HTML解釋器
10.4.3從詞法分析到DOM樹(shù)的構(gòu)建
10.4.4家庭作業(yè)——反向生成HTML