JavaScript修煉之路

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