前端工程師要學(xué)的東西太多了，最近整理了一下僧诚。

一遮婶、JavaScript基礎(chǔ)

變量和類型

JavaScript規(guī)定了幾種語(yǔ)言類型

JavaScript對(duì)象的底層數(shù)據(jù)結(jié)構(gòu)是什么

Symbol類型在實(shí)際開發(fā)中的應(yīng)用、可手動(dòng)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的 Symbol

JavaScript中的變量在內(nèi)存中的具體存儲(chǔ)形式

5.基本類型對(duì)應(yīng)的內(nèi)置對(duì)象湖笨，以及他們之間的裝箱拆箱操作

6.理解值類型和引用類型

null和 undefined的區(qū)別

8.至少可以說出三種判斷 JavaScript數(shù)據(jù)類型的方式旗扑，以及他們的優(yōu)缺點(diǎn)，如何準(zhǔn)確的判斷數(shù)組類型

9.可能發(fā)生隱式類型轉(zhuǎn)換的場(chǎng)景以及轉(zhuǎn)換原則赶么，應(yīng)如何避免或巧妙應(yīng)用

10.出現(xiàn)小數(shù)精度丟失的原因肩豁， JavaScript可以存儲(chǔ)的最大數(shù)字、最大安全數(shù)字辫呻， JavaScript處理大數(shù)字的方法清钥、避免精度丟失的方法。

原型和原型鏈

1.理解原型設(shè)計(jì)模式以及 JavaScript中的原型規(guī)則

instanceof的底層實(shí)現(xiàn)原理放闺，手動(dòng)實(shí)現(xiàn)一個(gè) instanceof

4.實(shí)現(xiàn)繼承的幾種方式以及他們的優(yōu)缺點(diǎn)

5.至少說出一種開源項(xiàng)目(如 Node)中應(yīng)用原型繼承的案例

6.可以描述 new一個(gè)對(duì)象的詳細(xì)過程祟昭，手動(dòng)實(shí)現(xiàn)一個(gè) new操作符

7.理解 es6class構(gòu)造以及繼承的底層實(shí)現(xiàn)原理

作用域和閉包

1.理解詞法作用域和動(dòng)態(tài)作用域

2.理解 JavaScript的作用域和作用域鏈

3.理解 JavaScript的執(zhí)行上下文棧，可以應(yīng)用堆棧信息快速定位問題

4. this的原理以及幾種不同使用場(chǎng)景的取值

5.閉包的實(shí)現(xiàn)原理和作用怖侦，可以列舉幾個(gè)開發(fā)中閉包的實(shí)際應(yīng)用

6.理解堆棧溢出和內(nèi)存泄漏的原理篡悟，如何防止。

7.如何處理循環(huán)的異步操作

8.理解模塊化解決的實(shí)際問題匾寝，可列舉幾個(gè)模塊化方案并理解其中原理搬葬。

執(zhí)行機(jī)制

1.為何 try里面放 return， finally還會(huì)執(zhí)行艳悔，理解其內(nèi)部機(jī)制

5. JavaScript如何實(shí)現(xiàn)異步編程急凰，可以詳細(xì)描述 EventLoop機(jī)制

3.宏任務(wù)和微任務(wù)分別有哪些

4.可以快速分析一個(gè)復(fù)雜的異步嵌套邏輯，并掌握分析方法

5.使用 Promise實(shí)現(xiàn)串行

6. Node與瀏覽器 EventLoop的差異

7.如何在保證頁(yè)面運(yùn)行流暢的情況下處理海量數(shù)據(jù)

語(yǔ)法和API

1.理解 ECMAScript和 JavaScript的關(guān)系

2.熟練運(yùn)用 es5猜年、 es6提供的語(yǔ)法規(guī)范

3.熟練掌握 JavaScript提供的全局對(duì)象（例如 Date抡锈、 Math）、全局函數(shù)（例如 decodeURI乔外、 isNaN）床三、全局屬性（例如 Infinity、 undefined）

4.熟練應(yīng)用 map杨幼、 reduce撇簿、 filter 等高階函數(shù)解決問題。

7. setInterval需要注意的點(diǎn)差购，使用 settimeout實(shí)現(xiàn) setInterval

8. JavaScript提供的正則表達(dá)式 API补疑、可以使用正則表達(dá)式（郵箱校驗(yàn)、 URL解析歹撒、去重等）解決常見問題。

