| 2023-06-26 JavaScript中的双重否定运算符!!是做什么用的？ JavaScript中的双重否定运算符!!是做什么用的？你可能在实际的代码中看到过!!运算符。它是什么意思呢？ 假设你有一个表达式，它会给你一个结果。 你希望这个结果是一个布尔值。要么是true，要么是false。 不是一个字符串，0，一个空字符串，undefined，NaN或者其他任何值。只要是true或者false就行。 !!运算符就是为了做到这一点的。 实际上，它是两个否定运算符连在一起。JavaScript中没有!!运算符，但是有!运算符。 它首先对表达式的结果进行否 ...
| 2023-06-26 Styled Components（樣式化元件） Styled Components（樣式化元件）Styled Components是在現代JavaScript中使用CSS的新方法之一。它被認為是CSS模組化的接班人，是一種將CSS寫在單個元件中並且不會泄漏到頁面中其他元素的方式。 簡要歷史 介紹Styled Components 安裝 你的第一個樣式化元件 使用props來自定義元件 擴展現有的樣式化元件 這是常規的CSS 使用供應商前綴 結論 簡要歷史從前，網站非常簡單且沒有CSS存在。我們使用表格和框架來佈局網頁。 ...
| 2023-06-26 過去並非你想像的那般過去 過去並非你想像的那般過去這是一個有趣的觀察。在播客中，我聽到一些人談到過去時都會這樣說： 「2008 年互聯網根本不存在。」 「2012 年沒有人使用 Facebook。」 「過去，眾所周知，在蘋果應用商店上取得成功要容易得多。」 「現在，你不能只是創建一個產品就能成功，你需要大量的市場營銷。」 以及其他類似的說法。 我稍微查找了一下，試圖找到能描述這個概念的術語，但沒有找到。也許 “歷史學家的謬誤” 接近： “歷史學家的謬誤是一種非正式的謬誤，當一個人假設 ...
| 2023-06-26 C 字串介紹 C 字串介紹在 C 語言中，字串是一種特殊的 陣列: 字串是一個由 char 值組成的陣列： 1char name[7]; 當我們介紹資料型別時，我們已經提到 char 型別，簡單來說，它常用於儲存 ASCII 字元。 我們可以像初始化一般陣列一樣來初始化字串： 1char name[7] = { 'F', 'l', 'a', 'v', 'i', 'o&# ...
| 2023-06-26 如何更改 Next.js 應用的端口 如何更改 Next.js 應用的端口了解如何在開發模式下更改 Next.js 運行的端口。 有人問我如何在本地運行使用 Next.js 構建的應用時更改 HTTP 端口。默認情況下，端口號為 3000，但這是一個常用的端口，也許您在該端口上運行了其他服務。 如何更改它呢？ 答案在 Next.js 應用的主文件夾中的 package.json 文件中。 默認情況下，文件內容如下： 123456789101112131415{ "name": &qu ...
| 2023-06-26 使用 Next.js Router 偵測當前鏈接 使用 Next.js Router 偵測當前鏈接在 Next.js 中如何使用 Router 偵測當前鏈接並給予其一個類別，以便我們可以使用 CSS 來為其設置樣式。 當與鏈接一起工作時，一個非常重要的功能就是確定當前 URL，特別是為活動鏈接指定一個類別，以便我們可以將其與其他鏈接區分開來並進行不同的樣式設定。 這在網站的標頭中特別有用。 Next.js 預設的 Link 組件（next/link）並不會自動為我們完成這個功能。 我們可以使用兩種技術。一種是將邏輯添加到 L ...
| 2023-06-26 如何以帶有風格的形式列印您的HTML文件 如何以帶有風格的形式列印您的HTML文件從瀏覽器中列印到打印機或PDF文件時，我們提供了一些使用CSS的提示。 打印CSS CSS @media print 鏈接 頁面邊距 分頁 避免在中間斷裂圖像 PDF大小 調試列印效果 儘管我們越來越多地盯著屏幕，但列印仍然很重要。 即使是博客文章。我記得在2009年的某個時候，我遇到一個人告訴我，他讓他的個人助理打印我發布的每篇博客文章（是的，我詫異地看了一會兒）。絕對出乎意料。 我通常查看列印的主要用例是將內容列印為PDF。我 ...
| 2023-06-26 字符串的 substring() 方法 字符串的 substring() 方法了解 JavaScript 字符串的 substring() 方法 substring() 方法返回字符串的一部分，它与 slice() 方法相似，但有一些关键区别。 如果任何参数为负数，则会被转换为 0。如果任何参数大于字符串的长度，则会被转换为字符串的长度。 所以： 123456'This is my car'.substring(5) //'is my car''This is my ...
| 2023-06-26 Swift 通訊協定 Swift 通訊協定 本教程屬於 Swift 系列 通訊協定是一種讓不同類型的對象具有共同功能的方法。 通訊協定的定義如下： 123protocol Mammal {} 結構體和類別可以採用通訊協定： 1234567struct Dog: Mammal {}class Cat: Mammal {} 通訊協定可以定義屬性和方法，但不提供值和實現，結構體/類別必須實現它們： 1234protocol Ma ...
| 2023-06-26 如何在 JavaScript 中檢查日期是否過去的一天 如何在 JavaScript 中檢查日期是否過去的一天給定一個 JavaScript 日期，如何檢查它是否參考過去的某一天？ 我遇到了這個問題：我想要檢查一個日期是否在參考的日期之前。 僅僅使用 getTime() 進行比較是不夠的，因為日期可能有不同的時間。 我最終使用了這個函數： 1234567const firstDateIsPastDayComparedToSecond = (firstDate, secondDate) => { if (first ...
| 2023-06-26 Linux命令：tar Linux命令：tartar命令是用於創建文件存檔，將多個文件聚合到單個文件中。 它的名稱源於過去，意思是磁帶存檔。當時存檔是存儲在磁帶上的。 以下命令將使用file1和file2的內容創建一個名為archive.tar的存檔： 1tar -cf archive.tar file1 file2 c選項代表創建，f選項用於將存檔寫入文件。 要從當前文件夾中的存檔中提取文件，請使用以下命令： 1tar -xf archive.tar x選項代表提取 要將文件提取到 ...
| 2023-06-26 如何使用 CSS 將項目置於容器底部 如何使用 CSS 將項目置於容器底部學習如何使用 CSS 將項目固定在容器底部 這是一個相當常見的需求，我最近也遇到了這個問題。 我曾經嘗試使用 bottom: 0 給目標元素設定位置，希望將其固定在父元素的底部。 後來發現我漏掉了兩件事：在目標元素上設置 position: absolute，並在父元素上添加 position: relative。 範例代碼： 123456<div class="container-element"> ... ...
| 2023-06-26 Python 2 vs Python 3 Python 2 vs Python 3從一開始就有一個重要的主題需要討論，那就是 Python 2 和 Python 3 的比較。 Python 3 於 2008 年推出，並成為主要的 Python 版本，而 Python 2 則繼續維護修復錯誤和安全漏洞，直到 2020 年初。 在那個日期之後，終止了對 Python 2 的支援。 許多程式仍然使用 Python 2 來撰寫，且組織仍然積極地在進行這方面的工作，因為將程式遷移到 Python 3 不是一個簡單的任務，而且這 ...
| 2023-06-26 Linux命令：cat Linux命令：cat快速指南cat命令，用於將內容添加到文件中 類似於tail，我們有cat。但是cat還可以將內容添加到文件中，這使其非常強大。 在最簡單的用法中，cat將文件的內容打印到標準輸出： 1cat file 您可以打印多個文件的內容： 1cat file1 file2 並使用輸出重定向運算符>將多個文件的內容連接到新文件中： 1cat file1 file2 > file3 使用>>，您可以將多個文件的內容附加到一個新文件中，如果 ...
| 2023-06-26 Python 控制語句 Python 控制語句使用布林值和返回布林值的表達式，我們可以根據它們的 True 或 False 值來做出決策並選擇不同的路徑。 在 Python 中，我們可以使用 if 語句來實現這一點： 1234condition = Trueif condition == True: # 執行某些操作 當條件測試結果為 True 時，像上面的例子一樣，它的代碼塊就會被執行。 什麼是代碼塊？代碼塊是縮進了一級（通常是4個空格）的程式碼塊類型： 12345condition = ...
| 2023-06-26 使用Python將GoPro用作遠程網絡攝像頭 使用Python將GoPro用作遠程網絡攝像頭我有一個GoPro Hero 7 White，最近我發現可以使用一個名為GoPro API for Python的Python包將其用作遠程網絡攝像頭，該包位於https://github.com/konradit/gopro-py-api。 首先使用pip3 install goprocam安裝該包，然後在GoPro上啟用WiFi連接。 這將使GoPro開始一個WiFi網絡。從計算機連接到該網絡。 現在您可以準備編寫Python ...
| 2023-06-26 麵包板電源模組 麵包板電源模組在我的一些電子教程中，我通常會將電路連接到一個9V電池，因為這是非常簡單且容易找到的。 但這並不是最佳的解決方案。首先，電池會隨著時間的推移而耗盡，無法提供所宣稱的9V電壓。 麵包板電源模組通過從電池、12V適配器或其他任何電源的“桶型插孔”輸入，根據我們的需求為電路提供5V或3.3V電壓。我們將很快引入Arduino系列開發板到我們的電路中，而所有的Arduino電路都將使用這些電壓。 有很多不同的模組可供選擇，這是我想要向你展示的電源模組，它是Elegoo套 ...
| 2023-06-26 如何將React應用連接到相同源的後端 如何將React應用連接到相同源的後端如何從同一個源中提供React應用和後端應用，而無需在服務器上使用CORS並擔心端口的問題。 我認為最常用的啟動React應用的方式是使用create-react-app命令，這非常方便。 你可能會遇到的問題之一是如何將React應用與您已經擁有的後端應用程式或您可能想要創建的後端應用程式連接起來。 開發過程中在開發應用程序時，您希望利用熱加載和其他便利的功能。那麼如何在不使用CORS並擔心端口的情況下將其與後端結合起來呢？ 本文將以Ex ...
| 2023-06-26 如何處理 React 中的錯誤 如何處理 React 中的錯誤使用錯誤邊界 (error boundaries) 的最佳實踐來處理 React 中的錯誤 當在組件中發生錯誤時，React 會卸載整個 React 組件樹，渲染出「空白」的頁面。這是 React 處理崩潰的方式。 您不希望錯誤顯示給用戶。React 選擇顯示空白頁面。 然而，這只是默認行為。讓空白頁面出現只比給用戶顯示晦澀的訊息好一點，但您應該找到更好的方式。 如果您處於開發模式，任何錯誤將觸發詳細的堆棧跟踪信息顯示到瀏覽器的開發工具控制台中。 ...
| 2023-06-26 電子基礎：電壓 電子基礎：電壓什麼是電壓？ 我們可以將電壓的概念簡化為電子從較高電壓區域流向較低電壓區域的電位差。 我們用伏特（V）來測量電壓。 電壓越高，電路中流動的電子越多，這就是我們所謂的電流。 想像一個帶有LED燈的電路。你用一個1.5伏特的電池給它供電，LED燈稍微亮起來。如果你再加一個3伏特的電池，燈光就會更亮，因為電路中有更多的電流在流動。 地球的電位為零，也就是0伏特，我們稱之為地。 電壓是一個相對的度量。它測量兩點之間的電位差。所以當我們說5伏特時，是相對於地。 大部分商用 ...
| 2023-06-26 PostgreSQL介紹 PostgreSQL介紹對PostgreSQL數據庫進行高層次的概述 PostgreSQL（也被稱為PostgreSQL）是最受歡迎的SQL數據庫管理系統（DBMS）之一。 它是開源的，個人和商業使用都是免費的，並且它有著悠久的歷史，起源於1996年，建立在其他可追溯到1980年代的軟件之上。 PostgreSQL是一個非常完整和功能豐富的通用關聯數據庫。 它支持大部分的SQL標準，並且在此基礎上建立了一套獨特的功能，為我們提供了一個很好的工具。 您可以在專案主頁找到更多信息 ...
| 2023-06-26 如何使用 JavaScript 來禁用按鈕 如何使用 JavaScript 來禁用按鈕了解如何使用 JavaScript 以程式化的方式禁用或啟用按鈕 HTML 的按鈕元素是少數具有獨立狀態的元素之一。與幾乎所有的表單控件一起使用。 其中一個常見需求是使用 JavaScript 以程式化的方式禁用或啟用按鈕。 例如，您希望僅在文字輸入元素填寫時才啟用按鈕。 或者當特定的複選框被點擊時，例如那些用於表示“已閱讀條款和條件”的複選框，而實際上沒有人會閱讀。 以下是具體操作步驟： 首先，使用document.querySel ...
| 2023-06-26 如何在GitHub上進行首次Pull Request 如何在GitHub上進行首次Pull Request如何在GitHub上編輯項目並創建PR呢？ 關於這個主題有很多教程，但許多教程過於複雜，它們假設你必須為項目做出代碼貢獻，所以還有一些git設置。 如果你只需要編輯一個文件，比如修正項目的README中的拼寫錯誤呢？ 你不需要知道如何編程或如何使用Git來完成這個操作。但是，一旦你開始進行Pull Request，你就可以進行更多事情並與其他人協作項目！也許這會激勵你在以後貢獻代碼。 假設你已經有一個（免費）GitHub帳號 ...
| 2023-06-26 JavaScript中的自定义事件 JavaScript中的自定义事件我们编写的许多代码涉及对事件的反应，例如I/O事件（如鼠标点击或键盘事件）和网络事件（当您监听HTTP调用时）。这就是我所说的内置事件。 在JavaScript中，我们可以创建自定义事件，并且它在浏览器和Node.js中的工作方式不同。 在前端，我们使用浏览器提供的Event对象： 1const anEvent = new Event('start'); 您可以使用以下代码触发事件： 1document.dis ...
| 2023-06-26 我愛書籍 我愛書籍我擁有一個相當豐富的紙質書庫。 其中許多是關於程式設計的，我會說大概有30%。 以前我常常買關於軟體開發的書籍。我會坐火車到大城市，去我知道能找到好書的大型圖書館（還是在 Linux 還以四張 CD 的形式售賣時）。在有預算限制的情況下，書籍基本上是自學程式設計的唯一方式。 我還有相當一部分的書是關於自我提升和個人成長的。我對這個主題非常熱衷。 還有一些是關於商業的書籍。主要是小型企業和獨立運作的書籍。不過我也有一些關於常見初創企業的書籍。 還有一些書是關於有趣人物或 ...
| 2023-06-26 將Vue的數據存儲到localStorage使用Vuex 將Vue的數據存儲到localStorage使用Vuex學習如何自動將Vuex數據存儲到localStorage或sessionStorage中。 在談到數據存儲時，有各種不同的方法可以持久化數據。 其中一種非常簡單，非常適合原型，就是使用Web Storage API：localStorage和sessionStorage。 使用Vue，您可以以多種方式使用該API。其中最簡單的方法之一是依賴於vuex-persist庫。 您可以使用npm或Yarn安裝它： 1234npm ...
| 2023-06-26 JavaScript術語彙集 JavaScript術語彙集前端開發中使用的一些術語指南，這些術語可能對您來說很陌生。 異步 代碼塊 塊級作用域 回調函數 聲明式 回退 函數作用域 不可變性 詞法作用域 兼容性填充 純函數 重新分配 作用域 作用域規則 填充 副作用 狀態 有狀態 無狀態 嚴格模式 樹搖 異步當您啟動某些操作並忘記它時，代碼被稱為異步。在結果準備好之後，您無需等待即可獲取結果。典型的例子是AJAX調用，可能需要幾秒鐘的時間，而在此期間，您可以完成其他工作，當響應準備好時，調用回調函數。P ...
| 2023-06-26 服務與產品 服務與產品公司可以分為兩大類別：服務公司和產品公司。 這兩者之間的差異是令人驚人的。 在我最感興趣的創業公司中，服務公司基本上就是自由職業者。自由職業者就像是被雇用的槍手，可以為其他公司或個人執行工作。其他公司或個人可以聘請這個人來完成他們擅長的事情。 相比之下，產品公司則銷售產品，這些產品可以很容易且廉價地複製，其他公司或個人可以購買這些產品。 這是第一個差異。由於服務公司提供的是服務，這種服務無法輕易地擴展。如果你是一個自由職業者，如果一個工作需要8個小時，你一天只能完成 ...
| 2023-06-26 使用Vue.js建立您的第一個應用程式 使用Vue.js建立您的第一個應用程式如果您從未建立過Vue.js應用程式，我將帶您透過建立一個Vue應用程式的任務，並了解其運作方式。我們即將建立的應用程式已經完成，並且這是Vue CLI的預設應用程式。 第一個範例 在Codepen上查看 第二個範例：Vue CLI的預設應用程式 本地使用Vue CLI 使用CodeSandbox 文件結構 index.html src/main.js src/App.vue src/components/HelloWorld.vu ...
| 2023-06-26 Arduino項目：讀取類比輸入 Arduino項目：讀取類比輸入在這個項目中，我們將使用一個電位計並將其連接到Arduino的類比輸入引腳，並編寫一個程式來讀取當前的值。 在Arduino的第2個項目中，我們學會了如何讀取數字輸入。讀取到的值可以是 0 或 1，LOW 或 HIGH。 這可以通過數字I/O引腳來完成，引腳編號從 0 到 13。 類比I/O引腳以 A 開頭。在Arduino Uno上，您可以找到6個類比I/O引腳 A0 / A5： 在Arduino M ...
| 2023-06-26 Vue.js概述 Vue.js概述Vue是一个非常令人印象深刻的项目。它是一个非常流行的JavaScript框架，目前正经历着巨大的增长。它简单、精简且非常高效。让我们更多地了解它。 首先，什么是JavaScript前端框架？ Vue的流行程度 开发人员为何喜欢Vue? Vue.js在框架领域的定位 Vue是一个非常受欢迎的JavaScript前端框架，目前正在经历快速增长。 它简单（约24KB），非常高效。它与所有其他JavaScript前端框架和视图库都有不同的感觉。我们来找出其中的 ...
| 2023-06-26 c-constants ＃ C常量 介紹在C中處理常量的方式 在上一篇文章中，我介紹了[C中的變量]（/ c-variables-types/）。 在這篇文章中，我想告訴您關於C中所有的常量。 常量的聲明方式與變量類似，只是在之前加上了const關鍵字，並且您總是需要指定一個值。 像這樣： 1const int age = 37; 這在C語言中是完全有效的，儘管通常常量的聲明是大寫的，就像這樣： 1const int AGE = 37; 這只是一個約定，但它在閱讀或撰寫C語言 ...
| 2023-06-26 Swift 變數 Swift 變數 這篇教學文章是 Swift 系列的一部分。 變數可以讓我們將值指派給一個標籤，並使用 var 關鍵字來定義： 12var name = "Roger"var age = 8 一旦定義了一個變數，我們就可以修改它的值： 1age = 9 如果你不想變更變數的值，可以使用 let 關鍵字來定義常數： 12let name = "Roger"let age = 8 禁止修改常數的值。 當你定義一個變數並給它賦值時， ...
| 2023-06-26 如何使 flex 子元素不填充整個高度 如何使 flex 子元素不填充整個高度我有一個水平的項目列表，當一行文字有 2 行時，會有一些額外的空間，並且其 flex 兄弟元素會延伸到整個高度。 這是原始碼： 123456789<li class="flex"> <code class="flex-none text-sm whitespace-normal mr-2 mt-0.5 bg-white text-black p-1 "> {new ...
| 2023-06-26 如何編譯和運行 Go 程式 如何編譯和運行 Go 程式本教程延續我們在《如何建立你的第一個 Go 程式》中所做的內容。 在 hello 資料夾中打開終端機並使用以下命令運行程式： 1go run hello.go 我們的程式成功運行並在終端機上輸出了「Hello, World!」。 go run 工具首先編譯程式，然後運行指定的程式。 你可以使用 go build 建立一個可執行的二進制檔案： 1go build hello.go 這將建立一個 hello 檔案，這是一個可執行的二進制檔案： 在 ...
| 2023-06-26 如何在 JavaScript 中克隆任何物件 如何在 JavaScript 中克隆任何物件在 JavaScript 領域中，我們過去經常需要做各種關於克隆的事情。 為什麼呢？ 因為…引用。 基本類型（字串、數字、布林值…）總是可以正確地 “克隆”，因為它們是按值傳遞的。 其他所有物件（物件、陣列、日期等等）都是物件。而物件是按引用傳遞的。 所以，我們必須使用不同的方式進行深度克隆，否則你會得到同一個物件的引用，只是名稱不同。 但現在已經是 2023 年，我們可以使用 **structuredClone()**。 1con ...
| 2023-06-26 虛擬 DOM 虛擬 DOM虛擬 DOM 是 React 使用的一種技術，用於優化與瀏覽器的互動。 在 React 出現之前，許多現有的框架都是在每次更改時直接操作 DOM。 首先，什麼是 DOM？ DOM（文件物件模型）是頁面的樹狀表示，從 <html> 標籤開始，向下到每個子節點，稱為節點。 它保存在瀏覽器內存中，直接連接到您在頁面上看到的內容。DOM 具有一個 API，您可以使用它來遍歷它，訪問每個節點，過濾它們，修改它們。 如果您沒有使用 jQuery 等提供的抽象 AP ...
| 2023-06-26 如何在 JavaScript 中解構一個物件到現有變數中 如何在 JavaScript 中解構一個物件到現有變數中我遇到了這個問題。我需要呼叫一個函式來取得一些資料： 12345const doSomething = () => { return { a: 1, b: 2 }}const { a, b } = doSomething() 但是我需要將這一行程式碼包裹在一個 if 區塊中，以便只在使用者已登入時執行這行程式碼。然而，將 const 宣告移到 if 區塊 ...
| 2023-06-26 CSS 註解 CSS 註解如何在 CSS 中使用註解 CSS 允許您在 CSS 文件中，或是頁面標頭的 style 標籤中寫註解。 格式是 C-style（或者您喜歡的 JavaScript-style）的註解，使用 /* 這是一個註解 */。 這是一個多行註解。在您添加結束的 */ 標記之前，所有在開頭行之後的行都會被註解掉。 範例： 123456789#name { display: block; } /* 好規則！ *//* #name { displa ...
| 2023-06-26 SwiftUI：列表視圖 SwiftUI：列表視圖列表（List）視圖是在SwiftUI中最常用的視圖之一。 123List { } 在其內部，您可以放置一系列的視圖，例如Text： 看到了嗎？List識別出Text子視圖，並將其放在一行中。 您可以放置多個子視圖，每個List的子視圖將被放在自己的行中： 在列表中，您可以使用Section（選項卡）視圖將項目分組，就像這樣： List的listStyle()修飾符可以讓您自定義列表的外觀，包括： InsetGrouped ...
| 2023-06-26 如何修復youtube-dl的ffmpeg找不到錯誤 如何修復youtube-dl的ffmpeg找不到錯誤我喜歡在睡覺時聽到風扇的嗡嗡聲。自從開始這樣做後，我的睡眠質量完全改變了。 我正在使用youtube-dl從YouTube下載一個風扇嗡嗡聲音軌，然後將其放入音樂應用程序中，命令如下： 1youtube-dl ciD52cwJGCs --extract-audio --audio-format mp3 --prefer-ffmpeg; 但是在下載文件後，我遇到了以下錯誤： ERROR: ffprobe/avprobe a ...
| 2023-06-26 JavaScript 算法：合併排序 JavaScript 算法：合併排序合併排序是一種使用「分治法」概念的排序算法。 給定一個數組，我們首先將其分為兩個數組。 然後我們遞歸執行此操作，直到獲得只有一個元素的數組。 然後，我們從頭開始構建有序數組，通過對獲得的個別元素進行排序。 假設我們的數組是： 1[4, 3, 1, 2] 我們首先將數組分成兩個： 12[4, 3][1, 2] 然後我們遞歸地分割這些數組： 12[4][3] 和 12[1][2] 然後，通過首先對這些元素對進行排序，我們開始構建結果： ...
| 2023-06-26 python-create-empty-file ＃Python 如何創建一個空文件 要創建一個文件，請使用open()全局函數。它接受兩個參數：文件路徑和模式。你可以使用a作為模式，告訴Python以追加模式打開文件： 1234567file = '/Users/flavio/test.txt'open(file, 'a').close()#或者open(file, mode='a').close() 如果文件已經存在，它的內容不會被修改。要清空文件的內容，請改 ...
| 2023-06-26 SQL，將資料添加至資料表 SQL，將資料添加至資料表如何在 SQL 資料庫中插入資料表 一旦你有了一個資料表，你就可以將資料插入其中。 請參考以下範例資料表： 1234CREATE TABLE people ( age INT, name CHAR(20)); 你可以使用 INSERT INTO 命令把資料添加到資料表中，如下所示： 1INSERT INTO people VALUES (37, 'Flavio'); 你可以使用逗號分隔的方式一次性插入多筆資料，如下所示： 1I ...
| 2023-06-26 如何在 JavaScript 中使用頂層等待 如何在 JavaScript 中使用頂層等待學習如何在當前的 v8 中使用這個新功能 通常只能在異步函數內部使用等待。因此通常要宣告立即調用的異步函數表達式來包裹它： 123(async () => { await fetch(/* ... */)})() 或者也可以先宣告一個函數然後再調用它： 12345const doSomething = async () => { await fetch(/* ... */)}do ...
| 2023-06-26 Go 中的介面 Go 中的介面介面是一種型別，它定義了一個或多個方法簽名。 方法並沒有被實現，只有它們的簽名：方法名稱、參數型別和返回值型別。 像這樣： 123type Speaker interface { Speak()} 現在你可以有一個函數接受任何實現了介面所定義的所有方法的型別： 123func SaySomething(s Speaker) { s.Speak()} 並且我們可以將任何實現了這些方法的結構體傳遞給它： 123456789 ...
| 2023-06-26 如何在 macOS Finder 中添加「在終端機中打開」圖示 如何在 macOS Finder 中添加「在終端機中打開」圖示假設我在 Finder 中打開了一個資料夾，而我想要在終端機中打開它。 為了讓這個操作更加方便，我決定在 Finder 中添加一個「在終端機中打開」圖示： 下面是如何實現這一點的方法。 首先打開 Automator，選擇「應用程式」。 在操作列表中搜索「執行 AppleScript」，然後粘貼以下內容： 12345678910111213on run {input, parameters} ...
| 2023-06-26 如何為DOM元素新增類別 如何為DOM元素新增類別TL;DR: 使用element.classList上的add()方法 當你有一個DOM元素的引用時，你可以使用add方法向其添加一個新的類別： 1element.classList.add('myclass') 你可以使用remove方法來刪除一個類別： 1element.classList.remove('myclass') 實現細節：classList不是一個陣列，而是一個DoucmentFragmen ...
| 2023-06-26 如何確保您的輸入欄位僅能上傳圖片 如何確保您的輸入欄位僅能上傳圖片我有一個需要使用檔案上傳圖片的需求，所以我添加了一個小小的 input type="file" 欄位： 1<input type="file"> 我只希望使用者能夠上傳圖片。 這是一個常見的需求，但我總是忘記如何實現。 使用 accept 屬性，將 image/* 傳遞進去以允許上傳所有圖片： 1<input type="file" accept="ima ...
| 2023-06-26 在生產環境部署 Next.js 應用程式 在生產環境部署 Next.js 應用程式如何生成 Next.js 應用程式的生產版本 在生產環境中部署使用 Next.js 開發的應用程式非常簡單。只需將以下 3 行代碼添加到 package.json 的 script 部分： 12345"scripts": { "dev": "next", "build": "next build", "start&qu ...