Vue、React、Angular 常被一起稱作三大框架、現(xiàn)代框架。三大框架是目前驅(qū)動(dòng)前端項(xiàng)目底層的最常用的框架。隨著前端行業(yè)從業(yè)人員的增加，更易上手的 Vue 和 React 占據(jù)了更大部分市場(chǎng)。本章節(jié)不會(huì)探討這些框架的具體用法
2.1 相似之處React 和 Vue 都是 MVVM 框架，它們之間有很多相似之處：兩者都是用于創(chuàng)建 UI 的 JavaScript 庫；兩者的使用都快速輕便；兩者都是基礎(chǔ)組件式的開發(fā)；兩者都使用了虛擬 DOM。2.2 不同之處React 和 Vue 在某些方面也存在一定的差異：Vue 的數(shù)據(jù)可變的，通過對(duì)每一個(gè)屬性建立 Watcher 來監(jiān)聽，當(dāng)屬性變化的時(shí)候，響應(yīng)式的更新對(duì)應(yīng)的虛擬 DOM，而 React 則是基于數(shù)據(jù)不可變，React 需要通過 setState 來觸發(fā)渲染流程，同時(shí)可以通過 shouldComponentUpdate 來控制視圖是否更新;Vue 推薦使用模板語法，把 html、css、js 組合到一起，用各自的處理方式，通過模板引擎來處理。，而 React 則推薦使用 JSX 語法進(jìn)行書寫，React 的思路是 all in js，通過js生成html;React 中的 state 對(duì)象是不可變的，我們不能被直接改變 state 的值，而是需要通過使用 setState() 的方法去更新狀態(tài)，在 Vue 中，state 并不是必須的，數(shù)據(jù)由 data 屬性進(jìn)行管理，我們可以直接修改 data 屬性中的值。
作為一款跨平臺(tái)的優(yōu)秀框架，顯然學(xué)會(huì)react native 也非常重要，所以我們也需要安裝一些相應(yīng)插件，來加速我們的日常開發(fā)。
這是一個(gè)可以快速生成 react native 代碼塊的插件，使用非常簡單，上手之后，寫代碼就嗖嗖的快了。安裝步驟如下：類似的，關(guān)鍵字還有 rncc->rn文檔 cdm->componentDidMount ssc->StyleSheet.create等。更多細(xì)節(jié)詳見
這個(gè)插件可以讓我們只需要敲幾個(gè)字母即可生成大量react代碼，非常實(shí)用，安裝步驟類似，就不贅述了。
同樣css的插件也必不可少，react native 的 css 語法和普通的 css 還是有一點(diǎn)差別的，比如它是駝峰的寫法，比如 fontSize: 20，不過上手之后開發(fā)還是非常快的。類似的關(guān)鍵字還有：fs -> fontSizefw -> fontWeightminh -> minHeight...更多細(xì)節(jié)詳見
使用yarn刪除依賴的命令為 yarn remove ，此命令有幾個(gè)小技巧，給大家介紹一下。從當(dāng)前項(xiàng)目中刪除依賴項(xiàng)：yarn remove lodash一次從所有工作空間中刪除一個(gè)依賴項(xiàng)：yarn remove lodash --all刪除所有以開頭的依賴項(xiàng)eslint-：yarn remove 'eslint-*'刪除@babel范圍內(nèi)的所有依賴項(xiàng)：yarn remove '@babel/*'刪除所有匹配的依賴項(xiàng)react-dom或react-helmet ：yarn remove 'react-{dom,helmet}'
移動(dòng)端應(yīng)用也可以使用 JavaScript 進(jìn)行開發(fā)，如 React Native 或者 Weex 等框架。Weex 框架
在學(xué)習(xí) ECharts 之前你需要掌握一些基礎(chǔ)知識(shí)以便之后的學(xué)習(xí)能夠順利進(jìn)展。HTML 的基本知識(shí)；JavaScript 的基本知識(shí)。當(dāng)然，在客戶的進(jìn)階部分我們也會(huì)對(duì) Vue 與 React 這兩大框架 和 ECharts 的整合做一下講解。所以還需要你根據(jù)所需的了解一些 Vue 和 React 的內(nèi)容。
import requestsr = requests.post('http://idcbgp.cn/search/hotwords')print(r.text)請(qǐng)求結(jié)果如下，格式為 Json：{"result":0,"data":["Vue","Python","Java","flutter","springboot","docker","React","\u5c0f\u7a0b\u5e8f"],"msg":"\u6210\u529f"}
日常工作除了比較火熱的三大框架，實(shí)際上我們還會(huì)接觸到一些使用量相對(duì)較少的框架。本章節(jié)主要講述了其他語言類的相關(guān)插件，比如 React Native，F(xiàn)lutter，MarkDown 等等。
實(shí)際項(xiàng)目中的應(yīng)用界面，通常由多層嵌套的組件組合而成。同樣地，URL 中各段動(dòng)態(tài)路徑也按某種結(jié)構(gòu)對(duì)應(yīng)嵌套的各層組件，例如：/article/vue /article/react+------------------+ +-----------------+| Article | | Article || +--------------+ | | +-------------+ || | Vue | | +------------> | | React | || | | | | | | || +--------------+ | | +-------------+ |+------------------+ +-----------------+借助 vue-router，使用嵌套路由配置，就可以很簡單地表達(dá)這種關(guān)系。在上一小節(jié)中我們學(xué)習(xí)了如何配置一個(gè)路由信息： { path: '路由地址', component: '渲染組件' }要配置嵌套路由，我們需要在配置的參數(shù)中使用 children 屬性： { path: '路由地址', component: '渲染組件', children: [ { path: '路由地址', component: '渲染組件' } ] }
響應(yīng)頭部信息HTTP/1.1 200 OKDate:Sun, 23 Feb 2020 07:31:24 GMTConnection: keep-aliveContent-Encoding: gzipContent-Length: 129Content-Type: application/json; charset=UTF-8...返回了請(qǐng)求的狀態(tài)，200狀態(tài)碼對(duì)應(yīng)的就是成功，還有一些鏈接狀態(tài)，內(nèi)容的編碼，長度，媒體類型等。響應(yīng)的正文{result: 0, data: ["Vue", "Python", "Java", "flutter", "springboot", "docker", "React", "小程序"],…}data: ["Vue", "Python", "Java", "flutter", "springboot", "docker", "React", "小程序"]msg: "成功"result: 0返回了消息的具體信息，這個(gè)消息有可能是一串 html 文本，也可能是 json 串，圖片，附件都有可能，一般是跟 content-type 對(duì)應(yīng)。
本章節(jié)主要講的是目前非?；馃岬膔eactjs的相關(guān)插件，F(xiàn)acebook出品必屬精品。雖然經(jīng)歷過一些風(fēng)波，但是仍然擋不住眾多程序員對(duì)其的喜愛?，F(xiàn)在就跟著我來學(xué)習(xí)一下使用react過程中需要安裝什么插件。
可以看到，我們敲 cdm 然后按下tab鍵即可生成 相應(yīng)代碼：js相關(guān)cdm ->componentDidMount: function() { //...},cwu ->componentWillUpdate: function(nextProps, nextState) { //... },ss ->this.setState({ : });...通過動(dòng)圖，我們可以發(fā)現(xiàn)，react里面的方法等，我們只需要敲出幾個(gè)關(guān)鍵字母即可生成全部代碼。
使用 params 傳參數(shù)我們可以分為兩個(gè)步驟：定義路由以及路由接收的參數(shù)。路由跳轉(zhuǎn)時(shí)傳入對(duì)應(yīng)參數(shù)。首先，我們先了解如何定義路由接收的參數(shù)：const routes = [ { path: '/detail/:name', name: 'detail', component: Detail },]使用 <router-link></router-link> 的方式跳轉(zhuǎn)路由： <!-- router-link 跳轉(zhuǎn) --><router-link :to="{name: 'detail', params: {name: 'React 基礎(chǔ)學(xué)習(xí)'}}">2. React 基礎(chǔ)學(xué)習(xí)</router-link>具體示例：786代碼解釋：在 JS 代碼第 24 行，我們定義了路由 detail，他通過 params 接收一個(gè)參數(shù) name。在組件 Article 中，我們使用 <router-link> 鏈接要跳轉(zhuǎn)的路由并將參數(shù)傳入。在組件 Detail 中，我們將傳入的課程名稱顯示出來。使用 $router 的方式跳轉(zhuǎn)路由： // $router 跳轉(zhuǎn) this.$router.push({ name: 'detail', params: { name: 'Vue 教程' }})具體示例：787代碼解釋：在 JS 代碼第 31 行，我們定義了路由 detail，他通過 params 接收一個(gè)參數(shù) name。在 JS 代碼第 19 行，我們定義了方法 getDetail，該方法通過 $router.push 跳轉(zhuǎn)到詳情頁面，并傳入 name 參數(shù)。在組件 Article 中，當(dāng)我們點(diǎn)擊課程名稱的時(shí)候調(diào)用 getDetail 方法。在組件 Detail 中，我們將傳入的課程名稱顯示出來。
首先，我們?cè)陧?xiàng)目的根路徑下創(chuàng)建 vue.config.js 文件，并在文件中寫如下配置：module.exports = { devServer: { before(app) { app.get("/goods/list", (req, res) => { res.json({ data: [ {name: 'Vue 基礎(chǔ)教程'}, {name: 'React 基礎(chǔ)教程'} ] }); }); } }};我們通過 axios 來獲取接口數(shù)據(jù)。首先需要安裝 axios：npm install axios --save在組件中使用 axios 獲取 Mock 數(shù)據(jù):<script>import axios from "axios";export default { name: "Home", created() { axios.get("/goods/list").then(res => { console.log(res); }); }, components: {}};</script>有時(shí)候，我們需要寫很多的 Mock 數(shù)據(jù)，把所有的數(shù)據(jù)都寫在 vue.config.js 文件中顯然是不合適的，這會(huì)使得文件變得非常大，并且難以維護(hù)。我們可以在項(xiàng)目中創(chuàng)建 Mock 文件夾，把所有數(shù)據(jù)放在 Mock 文件夾中維護(hù)。我們?cè)?Mock 文件夾中創(chuàng)建 list.json[ {"name": "Vue 基礎(chǔ)學(xué)習(xí)"}, {"name": "React 基礎(chǔ)學(xué)習(xí)"}]然后，在 vue.config.js 文件中加載數(shù)據(jù)：const list = require("./mock/list.json");module.exports = { devServer: { before(app) { app.get("/goods/list", (req, res) => { res.json({ data: list }); }); } }};
本章節(jié)我們學(xué)習(xí)了如何安裝react相關(guān)的插件，以及如何使用。同樣還是那句話，快捷鍵那么多，我們只需要記住常用的那幾個(gè)就好了。最好還是學(xué)會(huì)手寫，不然萬一哪天去面試，發(fā)現(xiàn)componentDidMount不會(huì)寫那就尷尬無比了。我們要把寫代碼當(dāng)成一種愛好，一種藝術(shù)，而不是混飯吃的一種差事。
分析我們的需求，想要一個(gè)拖拽組件，提煉出關(guān)鍵詞 drag，然后根據(jù)技術(shù)棧又可以提煉出關(guān)鍵詞 react，那么我們?cè)谒阉骺蛑休斎氲年P(guān)鍵詞就應(yīng)該是這樣一個(gè)組合：記得搜索的時(shí)候一定要選擇 All GitHub，不然你關(guān)鍵詞的查找范圍就這是在當(dāng)前項(xiàng)目中。一看，搜索結(jié)果還挺多的，根據(jù)關(guān)鍵詞可以匹配到 2000 多個(gè)項(xiàng)目，接下來就需要我們進(jìn)一步篩選。
ES5 不能滿足前端的復(fù)雜度，無論是 jQuery 這樣的庫，還是像 Vue 和 React 這樣的框架，都在使用一些降級(jí)的方案來解決現(xiàn)有的問題，所以 ES6 的引入就是為了解決 ES5 以前存在的各種問題。另外，ES6 是一個(gè)大換血的版本，也是一個(gè)分水嶺，標(biāo)志著 JavaScript 向著更高的方向發(fā)展。ES6 也是對(duì) ES5 的增強(qiáng)和升級(jí)。主流的瀏覽器都已經(jīng)全面支持 ES6；行業(yè)內(nèi)較新的前端框架都已經(jīng)全面使用 ES6 的語法；微信小程序，uni-app 等都是基于 ES6 的語法；從就業(yè)出發(fā)，現(xiàn)在公司基本都在使用新的語法，增加必備技能獲得更好的offer。以上都是學(xué)習(xí) ES6 的場(chǎng)景，也是大勢(shì)所趨。
我們學(xué)習(xí)一門新技術(shù)會(huì)關(guān)心它的生命力問題，如果這門技術(shù)在較短時(shí)間內(nèi)就要被淘汰，那花費(fèi)大量的時(shí)間學(xué)習(xí)也是不劃算的。TypeScript 能夠保持長久生命力的另一個(gè)原因，就是統(tǒng)治前端的三大框架對(duì) TypeScript 的支持。Angular 是 TypeScript 最早的支持者，Angular 官方推薦使用 TypeScript 來創(chuàng)建應(yīng)用。React 雖然經(jīng)常與 Flow 一起使用，但是對(duì) TypeScript 的支持也很友好。Vue3.0 正式版即將發(fā)布，由 TypeScript 編寫。從國內(nèi)的氛圍來看，由前端三大框架引領(lǐng)的 TypeScript 熱潮已經(jīng)涌來，很多招聘要求上也都有了 TypeScript 的身影。
如果你想搜索某個(gè)項(xiàng)目的代碼倉庫，那么就可以借助 GitHub 的搜索功能。例如我想搜索 “React” ，就可以在搜索框輸入關(guān)鍵詞并點(diǎn)擊 All GitHub：注意這里有個(gè)快速定位到你想要的結(jié)果的小技巧，就是利用搜索排序，我們一般選擇默認(rèn)的 “Best match” 排序，這個(gè)排序方式一般是基于你的搜索關(guān)鍵詞進(jìn)行一個(gè)綜合評(píng)估，然后得出的先后順序?；蛘呋?“Most stars” 排序，這個(gè)排序方式一般是基于代碼倉庫的 Stars 數(shù)量，毫無疑問，絕大多數(shù)情況下我們要找的代碼倉庫肯定是使用者最多，最出名的項(xiàng)目，所以選擇這種排序方式一般也可以快速定位到我們想要的結(jié)果。
在之前的章節(jié)中，我有提到過一點(diǎn)搜索的小訣竅，但是沒有細(xì)說?，F(xiàn)在我將詳細(xì)講解一下怎么快速精準(zhǔn)得定位到我們想要查找的內(nèi)容，畢竟搜索是我們平時(shí)在使用 GitHub 的過程中是最常用的功能之一，提高搜索效率可以幫我們節(jié)省很多時(shí)間。接下來，我將用一個(gè)例子來一步步展現(xiàn)如何快速搜索到想要的內(nèi)容：假設(shè)我的項(xiàng)目中要使用一個(gè)可以隨意拖拽的組件，而且我的項(xiàng)目是基于 React 技術(shù)棧，想在 GitHub 上面找下有沒有現(xiàn)成的組件可以使用。
6.1.1 直接給指定位置賦值通過下標(biāo)，直接訪問到一個(gè)不存在的成員，然后進(jìn)行賦值，就可以為數(shù)組增加一項(xiàng)。var arr = ['jquery', 'react'];arr[1] = 'vue';arr[2] = 'angular';console.log(arr[2]); // 輸出："angular"console.log(arr.length); // 輸出：36.1.2 push 方法push 方法接收任意個(gè)參數(shù)，這些參數(shù)會(huì)依次添加到數(shù)組的末尾，添加完后返回?cái)?shù)組新的長度。var arr = [1];var length = arr.push(2, 3);console.log(arr); // 輸出：[1, 2, 3]console.log(length); // 輸出：3通常不會(huì)用到這個(gè)返回的長度，可以不需要接收返回值。6.1.3 unshift 方法unshift 接收任意個(gè)參數(shù)，這些參數(shù)會(huì)被添加到數(shù)組頭部，添加完后返回?cái)?shù)組新的長度。var arr = [3];var length = arr.unshift(1, 2);console.log(arr); // 輸出：[1, 2, 3]console.log(length); // 輸出：3
第一個(gè)小程序的出現(xiàn)，帶動(dòng)了許多應(yīng)用推出“小程序”。主流的應(yīng)用都有小程序，如 微信、支付寶、QQ、頭條等等。如果要每個(gè)應(yīng)用主題下都實(shí)現(xiàn)一份相同的小程序，相當(dāng)于維護(hù)四分代碼，每個(gè)平臺(tái)可能還不同邏輯等等，維護(hù)多個(gè)平臺(tái)的通過產(chǎn)品是非常耗費(fèi)時(shí)間精力資源的事情。針對(duì)這個(gè)痛點(diǎn)，就衍生了許多的同構(gòu)框架，即使用一套通用的代碼，生成各個(gè)平臺(tái)下的小程序代碼。這些框架結(jié)合主流框架(React、Vue等)，或者設(shè)計(jì)了一套統(tǒng)一的規(guī)范來統(tǒng)一多端的代碼。目前主流的方案有 Taro、uni-app、Chameleon 等，還有許多方案已經(jīng)停止維護(hù)，不建議繼續(xù)使用。選擇框架盡量慎重，要綜合考慮，非短期的項(xiàng)目更是要考慮到整個(gè)項(xiàng)目的使用場(chǎng)景、開發(fā)人員來決定。
使用 query 傳參的方法相對(duì)簡單，只需要在對(duì)應(yīng)路由跳轉(zhuǎn)的時(shí)候傳入?yún)?shù)即可：使用 <router-link></router-link> 的方式跳轉(zhuǎn)路由： <!-- router-link 跳轉(zhuǎn) --><router-link :to="{path: '/detail', query: { id: 1 }}">2. React 基礎(chǔ)學(xué)習(xí)</router-link>具體示例：788代碼解釋：在組件 Article 中，我們使用 <router-link> 鏈接到要跳轉(zhuǎn)的路由并將參數(shù)傳入。在組件 Detail 中，我們通過 $route.query.id 將傳入的課程 ID 顯示出來。使用 $router 的方式跳轉(zhuǎn)路由： // $router 跳轉(zhuǎn) this.$router.push({ path: '/detail', query: { id: 2 }})具體示例：789代碼解釋：在 JS 代碼第 19 行，我們定義了方法 getDetail，該方法通過 $router.push 跳轉(zhuǎn)到詳情頁面，并通過 query 傳入?yún)?shù) id。在組件 Article 中，當(dāng)我們點(diǎn)擊課程名稱的時(shí)候調(diào)用 getDetail 方法。在組件 Detail 中，我們通過 $route.query.id 把傳入的課程 ID 顯示出來。
數(shù)據(jù)視圖工具用于修改數(shù)據(jù)視圖，通過 toolbox.feature.dataView 項(xiàng)配置，點(diǎn)擊后可以以表格形式展示圖表中包含的數(shù)據(jù)信息；表格本身還支持簡單編輯功能，編輯后會(huì)即時(shí)更新圖表視圖。例如：1333示例效果：toolbox.feature.dataView 有兩個(gè)比較重要的配置項(xiàng)：optionToContent: 自定義數(shù)據(jù)視圖函數(shù)，可以通過該選項(xiàng)配置更豐富的展示方法，函數(shù)簽名： (option:Object) => HTMLDomElement|string；contentToOption: 用于定義如何將數(shù)據(jù)視圖結(jié)果轉(zhuǎn)換為圖表配置項(xiàng)。通過這兩個(gè)函數(shù)，可以做出許多復(fù)雜絢麗的效果，例如使用 react 渲染數(shù)據(jù)視圖：1334Tips：若 optionToContent 返回的是頁面中已經(jīng)存在 DOM 元素時(shí)，ECharts 會(huì)將該元素剪切到數(shù)據(jù)視圖中，這以為著原來位置會(huì)丟失這部分 DOM！例如對(duì)于 optionToContent: document.getElementById('dataview')，一旦執(zhí)行數(shù)據(jù)視圖功能，原來位置上的 dataview 元素將會(huì)被刪除。數(shù)據(jù)視圖工具只對(duì)使用 series.data 配置數(shù)據(jù)的方式有效，不能應(yīng)用在 dataset 上。
接下來我們對(duì)上一小節(jié)的例子來做一個(gè)改造：在文章頁面，我們對(duì)文章進(jìn)行分類，提供兩個(gè)鏈接按鈕 vue、react，點(diǎn)擊可以跳轉(zhuǎn)到對(duì)應(yīng)的文章列表，具體代碼示例如下：760代碼解釋：HTML 代碼第 12-13 行，我們定義了兩個(gè)跳轉(zhuǎn)鏈接。HTML 代碼第 15 行，我們使用 <router-view></router-view> 組件來渲染匹配組件。JS 代碼第 5-7 行，我們定義了組件 Index。JS 代碼第 9-17 行，我們定義了組件 Article，組件內(nèi)部使用 <router-link></router-link> 定義出來兩個(gè)跳轉(zhuǎn)鏈接，使用 <router-view></router-view> 來渲染匹配組件。JS 代碼第 19-21 行，我們定義了組件 VueArticle.JS 代碼第 23-25 行，我們定義了組件 ReactArticle。JS 代碼第 27-43 行，我們定義了路由數(shù)組，在 ‘/article’ 中配置來嵌套路由 childrenJS 代碼第 44-46 行，創(chuàng)建 router 實(shí)例，然后傳 routes 配置。JS 代碼第 49 行，通過 router 配置參數(shù)注入路由。
step1： 雙擊打開 PyCharm，點(diǎn)擊 Create New Project：step2：選擇 Pure Python，提供要?jiǎng)?chuàng)建項(xiàng)目的位置，我把這個(gè)項(xiàng)目放在了我電腦的這個(gè)路徑下 /User/xuxh/PycharmProjects/ 并給這個(gè)項(xiàng)目起名為 demo：上圖左側(cè)面板，列出了 PyCharm 支持的所有項(xiàng)目類型， 除了 Pure Python 我們最為常用的項(xiàng)目類型，也包括現(xiàn)在比較流行的 Web 框架 Django and Flask, 也支持 Google App Engine 框架， 同時(shí)也支持多種當(dāng)前廣泛應(yīng)用的前端 Web 框架， 比如Angular、React 等等?？傊?PyCharm 支持的項(xiàng)目類型是非常豐富的。點(diǎn)擊箭頭，Pycharm 會(huì)找到之前安裝的 Python 解釋器。選擇解釋器， 點(diǎn)擊 Create 按鈕。Tips : 關(guān)于解釋器后面有專門章節(jié)介紹，這里只需按上圖選擇系統(tǒng)解釋器 Python 3.7 即可。返回主頁面，看到初始的項(xiàng)目結(jié)構(gòu)有三部分組成：step3：右擊項(xiàng)目名，新建一個(gè) Python 文件： New -> Python File ：輸入文件名 “hello_world"，然后回車即可創(chuàng)建 hello_world.py 文件。step4：寫一個(gè)簡單的程序，打印 “hello world!!!”：step5：運(yùn)行程序時(shí)需要右鍵點(diǎn)擊編輯區(qū) ，選擇 Run 'hello_world'( 也可點(diǎn)擊菜單 Run -> Run 'hello_world')。step6：進(jìn)入運(yùn)行控制臺(tái)， 我們可以看到 PyCharm 已經(jīng)輸出了 “Hello World!!!”。
這個(gè)技術(shù)在前面章節(jié)有獨(dú)立章節(jié)進(jìn)行講解。事實(shí)上，$.ajax 是基于原生 XMLHttpRequest 進(jìn)行了封裝，并且提供了一套高度統(tǒng)一的設(shè)計(jì)和編程接口。在我們的代碼中，我們一般都這樣寫：$.ajax({ method: 'POST', url: url, data: data, success: function () {}, error: function () {}});或者結(jié)合 deferred 的寫法：$.ajax({ url: url, method: 'GET', data : data}).done(data => { // code}).fail(err => { // code})不吹不黑，jQuery 提供的這一套 Ajax 工具方法真的非常優(yōu)秀，并且經(jīng)歷了這么多年的打磨，其穩(wěn)定性、成熟度自然不必多言。關(guān)于 jQuery 的 Ajax 工具方法的優(yōu)點(diǎn)，在前面章節(jié)已經(jīng)講過。至少從使用體驗(yàn)上來講，簡單易用，功能齊全，以至于我身邊至今依然有很多開發(fā)者在使用這一套工具函數(shù)。然而，隨著技術(shù)的發(fā)展，jQuery 也逐步走向一個(gè)衰弱的過程。越來越多的前端開發(fā)者開始使用諸如 Angular、React 和 Vue 這樣的新型框架。想像一下，如果我們?cè)谝粋€(gè)基本用不到 jQuery 的技術(shù)中進(jìn)行前端開發(fā)，為了要使用 jQuery 的 Ajax 相關(guān)方法而強(qiáng)行引入整個(gè) jQuery，這顯然是不現(xiàn)實(shí)也不可取的。在更新的技術(shù)中，我們將尋求體積更小，更為先進(jìn)的類庫。