9. JavaScript異常處理的方式诊胞，統(tǒng)一的異常處理方案

二暖夭、HTML和CSS

HTML

1.從規(guī)范的角度理解 HTML锹杈，從分類和語(yǔ)義的角度使用標(biāo)簽

2.常用頁(yè)面標(biāo)簽的默認(rèn)樣式、自帶屬性迈着、不同瀏覽器的差異竭望、處理瀏覽器兼容問題的方式

3.元信息類標(biāo)簽( head、 title裕菠、 meta)的使用目的和配置方法

4. HTML5離線緩存原理

5.可以使用 CanvasAPI咬清、 SVG等繪制高性能的動(dòng)畫

CSS

CSS盒模型，在不同瀏覽器的差異

CSS所有選擇器及其優(yōu)先級(jí)奴潘、使用場(chǎng)景旧烧，哪些可以繼承，如何運(yùn)用 at規(guī)則

CSS偽類和偽元素有哪些画髓，它們的區(qū)別和實(shí)際應(yīng)用

HTML文檔流的排版規(guī)則掘剪， CSS幾種定位的規(guī)則愕秫、定位參照物栋盹、對(duì)文檔流的影響，如何選擇最好的定位方式青抛，雪碧圖實(shí)現(xiàn)原理

5.水平垂直居中的方案肉微、可以實(shí)現(xiàn) 6種以上并對(duì)比它們的優(yōu)缺點(diǎn)

BFC實(shí)現(xiàn)原理匾鸥，可以解決的問題，如何創(chuàng)建 BFC7.可使用 CSS函數(shù)復(fù)用代碼碉纳，實(shí)現(xiàn)特殊效果

PostCSS勿负、 Sass、 Less的異同村象，以及使用配置笆环，至少掌握一種

CSS模塊化方案、如何配置按需加載厚者、如何防止 CSS阻塞渲染

10.熟練使用 CSS實(shí)現(xiàn)常見動(dòng)畫躁劣，如漸變、移動(dòng)库菲、旋轉(zhuǎn)账忘、縮放等等

CSS瀏覽器兼容性寫法，了解不同 API在不同瀏覽器下的兼容性情況

12.掌握一套完整的響應(yīng)式布局方案

手寫

1.手寫圖片瀑布流效果

2.使用 CSS繪制幾何圖形（圓形熙宇、三角形鳖擒、扇形、菱形等）

3.使用純 CSS實(shí)現(xiàn)曲線運(yùn)動(dòng)（貝塞爾曲線）

4.實(shí)現(xiàn)常用布局（三欄烫止、圣杯蒋荚、雙飛翼、吸頂）馆蠕，可是說出多種方式并理解其優(yōu)缺點(diǎn)

三期升、計(jì)算機(jī)基礎(chǔ)

編譯原理

1.理解代碼到底是什么惊奇，計(jì)算機(jī)如何將代碼轉(zhuǎn)換為可以運(yùn)行的目標(biāo)程序

2.正則表達(dá)式的匹配原理和性能優(yōu)化

3.如何將 JavaScript代碼解析成抽象語(yǔ)法樹( AST)

4. base64的編碼原理

5.幾種進(jìn)制的相互轉(zhuǎn)換計(jì)算方法，在 JavaScript中如何表示和轉(zhuǎn)換

網(wǎng)絡(luò)協(xié)議

1.理解什么是協(xié)議播赁，了解 TCP/IP網(wǎng)絡(luò)協(xié)議族的構(gòu)成颂郎，每層協(xié)議在應(yīng)用程序中發(fā)揮的作用

2.三次握手和四次揮手詳細(xì)原理，為什么要使用這種機(jī)制

3.有哪些協(xié)議是可靠容为， TCP有哪些手段保證可靠交付

5. DNS的作用乓序、 DNS解析的詳細(xì)過程， DNS優(yōu)化原理

5. CDN的作用和原理

6. HTTP請(qǐng)求報(bào)文和響應(yīng)報(bào)文的具體組成坎背，能理解常見請(qǐng)求頭的含義替劈，有幾種請(qǐng)求方式，區(qū)別是什么

7. HTTP所有狀態(tài)碼的具體含義沼瘫，看到異常狀態(tài)碼能快速定位問題

