在package.json中配置： 在vue.config.js中配置： 接下來(lái)，在命令行中運(yùn)行: yarn serve:dev，即可看到打印出的結(jié)果： 假如你想?yún)^(qū)分是ser...
發(fā)簡(jiǎn)信
IP屬地：上海
-
配置--env=dev -
TypeScript 入門(mén)教程 — 內(nèi)置對(duì)象
JavaScript 中有很多內(nèi)置對(duì)象，它們可以直接在 TypeScript 中當(dāng)做定義好了的類型。 內(nèi)置對(duì)象是指根據(jù)標(biāo)準(zhǔn)在全局作用域（Global）上存在的對(duì)象。這里的標(biāo)準(zhǔn)...
-
TypeScript 入門(mén)教程 — 類型斷言
類型斷言（Type Assertion）可以用來(lái)手動(dòng)指定一個(gè)值的類型。 語(yǔ)法： 或 例子： 之前提到過(guò)，當(dāng) TypeScript 不確定一個(gè)聯(lián)合類型的變量到底是哪個(gè)類型的時(shí)候...
-
TypeScript 入門(mén)教程 — 函數(shù)的類型
函數(shù)聲明： 一個(gè)函數(shù)有輸入和輸出，要在 TypeScript 中對(duì)其進(jìn)行約束，需要把輸入和輸出都考慮到，其中函數(shù)聲明的類型定義較簡(jiǎn)單： 注意，輸入多余的（或者少于要求的）參數(shù)...
-
TypeScript 入門(mén)教程 — 數(shù)組的類型
在 TypeScript 中，數(shù)組類型有多種定義方式，比較靈活。 「類型 + 方括號(hào)」表示法： 數(shù)組的項(xiàng)中不允許出現(xiàn)其他的類型 數(shù)組的一些方法的參數(shù)也會(huì)根據(jù)數(shù)組在定義時(shí)約定的...
-
TypeScript 入門(mén)教程 — 對(duì)象的類型——接口
在 TypeScript 中，我們使用接口（Interfaces）來(lái)定義對(duì)象的類型。 什么是接口 TypeScript 中的接口是一個(gè)非常靈活的概念，除了可用于對(duì)類的一部分行...
-
攝影技巧最常用的3種對(duì)焦方式： 單點(diǎn)對(duì)焦（One Shot）/(AF-S) 人工智能伺服對(duì)焦（Al Servo）/(AF-C) 手動(dòng)對(duì)焦（MF） 單點(diǎn)對(duì)焦： 適合拍攝靜態(tài)畫(huà)面，精確拍...
-
TypeScript 入門(mén)教程 — 聯(lián)合類型
聯(lián)合類型表示取值可以為多種類型中的一種 簡(jiǎn)單的例子： 這里的 let myFavoriteNumber: string | number 的含義是，允許 myFavorite...
-
TypeScript 入門(mén)教程 — 類型推論
如果沒(méi)有明確的指定類型，那么 TypeScript 會(huì)依照類型推論（Type Inference）的規(guī)則推斷出一個(gè)類型。 什么是類型推論 以下代碼雖然沒(méi)有指定類型，但是會(huì)在編...
-
TypeScript 入門(mén)教程 — 任意值
任意值（Any）用來(lái)表示允許賦值為任意類型。 什么是任意值類型 如果是一個(gè)普通類型，在賦值過(guò)程中改變類型是不被允許的： 但如果是 any 類型，則允許被賦值為任意類型。 任意...
-
TypeScript 入門(mén)教程—原始數(shù)據(jù)類型
JavaScript 的原始數(shù)據(jù)類型：布爾值、數(shù)值、字符串、null、undefined 以及 ES6 中的新類型 Symbol 在 TypeScript 中的應(yīng)用： 布爾值...
-
TypeScript 入門(mén)教程—簡(jiǎn)介
什么是 TypeScript？ TypeScript 是 JavaScript 的類型的超集，它可以編譯成純 JavaScript。 編譯出來(lái)的 JavaScript 可以運(yùn)...
-
規(guī)則13 — 配置 ETag
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/ETag https://www.cnblogs.com/...
-
規(guī)則14 — 使Ajax可緩存
針對(duì)頁(yè)面中主動(dòng)的Ajax請(qǐng)求返回的數(shù)據(jù)要緩存到本地，當(dāng)然這個(gè)是針對(duì)短期內(nèi)不會(huì)變化的數(shù)據(jù)。如果不確定數(shù)據(jù)變化周期的話，可以增加一個(gè)修改標(biāo)識(shí)的判斷，我正常處理過(guò)程中會(huì)給一些Aja...
-
圖片相關(guān)的優(yōu)化
不同格式圖片常用的業(yè)務(wù)場(chǎng)景： jpg 有損壓縮，壓縮率高，不支持透明，適合大部分不需要透明圖片的業(yè)務(wù)場(chǎng)景。 png 支持透明，瀏覽器兼容好，適合大部分需要透明圖片的業(yè)務(wù)場(chǎng)景。...
-
資源合并與壓縮
深入理解HTTP請(qǐng)求的過(guò)程 是前端優(yōu)化的核心 資源的合并與壓縮： 減少HTTP請(qǐng)求數(shù)量 減少請(qǐng)求資源的大小 HTML 壓縮CSS 壓縮JS 壓縮與混亂 文件合并 -- ...
-
規(guī)則12 — 移除重復(fù)腳本
重復(fù)的js代碼除了有不必要的HTTP請(qǐng)求之外，還會(huì)浪費(fèi)執(zhí)行js的時(shí)間。將你使用的js代碼模塊化，可以很好地避免這個(gè)問(wèn)題。
-
規(guī)則11 — 避免重定向
重定向用于將用戶從一個(gè) URL 重新路由到另一個(gè) URL，重定向有很多種 —— 301和302是最常用的兩種。 重定向會(huì)使你的頁(yè)面變慢。 最常見(jiàn)的Redirect就是301和...
-
規(guī)則10 — 精簡(jiǎn) JavaScript
精簡(jiǎn)是從代碼中移除不必要的字符以減小其大小，進(jìn)而改善加載時(shí)間的實(shí)踐。在代碼被精簡(jiǎn)后，所有的注釋以及不必要的空白字符（空格、換行和制表符）都將被移除。對(duì)于JS而言，這可以改善響...
-
規(guī)則9 — 減少 DNS 查找
DNS查詢有時(shí)間開(kāi)銷，通常一個(gè)瀏覽器查找一個(gè)給定主機(jī)名的IP地址需要20-120ms。 緩存DNS：緩存DNS查詢可以很好地提高網(wǎng)頁(yè)性能，一旦緩存了DNS查詢，之后對(duì)于相同主...