The Will Will Web - JavaScript 記載著 Will 在網路世界的學習心得與技術分享 https://blog.miniasp.com/ http://www.rssboard.org/rss-specification BlogEngine.NET 3.3.7.0 zh-TW https://blog.miniasp.com/opml.axd https://blog.miniasp.com/syndication.axd Will Huang The Will Will Web 24.567110 120.970500 深入理解 bpmfvs 讀音選擇工具:用 JavaScript、詞庫與 IVS 保存多音字讀音 <p>最近我在研究如何替中文文章標註注音,找到 <a href="https://github.com/ButTaiwan/bpmfvs">bpmfvs 注音 IVS 字型規格</a>提供的讀音選擇工具。對這類工具來說,顯示注音只是其中一件事,更麻煩的是同一個字有不同讀音,而且選完之後,還要能複製到其他軟體,甚至更換字型。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2026/10/20/bpmfvs-reading-selector-javascript-ivs#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2026/10/20/bpmfvs-reading-selector-javascript-ivs [email protected] https://blog.miniasp.com/post/2026/10/20/bpmfvs-reading-selector-javascript-ivs#comment https://blog.miniasp.com/post.aspx?id=9cee4e70-e11e-4b1a-9a54-a521d141498b 週一, 19 十月 2026 23:38:24 +0000 介紹好用工具 JavaScript bpmfvs 注音字型 Unicode IVS JavaScript Ruby will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=9cee4e70-e11e-4b1a-9a54-a521d141498b https://blog.miniasp.com/trackback.axd?id=9cee4e70-e11e-4b1a-9a54-a521d141498b https://blog.miniasp.com/post/2026/10/20/bpmfvs-reading-selector-javascript-ivs#comment https://blog.miniasp.com/syndication.axd?post=9cee4e70-e11e-4b1a-9a54-a521d141498b 深入理解 package-lock.json 的用途與適用情境 <p>我最近幫一位同事整理一個已經維護 7 年的 Angular 專案,結果發現一個前後端分離的專案,只有「後端」有設定 CI / CD,前端一直以來都是人工建置與部署。我在弄 CI / CD 的時候,發現了許多 npm 套件版本有依賴問題,為了能消除這些惱人的警告,花了我好幾個小時的時間才得到徹底的解決。我這次會遇到套件依賴問題,就是因為當初的開發人員搞不定,多年來一直都視而不見,依賴問題從來都沒有搞定過,每次換人維護都用 <code>npm install --force</code> 或 <code>npm install --legacy-peer-deps</code> 來解決問題,然後一代傳一代,變成祖傳的慣例,變成技術債。如果專案有個維護妥當的 <code>package-lock.json</code> 檔案,其實要還原套件不是什麼難事,今天這篇文章我就來深入探討這個問題。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2025/03/26/In-depth-understanding-of-the-purpose-and-applicable-scenarios-of-package-lockjson#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2025/03/26/In-depth-understanding-of-the-purpose-and-applicable-scenarios-of-package-lockjson [email protected] https://blog.miniasp.com/post/2025/03/26/In-depth-understanding-of-the-purpose-and-applicable-scenarios-of-package-lockjson#comment https://blog.miniasp.com/post.aspx?id=92b9b3c5-2534-4a9f-b0c5-b61e5ede0a5b 週三, 26 三月 2025 14:40:00 +0000 Angular JavaScript npm package.json package-lock.json will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=92b9b3c5-2534-4a9f-b0c5-b61e5ede0a5b https://blog.miniasp.com/trackback.axd?id=92b9b3c5-2534-4a9f-b0c5-b61e5ede0a5b https://blog.miniasp.com/post/2025/03/26/In-depth-understanding-of-the-purpose-and-applicable-scenarios-of-package-lockjson#comment https://blog.miniasp.com/syndication.axd?post=92b9b3c5-2534-4a9f-b0c5-b61e5ede0a5b 前端工程研究:如何將鍵盤焦點設定在一個無法 focus 的 DIV 元素上 <p>在我們公司所有的專案都在 Azure DevOps Services 上面管理,從專案管理、原始碼版控、CI/CD、文件管理、測試管理、專案報表等等,都在 Azure DevOps Services 上面,所以我們的團隊成員每天都會花很多時間在 Azure DevOps Services 上面協作。雖然 Azure DevOps Services 也提供了很多鍵盤快速鍵,讓使用者可以更快速的操作,但還是沒辦法滿足我們的需求,所以這個假日我就打算在寫一個 Side Project 擴充更多鍵盤快速鍵。原本以為一個小時內可以完成的,結果卻卡關在一個不起眼的功能上,那就是 DIV 元素無法被 focus 的問題,這會導致你將無法透過鍵盤的「空白鍵」來捲動頁面,我為了提升這個小小的 UX 問題,花了好幾個小時才找到答案,這篇文章就來跟大家分享一下我研究出來的解法。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/11/06/Making-Elements-Focusable-with-Tabindex#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/11/06/Making-Elements-Focusable-with-Tabindex [email protected] https://blog.miniasp.com/post/2023/11/06/Making-Elements-Focusable-with-Tabindex#comment https://blog.miniasp.com/post.aspx?id=976e39cd-61aa-4a40-bbf7-37b9230a4117 週一, 6 十一月 2023 05:18:00 +0000 JavaScript 前端工程研究 focus javascript will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=976e39cd-61aa-4a40-bbf7-37b9230a4117 https://blog.miniasp.com/trackback.axd?id=976e39cd-61aa-4a40-bbf7-37b9230a4117 https://blog.miniasp.com/post/2023/11/06/Making-Elements-Focusable-with-Tabindex#comment https://blog.miniasp.com/syndication.axd?post=976e39cd-61aa-4a40-bbf7-37b9230a4117 如何使用 esbuild 打包 JavaScript 應用程式 <p>前幾天我透過 <a href="https://esbuild.github.io/">esbuild</a> 解決了兩個小專案(side project)的 Bundling 問題,執行起來不但速度快,其上手的難度也比 webpack 還低,這篇文章將會介紹 <code>esbuild</code> 的基本使用方式。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/10/28/How-to-use-esbuild-to-bundle-JavaScript-apps#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/10/28/How-to-use-esbuild-to-bundle-JavaScript-apps [email protected] https://blog.miniasp.com/post/2023/10/28/How-to-use-esbuild-to-bundle-JavaScript-apps#comment https://blog.miniasp.com/post.aspx?id=529a827c-3530-4f92-9a35-ead7ee6a6a87 週六, 28 十月 2023 04:18:00 +0000 JavaScript 前端工程研究 esbuild javascript will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=529a827c-3530-4f92-9a35-ead7ee6a6a87 https://blog.miniasp.com/trackback.axd?id=529a827c-3530-4f92-9a35-ead7ee6a6a87 https://blog.miniasp.com/post/2023/10/28/How-to-use-esbuild-to-bundle-JavaScript-apps#comment https://blog.miniasp.com/syndication.axd?post=529a827c-3530-4f92-9a35-ead7ee6a6a87 建立 Node.js 使用 ESM 搭配 TypeScript, ESLint 與 VSCode 的專案範本 <p>我在兩年前曾經寫過一篇<a href="/post/2021/07/18/Build-Nodejs-Dev-Env-with-TypeScript-Nodemon-and-VSCode">如何快速建置一個 Node.js 專案並使用 TypeScript 與 VSCode 進行開發</a>文章,由於現在的 Node.js 大多以 ESM 為主流,TypeScript 也更新到 5.x 版,而且當時的 TSLint 也都被換成 ESLint 為主了,所以這篇文章就來更新一下內容,幫助大家更方便、更快速的建立一個支援 <a href="https://www.typescriptlang.org/">TypeScript</a>, <a href="https://typescript-eslint.io/">ESLint</a>, <a href="https://code.visualstudio.com/">VSCode</a> 與 <a href="https://israynotarray.com/javascript/20210424/616364031/">ESM</a> 並搭配 <a href="https://esbuild.github.io/">esbuild</a> 的專案範本。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/10/25/Nodejs-with-ESM-using-TypeScript-ESLint-esbuild-VSCode#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/10/25/Nodejs-with-ESM-using-TypeScript-ESLint-esbuild-VSCode [email protected] https://blog.miniasp.com/post/2023/10/25/Nodejs-with-ESM-using-TypeScript-ESLint-esbuild-VSCode#comment https://blog.miniasp.com/post.aspx?id=c0540a91-5cca-4bfc-9032-d913cebe4bda 週三, 25 十月 2023 03:59:00 +0000 .NET Core JavaScript node.js esm typescript eslint vscode nodemon ts-node esbuild will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=c0540a91-5cca-4bfc-9032-d913cebe4bda https://blog.miniasp.com/trackback.axd?id=c0540a91-5cca-4bfc-9032-d913cebe4bda https://blog.miniasp.com/post/2023/10/25/Nodejs-with-ESM-using-TypeScript-ESLint-esbuild-VSCode#comment https://blog.miniasp.com/syndication.axd?post=c0540a91-5cca-4bfc-9032-d913cebe4bda 使用 Postman 進行 API 測試的幾個開發小技巧 <p>我們現在經常在專案中大量的使用 <a href="https://www.postman.com/">Postman</a> 進行 API 測試,不但 API 測試變的非常方便,搭配 <a href="https://blog.postman.com/introducing-postbot-postmans-new-ai-assistant/">Postbot</a> 這套內建的 AI 助理,更能夠大幅提昇 API 測試的開發效率。這篇文章我就來分享幾個撰寫 API 測試的小技巧。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/09/15/Writing-API-Testing-with-Postman-and-Postbot#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/09/15/Writing-API-Testing-with-Postman-and-Postbot [email protected] https://blog.miniasp.com/post/2023/09/15/Writing-API-Testing-with-Postman-and-Postbot#comment https://blog.miniasp.com/post.aspx?id=437f9713-f163-4684-a0f7-a4b96954d87b 週五, 15 九月 2023 04:55:00 +0000 JavaScript Web 介紹好用工具 postman postbot api testing will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=437f9713-f163-4684-a0f7-a4b96954d87b https://blog.miniasp.com/trackback.axd?id=437f9713-f163-4684-a0f7-a4b96954d87b https://blog.miniasp.com/post/2023/09/15/Writing-API-Testing-with-Postman-and-Postbot#comment https://blog.miniasp.com/syndication.axd?post=437f9713-f163-4684-a0f7-a4b96954d87b 如何將 Next.js 製作的網站以 Node.js 的方式部署到 Azure Web App <p>要將 <a href="https://nodejs.org/">Node.js</a> 網站部署到 Azure Web App (Windows) 其實有點竅門,一般不熟悉 Windows / IIS 的開發人員要想把手邊的 Node.js 部署到 Azure Web App 通常都會卡關卡好久。這篇文章我就來說說我是如何將我最近翻譯的<a href="https://www.promptingguide.ai/zh">提示工程指南</a>網站部署到 Azure Web App 的,而這是一個用 <a href="https://nextjs.org">Next.js</a> 開發的網站!</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/03/26/How-to-deploy-Nextjs-to-Azure-Web-App-on-Windows#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/03/26/How-to-deploy-Nextjs-to-Azure-Web-App-on-Windows [email protected] https://blog.miniasp.com/post/2023/03/26/How-to-deploy-Nextjs-to-Azure-Web-App-on-Windows#comment https://blog.miniasp.com/post.aspx?id=efeda009-bb10-4e3e-8b07-a3d82e2f5dca 週日, 26 三月 2023 00:38:00 +0000 JavaScript Microsoft Azure node.js next.js Azure Web App will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=efeda009-bb10-4e3e-8b07-a3d82e2f5dca https://blog.miniasp.com/trackback.axd?id=efeda009-bb10-4e3e-8b07-a3d82e2f5dca https://blog.miniasp.com/post/2023/03/26/How-to-deploy-Nextjs-to-Azure-Web-App-on-Windows#comment https://blog.miniasp.com/syndication.axd?post=efeda009-bb10-4e3e-8b07-a3d82e2f5dca 如何利用瀏覽器原生的 Clipboard API 讀寫使用者的剪貼簿資料 <p>我們有時候會在一些網站看到「複製到剪貼簿」功能,它不但可以複製我們肉眼看見的文字,還能複製完整的格式讓你可以貼到 Teams 或 Word 之中,有時還能複製完全客製化的內容,其實這背後都是透過瀏覽器內建的 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API">Clipboard API</a> 達成的。今天這篇文章我就來梳理一下 Clipboard API 的一些用法與地雷。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/02/26/How-to-deal-with-Clipboard-API-to-access-user-clipboard-data#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/02/26/How-to-deal-with-Clipboard-API-to-access-user-clipboard-data [email protected] https://blog.miniasp.com/post/2023/02/26/How-to-deal-with-Clipboard-API-to-access-user-clipboard-data#comment https://blog.miniasp.com/post.aspx?id=cead04b1-b848-4c11-bb32-4b786e343b73 週日, 26 二月 2023 15:52:00 +0000 JavaScript Web 前端工程研究 Clipboard API will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=cead04b1-b848-4c11-bb32-4b786e343b73 https://blog.miniasp.com/trackback.axd?id=cead04b1-b848-4c11-bb32-4b786e343b73 https://blog.miniasp.com/post/2023/02/26/How-to-deal-with-Clipboard-API-to-access-user-clipboard-data#comment https://blog.miniasp.com/syndication.axd?post=cead04b1-b848-4c11-bb32-4b786e343b73 前端效能調校:使用 Partytown 將笨重的 JavaScript 放到 Web Workers 執行 <p>前端效能調校的技法多如牛毛,但最明顯的效能殺手不外乎是 JavaScript 佔用 Main Thread 而導致頁面無法回應的狀況了。最近研究 <a href="https://partytown.qwik.dev/">Partytown</a> 這個函式庫,他用了一個非常巧妙的技巧,把部分 JS 自動切換到 <a href="https://developer.mozilla.org/zh-TW/docs/Web/API/Web_Workers_API/Using_web_workers">Web Workers</a> 背景執行。這篇文章我就來分享如何將 Partytown 安裝到任意網站中。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/01/27/Partytown-Run-Third-Party-Scripts-From-Web-Worker#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/01/27/Partytown-Run-Third-Party-Scripts-From-Web-Worker [email protected] https://blog.miniasp.com/post/2023/01/27/Partytown-Run-Third-Party-Scripts-From-Web-Worker#comment https://blog.miniasp.com/post.aspx?id=0922ea83-d91c-4951-989f-5ad5ad0898fd 週五, 27 一月 2023 15:47:00 +0000 JavaScript Web Partytown Web Workers will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=0922ea83-d91c-4951-989f-5ad5ad0898fd https://blog.miniasp.com/trackback.axd?id=0922ea83-d91c-4951-989f-5ad5ad0898fd https://blog.miniasp.com/post/2023/01/27/Partytown-Run-Third-Party-Scripts-From-Web-Worker#comment https://blog.miniasp.com/syndication.axd?post=0922ea83-d91c-4951-989f-5ad5ad0898fd 當 Azure DevOps 遇到 Angular 專案 npm run build 記憶體不足的解決方案 <p>我們有個大型的 Angular 專案,原本在 Azure Pipelines 的 CI 都很順利,但是一個月前開始變的不穩定,常常會掛掉,而掛掉的原因是「記憶體不足」造成的。本篇文章我打算分享本次問題的 Log 內容,並提供一個解決方法。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/01/22/Azure-DevOps-Angular-npm-run-build-JavaScript-heap-out-of-memory#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/01/22/Azure-DevOps-Angular-npm-run-build-JavaScript-heap-out-of-memory [email protected] https://blog.miniasp.com/post/2023/01/22/Azure-DevOps-Angular-npm-run-build-JavaScript-heap-out-of-memory#comment https://blog.miniasp.com/post.aspx?id=0b7d5d13-dab9-4d74-83e6-c5f209d2b2a0 週日, 22 一月 2023 06:49:00 +0000 Angular Azure DevOps JavaScript javascript angular Azure Pipelines node.js npm Azure DevOps Services will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=0b7d5d13-dab9-4d74-83e6-c5f209d2b2a0 https://blog.miniasp.com/trackback.axd?id=0b7d5d13-dab9-4d74-83e6-c5f209d2b2a0 https://blog.miniasp.com/post/2023/01/22/Azure-DevOps-Angular-npm-run-build-JavaScript-heap-out-of-memory#comment https://blog.miniasp.com/syndication.axd?post=0b7d5d13-dab9-4d74-83e6-c5f209d2b2a0 如何快速建置一個 Node.js 專案並使用 TypeScript 與 VSCode 進行開發 <p>每次要開始寫一個 <a href="https://nodejs.org/">Node.js</a> 搭配 <a href="http://typescriptlang.org/">TypeScript</a> 的專案,都沒有一個能讓自己滿意的專案範本,不然就是網路上經常找到不完整的參考文件。這篇文章我打算建立一個 Node.js 搭配 TypeScript 進行開發的專案範本,完整交代整個建置過程,並用一個簡單的例子說明開發與執行的注意事項。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2021/07/18/Build-Nodejs-Dev-Env-with-TypeScript-Nodemon-and-VSCode#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2021/07/18/Build-Nodejs-Dev-Env-with-TypeScript-Nodemon-and-VSCode [email protected] https://blog.miniasp.com/post/2021/07/18/Build-Nodejs-Dev-Env-with-TypeScript-Nodemon-and-VSCode#comment https://blog.miniasp.com/post.aspx?id=59eed324-aa8c-4e86-afc0-dfb7d4be40f5 週日, 18 七月 2021 15:22:00 +0000 .NET Core JavaScript node.js typescript vscode nodemon punycode esm will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=59eed324-aa8c-4e86-afc0-dfb7d4be40f5 https://blog.miniasp.com/trackback.axd?id=59eed324-aa8c-4e86-afc0-dfb7d4be40f5 https://blog.miniasp.com/post/2021/07/18/Build-Nodejs-Dev-Env-with-TypeScript-Nodemon-and-VSCode#comment https://blog.miniasp.com/syndication.axd?post=59eed324-aa8c-4e86-afc0-dfb7d4be40f5 比對字串在不同程式語言的語法差異 (JS, C#, Java, Go) <p>今天同事提到一個問題,說他看到客戶用 JavaScript 的 <code>&lt;</code> 或 <code>&gt;</code> 來比對日期字串,但我們要將這份邏輯移到後端 Java 應用程式中,由於 Java 沒看到類似的語法,雖然知道有 Java 字串有個 <code>compareTo()</code> 方法可用,但不知道差異在哪裡,也深怕有個未知的地雷會踩到。因為這個需求,我今天寫了 4 種不同程式語言的字串比對差異比較,看的懂程式碼的話,未來應該就知道這幾種語言字串比對的差異在哪裡了。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2021/06/28/String-comparison-in-different-programming-language#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2021/06/28/String-comparison-in-different-programming-language [email protected] https://blog.miniasp.com/post/2021/06/28/String-comparison-in-different-programming-language#comment https://blog.miniasp.com/post.aspx?id=b92ef0bc-9ce3-4314-b8fe-c38c68a1514f 週一, 28 六月 2021 11:15:00 +0000 .NET Framework C# Golang Java JavaScript Java c# javascript Go string will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=b92ef0bc-9ce3-4314-b8fe-c38c68a1514f https://blog.miniasp.com/trackback.axd?id=b92ef0bc-9ce3-4314-b8fe-c38c68a1514f https://blog.miniasp.com/post/2021/06/28/String-comparison-in-different-programming-language#comment https://blog.miniasp.com/syndication.axd?post=b92ef0bc-9ce3-4314-b8fe-c38c68a1514f 前端工程研究:關於 JavaScript 的物件藍圖建立方法 <p>我們都知道 JavaScript 物件建立的過程,大多都不需要事先設計「藍圖」就可以建立「物件」,不像 <code>C#</code> 或 <code>Java</code> 等強型別語言,需要先設計「藍圖」(也就是類別),才能產生物件。在 ES2015 出來之前,並沒有 <code>class</code> 語法,而是使採用<strong>以原型為基礎</strong>的物件導向設計模式 (Prototype-based OO)。本篇文章將介紹幾種在 JavaScript 裡面建立物件藍圖的方式。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2020/06/19/JavaScript-Object-in-depth#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2020/06/19/JavaScript-Object-in-depth [email protected] https://blog.miniasp.com/post/2020/06/19/JavaScript-Object-in-depth#comment https://blog.miniasp.com/post.aspx?id=3d90d149-66c1-42f3-a788-aab4fcfbd916 週五, 19 六月 2020 15:58:00 +0000 JavaScript 前端工程研究 javascript oop class prototype JS開發實戰 will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=3d90d149-66c1-42f3-a788-aab4fcfbd916 https://blog.miniasp.com/trackback.axd?id=3d90d149-66c1-42f3-a788-aab4fcfbd916 https://blog.miniasp.com/post/2020/06/19/JavaScript-Object-in-depth#comment https://blog.miniasp.com/syndication.axd?post=3d90d149-66c1-42f3-a788-aab4fcfbd916 前端工程研究:關於 JavaScript 中 Number 型別的常見地雷與建議作法 <p>在 JavaScript 的型別系統中,數值型別(<a href="https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Number">Number</a>)應該是數一數二的地雷型別。今天這篇文章,我想來深度探討 Number 型別的各種魔鬼般的細節,也談談 Number 的常見地雷與建議作法。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2020/02/21/JavaScript-Numbers-Deep-Dive#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2020/02/21/JavaScript-Numbers-Deep-Dive [email protected] https://blog.miniasp.com/post/2020/02/21/JavaScript-Numbers-Deep-Dive#comment https://blog.miniasp.com/post.aspx?id=46fc49e6-bc67-4838-9990-d209680852ed 週五, 21 二月 2020 03:07:00 +0000 JavaScript 前端工程研究 javascript 數值 JS開發實戰 will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=46fc49e6-bc67-4838-9990-d209680852ed https://blog.miniasp.com/trackback.axd?id=46fc49e6-bc67-4838-9990-d209680852ed https://blog.miniasp.com/post/2020/02/21/JavaScript-Numbers-Deep-Dive#comment https://blog.miniasp.com/syndication.axd?post=46fc49e6-bc67-4838-9990-d209680852ed 如何將 Protractor 設定檔 (protractor.conf.js) 加入 TypeScript 型別檢查 <p>現在日常的 JavaScript 已經完全離不開 <a href="https://www.typescriptlang.org/">TypeScript</a> 了,在強型別的保護下,不但不容易寫出錯誤的代碼,還能透過開發工具提供的 IntelliSense 提高開發速度。但是如果手邊的程式碼只能使用 JS 來撰寫,那該怎麼辦呢?像是 <a href="https://www.protractortest.org/">Protractor</a> 的設定檔 <code>protractor.conf.js</code> 就是一個典型的例子,本篇文章我將分享如何在現有 JavaScript 檔案下使用 TypeScript 的型別檢查提示。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2019/03/20/How-to-Add-Type-Checking-for-Protractor-Config-File#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2019/03/20/How-to-Add-Type-Checking-for-Protractor-Config-File [email protected] https://blog.miniasp.com/post/2019/03/20/How-to-Add-Type-Checking-for-Protractor-Config-File#comment https://blog.miniasp.com/post.aspx?id=e5887bc3-03d5-4621-b6ff-f7f58eb14733 週三, 20 三月 2019 12:54:00 +0000 Angular JavaScript Protractor typescript will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=e5887bc3-03d5-4621-b6ff-f7f58eb14733 https://blog.miniasp.com/trackback.axd?id=e5887bc3-03d5-4621-b6ff-f7f58eb14733 https://blog.miniasp.com/post/2019/03/20/How-to-Add-Type-Checking-for-Protractor-Config-File#comment https://blog.miniasp.com/syndication.axd?post=e5887bc3-03d5-4621-b6ff-f7f58eb14733