8. HTTP1.1抬纸、 HTTP2.0帶來的改變

9. HTTPS的加密原理，如何開啟 HTTPS耿戚，如何劫持 HTTPS請(qǐng)求

10.理解 WebSocket協(xié)議的底層原理湿故、與 HTTP的區(qū)別

設(shè)計(jì)模式

1.熟練使用前端常用的設(shè)計(jì)模式編寫代碼，如單例模式膜蛔、裝飾器模式坛猪、代理模式等

2.發(fā)布訂閱模式和觀察者模式的異同以及實(shí)際應(yīng)用

3.可以說出幾種設(shè)計(jì)模式在開發(fā)中的實(shí)際應(yīng)用，理解框架源碼中對(duì)設(shè)計(jì)模式的應(yīng)用

四皂股、數(shù)據(jù)結(jié)構(gòu)和算法

JavaScript編碼能力

1.多種方式實(shí)現(xiàn)數(shù)組去重墅茉、扁平化、對(duì)比優(yōu)缺點(diǎn)

2.多種方式實(shí)現(xiàn)深拷貝呜呐、對(duì)比優(yōu)缺點(diǎn)

3.手寫函數(shù)柯里化工具函數(shù)就斤、并理解其應(yīng)用場(chǎng)景和優(yōu)勢(shì)

4.手寫防抖和節(jié)流工具函數(shù)、并理解其內(nèi)部原理和應(yīng)用場(chǎng)景

5.實(shí)現(xiàn)一個(gè) sleep函數(shù)

手動(dòng)實(shí)現(xiàn)前端輪子

1.手動(dòng)實(shí)現(xiàn) call蘑辑、apply洋机、bind

2.手動(dòng)實(shí)現(xiàn)符合 Promise/A+規(guī)范的 Promise、手動(dòng)實(shí)現(xiàn) asyncawait

3.手寫一個(gè) EventEmitter實(shí)現(xiàn)事件發(fā)布洋魂、訂閱

4.可以說出兩種實(shí)現(xiàn)雙向綁定的方案绷旗、可以手動(dòng)實(shí)現(xiàn)

5.手寫 JSON.stringify、 JSON.parse

6.手寫一個(gè)模版引擎副砍，并能解釋其中原理

7.手寫 懶加載衔肢、 下拉刷新、 上拉加載豁翎、 預(yù)加載等效果

數(shù)據(jù)結(jié)構(gòu)

1.理解常見數(shù)據(jù)結(jié)構(gòu)的特點(diǎn)角骤，以及他們?cè)诓煌瑘?chǎng)景下使用的優(yōu)缺點(diǎn)

2.理解 數(shù)組、 字符串的存儲(chǔ)原理心剥，并熟練應(yīng)用他們解決問題

3.理解 二叉樹启搂、 棧硼控、 隊(duì)列、 哈希表的基本結(jié)構(gòu)和特點(diǎn)胳赌，并可以應(yīng)用它解決問題

4.了解 圖、 堆的基本結(jié)構(gòu)和使用場(chǎng)景

算法

1.可計(jì)算一個(gè)算法的時(shí)間復(fù)雜度和空間復(fù)雜度匙隔，可估計(jì)業(yè)務(wù)邏輯代碼的耗時(shí)和內(nèi)存消耗

2.至少理解五種排序算法的實(shí)現(xiàn)原理疑苫、應(yīng)用場(chǎng)景、優(yōu)缺點(diǎn)纷责，可快速說出時(shí)間捍掺、空間復(fù)雜度

3.了解遞歸和循環(huán)的優(yōu)缺點(diǎn)、應(yīng)用場(chǎng)景再膳、并可在開發(fā)中熟練應(yīng)用

4.可應(yīng)用 回溯算法挺勿、 貪心算法、 分治算法喂柒、 動(dòng)態(tài)規(guī)劃等解決復(fù)雜問題

5.前端處理海量數(shù)據(jù)的算法方案

五不瓶、運(yùn)行環(huán)境

瀏覽器API

1.瀏覽器提供的符合 W3C標(biāo)準(zhǔn)的 DOM操作 API、瀏覽器差異灾杰、兼容性

2.瀏覽器提供的瀏覽器對(duì)象模型 ( BOM)提供的所有全局 API蚊丐、瀏覽器差異、兼容性

3.大量 DOM操作艳吠、海量數(shù)據(jù)的性能優(yōu)化(合并操作麦备、 Diff、 requestAnimationFrame等)

4.瀏覽器海量數(shù)據(jù)存儲(chǔ)昭娩、操作性能優(yōu)化

5. DOM事件流的具體實(shí)現(xiàn)機(jī)制凛篙、不同瀏覽器的差異、事件代理

6.前端發(fā)起網(wǎng)絡(luò)請(qǐng)求的幾種方式及其底層實(shí)現(xiàn)栏渺、可以手寫原生 ajax呛梆、 fetch、可以熟練使用第三方庫(kù)

7.瀏覽器的同源策略迈嘹，如何避免同源策略削彬，幾種方式的異同點(diǎn)以及如何選型

8.瀏覽器提供的幾種存儲(chǔ)機(jī)制、優(yōu)缺點(diǎn)秀仲、開發(fā)中正確的選擇

9.瀏覽器跨標(biāo)簽通信

瀏覽器原理

1.各瀏覽器使用的 JavaScript引擎以及它們的異同點(diǎn)融痛、如何在代碼中進(jìn)行區(qū)分

2.請(qǐng)求數(shù)據(jù)到請(qǐng)求結(jié)束與服務(wù)器進(jìn)行了幾次交互

3.可詳細(xì)描述瀏覽器從輸入 URL到頁(yè)面展現(xiàn)的詳細(xì)過程

4.瀏覽器解析 HTML代碼的原理，以及構(gòu)建 DOM樹的流程

5.瀏覽器如何解析 CSS規(guī)則神僵，并將其應(yīng)用到 DOM樹上

6.瀏覽器如何將解析好的帶有樣式的 DOM樹進(jìn)行繪制

7.瀏覽器的運(yùn)行機(jī)制雁刷，如何配置資源異步同步加載

8.瀏覽器回流與重繪的底層原理，引發(fā)原因保礼，如何有效避免

9.瀏覽器的垃圾回收機(jī)制沛励，如何避免內(nèi)存泄漏

10.瀏覽器采用的緩存方案责语，如何選擇和控制合適的緩存方案

Node

1.理解 Node在應(yīng)用程序中的作用，可以使用 Node搭建前端運(yùn)行環(huán)境目派、使用 Node操作文件坤候、操作數(shù)據(jù)庫(kù)等等

2.掌握一種 Node開發(fā)框架，如 Express企蹭， Express和 Koa的區(qū)別

3.熟練使用 Node提供的 API如 Path白筹、 Http、 ChildProcess等并理解其實(shí)現(xiàn)原理

Node的底層運(yùn)行原理谅摄、和瀏覽器的異同

Node事件驅(qū)動(dòng)徒河、非阻塞機(jī)制的實(shí)現(xiàn)原理

六、框架和類庫(kù)

TypeScript

1.理解 泛型送漠、 接口等面向?qū)ο蟮南嚓P(guān)概念顽照， TypeScript對(duì)面向?qū)ο罄砟畹膶?shí)現(xiàn)

2.理解使用 TypeScript的好處，掌握 TypeScript基礎(chǔ)語(yǔ)法

TypeScript的規(guī)則檢測(cè)原理

4.可以在 React闽寡、 Vue等框架中使用 TypeScript進(jìn)行開發(fā)

React

React和 vue選型和優(yōu)缺點(diǎn)代兵、核心架構(gòu)的區(qū)別

React中 setState的執(zhí)行機(jī)制，如何有效的管理狀態(tài)

React的事件底層實(shí)現(xiàn)機(jī)制

React的虛擬 DOM和 Diff算法的內(nèi)部實(shí)現(xiàn)

React的 Fiber工作原理下隧，解決了什么問題

ReactRouter和 VueRouter的底層實(shí)現(xiàn)原理奢人、動(dòng)態(tài)加載實(shí)現(xiàn)原理

7.可熟練應(yīng)用 ReactAPI、生命周期等淆院，可應(yīng)用 HOC何乎、 render props、 Hooks等高階用法解決問題

8.基于 React的特性和原理土辩，可以手動(dòng)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的 React

Vue

1.熟練使用 Vue的 API支救、生命周期、鉤子函數(shù)

MVVM框架設(shè)計(jì)理念

Vue雙向綁定實(shí)現(xiàn)原理拷淘、 Diff算法的內(nèi)部實(shí)現(xiàn)

Vue的事件機(jī)制

5.從 template轉(zhuǎn)換成真實(shí) DOM的實(shí)現(xiàn)機(jī)制

多端開發(fā)

1.單頁(yè)面應(yīng)用（ SPA）的原理和優(yōu)缺點(diǎn)各墨，掌握一種快速開發(fā) SPA的方案

2.理解 Viewport、 em启涯、 rem的原理和用法贬堵，分辨率、 px结洼、 ppi黎做、 dpi、 dp的區(qū)別和實(shí)際應(yīng)用

3.移動(dòng)端頁(yè)面適配解決方案松忍、不同機(jī)型適配方案

4.掌握一種 JavaScript移動(dòng)客戶端開發(fā)技術(shù)蒸殿，如 ReactNative：可以搭建 ReactNative開發(fā)環(huán)境，熟練進(jìn)行開發(fā)，可理解 ReactNative的運(yùn)作原理宏所，不同端適配

5.掌握一種 JavaScript PC客戶端開發(fā)技術(shù)酥艳，如 Electron：可搭建 Electron開發(fā)環(huán)境，熟練進(jìn)行開發(fā)爬骤，可理解 Electron的運(yùn)作原理

6.掌握一種小程序開發(fā)框架或原生小程序開發(fā)

7.理解多端框架的內(nèi)部實(shí)現(xiàn)原理充石，至少了解一個(gè)多端框架的使用。

數(shù)據(jù)流管理

1.掌握 React和 Vue傳統(tǒng)的跨組件通信方案霞玄，對(duì)比采用數(shù)據(jù)流管理框架的異同

2.熟練使用 Redux管理數(shù)據(jù)流赫冬，并理解其實(shí)現(xiàn)原理，中間件實(shí)現(xiàn)原理

3.熟練使用 Mobx管理數(shù)據(jù)流溃列，并理解其實(shí)現(xiàn)原理，相比 Redux有什么優(yōu)勢(shì)

4.熟練使用 Vuex管理數(shù)據(jù)流膛薛，并理解其實(shí)現(xiàn)原理

5.以上數(shù)據(jù)流方案的異同和優(yōu)缺點(diǎn)听隐，不情況下的技術(shù)選型

實(shí)用庫(kù)*

1.至少掌握一種 UI組件框架，如 antd design哄啄，理解其設(shè)計(jì)理念雅任、底層實(shí)現(xiàn)

2.掌握一種圖表繪制框架，如 Echart咨跌，理解其設(shè)計(jì)理念沪么、底層實(shí)現(xiàn)，可以自己實(shí)現(xiàn)圖表

3.掌握一種 GIS開發(fā)框架锌半，如百度地圖 API

4.掌握一種可視化開發(fā)框架禽车，如 Three.js、 D3

5.工具函數(shù)庫(kù)刊殉，如 lodash殉摔、 underscore、 moment等记焊，理解使用的工具類或工具函數(shù)的具體實(shí)現(xiàn)原理

開發(fā)和調(diào)試

1.熟練使用各瀏覽器提供的調(diào)試工具

2.熟練使用一種代理工具實(shí)現(xiàn)請(qǐng)求代理逸月、抓包，如 charls

3.可以使用 Android遍膜、 IOS模擬器進(jìn)行調(diào)試碗硬，并掌握一種真機(jī)調(diào)試方案

4.了解 Vue、 React等框架調(diào)試工具的使用

七瓢颅、前端工程

項(xiàng)目構(gòu)建

1.理解 npm恩尾、 yarn依賴包管理的原理，兩者的區(qū)別

2.可以使用 npm運(yùn)行自定義腳本

3.理解 Babel惜索、 ESLint特笋、 webpack等工具在項(xiàng)目中承擔(dān)的作用

ESLint規(guī)則檢測(cè)原理，常用的 ESLint配置

Babel的核心原理，可以自己編寫一個(gè) Babel插件

6.可以配置一種前端代碼兼容方案猎物，如 Polyfill

Webpack的編譯原理虎囚、構(gòu)建流程、熱更新原理蔫磨， chunk淘讥、 bundle和 module的區(qū)別和應(yīng)用

8.可熟練配置已有的 loaders和 plugins解決問題，可以自己編寫 loaders和 plugin

nginx

1.正向代理與反向代理的特點(diǎn)和實(shí)例

2.可手動(dòng)搭建一個(gè)簡(jiǎn)單的 nginx服務(wù)器堤如、

3.熟練應(yīng)用常用的 nginx內(nèi)置變量蒲列，掌握常用的匹配規(guī)則寫法

4.可以用 nginx實(shí)現(xiàn)請(qǐng)求過濾、配置 gzip搀罢、負(fù)載均衡等蝗岖，并能解釋其內(nèi)部原理

開發(fā)提速

1.熟練掌握一種接口管理、接口 mock工具的使用榔至，如 yapi

2.掌握一種高效的日志埋點(diǎn)方案抵赢，可快速使用日志查詢工具定位線上問題

3.理解 TDD與 BDD模式，至少會(huì)使用一種前端單元測(cè)試框架

版本控制

1.理解 Git的核心原理唧取、工作流程铅鲤、和 SVN的區(qū)別

2.熟練使用常規(guī)的 Git命令、 git rebase枫弟、 git stash等進(jìn)階命令

3.可以快速解決 線上分支回滾邢享、 線上分支錯(cuò)誤合并等復(fù)雜問題

持續(xù)集成

1.理解 CI/CD技術(shù)的意義，至少熟練掌握一種 CI/CD工具的使用淡诗，如 Jenkins

2.可以獨(dú)自完成架構(gòu)設(shè)計(jì)骇塘、技術(shù)選型、環(huán)境搭建袜漩、全流程開發(fā)绪爸、部署上線等一套完整的開發(fā)流程（包括 Web應(yīng)用、移動(dòng)客戶端應(yīng)用宙攻、 PC客戶端應(yīng)用奠货、小程序、 H5等等）

八座掘、項(xiàng)目和業(yè)務(wù)

后端技能

1.了解后端的開發(fā)方式递惋，在應(yīng)用程序中的作用，至少會(huì)使用一種后端語(yǔ)言

2.掌握數(shù)據(jù)最終在數(shù)據(jù)庫(kù)中是如何落地存儲(chǔ)的溢陪，能看懂表結(jié)構(gòu)設(shè)計(jì)萍虽、表之間的關(guān)聯(lián)，至少會(huì)使用一種數(shù)據(jù)庫(kù)

性能優(yōu)化

1.了解前端性能衡量指標(biāo)形真、性能監(jiān)控要點(diǎn)杉编，掌握一種前端性能監(jiān)控方案

2.了解常見的 Web超全、 App性能優(yōu)化方案

SEO排名規(guī)則、 SEO優(yōu)化方案邓馒、前后端分離的 SEO

SSR實(shí)現(xiàn)方案嘶朱、優(yōu)缺點(diǎn)、及其性能優(yōu)化

Webpack的性能優(yōu)化方案

Canvas性能優(yōu)化方案

React光酣、 Vue等框架使用性能優(yōu)化方案

前端安全

XSS攻擊的原理疏遏、分類、具體案例救军，前端如何防御

CSRF攻擊的原理财异、具體案例，前端如何防御

HTTP劫持唱遭、頁(yè)面劫持的原理戳寸、防御措施

業(yè)務(wù)相關(guān)

1.能理解所開發(fā)項(xiàng)目的整體業(yè)務(wù)形態(tài)、業(yè)務(wù)目標(biāo)拷泽、業(yè)務(wù)架構(gòu)庆揩，可以快速定位線上業(yè)務(wù)問題

2.能理解所開發(fā)項(xiàng)目整體的技術(shù)架構(gòu)、能快讀的根據(jù)新需求進(jìn)行開發(fā)規(guī)劃跌穗、能快速根據(jù)業(yè)務(wù)報(bào)警、線上日志等定位并解決線上技術(shù)問題

3.可以將自己的想法或新技術(shù)在業(yè)務(wù)中落地實(shí)踐虏辫，盡量在團(tuán)隊(duì)中擁有一定的不可替代性

————————————————

版權(quán)聲明：本文為CSDN博主「~ climber ~」的原創(chuàng)文章蚌吸，遵循CC 4.0 BY-SA版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明砌庄。

原文鏈接：https://blog.csdn.net/weixin_36430673/article/details/102570963