| 2023-06-26 如何使用 Node.js 下載圖片 如何使用 Node.js 下載圖片當你需要程式化地從伺服器下載檔案時，你會如何下載一個檔案呢？ 這個問題讓我自問不已，當我需要從伺服器下載檔案並將其儲存在本地時。 以下是我所使用的程式碼： 1234567891011121314151617const fs = require('fs')const request = require('request')const download = (url, path, callback) =&g ...
| 2023-06-26 Python，創建一個網頁（HTTP）伺服器 Python，創建一個網頁（HTTP）伺服器Python非常容易通過標準庫的http模組來創建一個HTTP伺服器。 特別是，我們將使用http.server對象。 首先，我要提及一種在任意文件夾中運行HTTP伺服器的快速方法，而不需要編寫任何代碼： 1python -m http.server --cgi 8000 這將在8000端口上運行一個HTTP伺服器，提供當前文件夾中的文件。當然，這不是一個像Nginx或Apache那樣功能完整的HTTP伺服器，但對於原型或自己的測 ...
| 2023-06-26 SwiftUI: 瀏覽視圖和修飾器 SwiftUI: 瀏覽視圖和修飾器在 SwiftUI 簡介 文章中，我提到了視圖。 SwiftUI 就是關於視圖的。 還記得 Hello World 應用程式嗎？ 1234567import SwiftUIstruct ContentView: View { var body: some View { Text("Hello World") }} ContentView 是主要的視圖。它的 ...
| 2023-06-26 什麼是 JAMstack？ 什麼是 JAMstack？了解 JAMstack 的意義以及這組技術的優勢 你在過去幾年中一定聽過 JAMstack 這個詞語。 JAMstack 是一組技術，結合使用以實現目標，如果你熟悉 LAMP 和 MEAN 的話，你可能已經知道了。 JAMstack 是什麼意思？ JAM 表示 JavaScript、API 和 Markup。 它描述了在創建網絡應用程式和網站時具有以下特點的趨勢： 有一個“愚蠢”的網絡伺服器（或者CDN），傳送運行應用所需的 HTML，通常是使用靜 ...
| 2023-06-26 使用乏味的技術堆疊的優點 使用乏味的技術堆疊的優點為何我認為在程式設計中選擇乏味的技術堆疊很重要 前幾天有一個人問了我一個問題。這個人想要開始寫部落格，並決定用 Angular 作為前端，自己建立一個部落格平台。 我回答他，如果目標是寫部落格，那麼他必須放棄這個想法，使用現成的解決方案。 我想他不喜歡我的回答，因為我沒有收到回覆，但我想表達的意思是：如果你想要創建一個部落格並且認真對待寫作，那麼你應該使用最乏味和可靠的工具。絕對不要在部落格基礎架構上浪費時間，如果你想進行一些認真的寫作。 技術必須退居 ...
| 2023-06-26 如何使基於CMS的網站離線工作 如何使基於CMS的網站離線工作我如何在現代設備上瀏覽時逐步增強網站的能力 第一個方法：首先緩存 引入服務工作器 使用歷史API修復URL、標題和返回按鈕 修復Google Analytics 第二個方法：以網路為先，丟棄應用殼 簡化：無部分加載 本案例研究說明了如何通過引入一組被稱為漸進式Web應用程序（特別是Service Workers和Cache API）的技術來向基於Grav的網站（一款非常適合開發人員的PHP-based CMS）添加離線工作功能。 當我們完 ...
| 2023-06-26 Swift 中的數字 Swift 中的數字 此教程屬於 Swift 系列。 在 Swift 中，數字擁有兩種主要類型：Int 和 Double。 Int 是一個沒有小數點的整數。Double 是一個帶有小數點的數字。 它們都使用 64 位元，在現代使用 64 位元的電腦上，以及在 32 位元平台上使用 32 位元。 它們可以存儲的值的範圍取決於所使用的平台，並可以通過每種類型的 int 屬性獲取： 此外，除了 Int 和 Double，我們還有許多其他數值類型，主要用於與以前構建的需要與 C ...
| 2023-06-26 Blob 物件 Blob 物件了解 Blob 是什麼以及如何使用它 網頁瀏覽器實作了 Blob 物件，它可以負責存儲數據。 Blob 代表「二進制大型物件」，它是不透明的一組字節。 Blob 可用於許多用途。 它們可以從網路內容中創建，可以保存到磁盤中，或從磁盤中讀取。它們是 FileReader API 中使用的 File 的基礎數據結構，例如。 Blob 可以使用通道消息 API 在 Web Workers 和 iframe 之間進行傳遞，也可以使用推送 API 從服務器傳遞到客戶端。 ...
| 2023-06-26 如何將畫布打印為數據URL 如何將畫布打印為數據URL數據URL是瀏覽器提供的一個有用功能。 我們可以使用圖像來嵌入在HTML本身中，而不是引用文件系統文件，像這樣： 1<img src="data:image/png;base64,iVBORw0KGgoAA…" /> 其中，垃圾部分是由看似隨機的字母和數字組成的，非常長。 我正在使用Canvas API動態生成圖像，並偶然發現了Canvas物件的toDataURL()方法： 1canvas.toDataURL() ...
| 2023-06-26 如何在 HTML canvas 中加載圖像 如何在 HTML canvas 中加載圖像我正在使用 canvas npm 套件以 Canvas API 的方式在伺服器端繪製圖像。 注意：這是 Node.js 中在 canvas 中處理圖像的方式，不同於網頁瀏覽器中的處理方式。 載入 loadImage() 函式： 1const { createCanvas, loadImage } = require('canvas') 建立 canvas： 12345const width ...
| 2023-06-26 如何使用正確的比例嵌入YouTube視頻 如何使用正確的比例嵌入YouTube視頻我遇到了這個問題。 我想在一個頁面中嵌入YouTube視頻，但由於需要使用iframe，我無法弄清如何正確地設置其高度和寬度，以在流動佈局中正常工作。 過了一段時間，我找到了解決方案。 使用React和Tailwind的代碼： 123<iframe className="aspect-video w-full" src={"Youtube嵌入URL"}></i ...
| 2023-06-26 如何使用Netcat 如何使用NetcatNetcat是一個非常有用的Unix指令，我們可以使用它來執行各種網路任務，同時它也非常有用於除錯和學習事物的運作方式。 我們可以透過nc指令來使用Netcat。 使用以下語法連接到任何網路伺服器： nc DOMAIN PORT 例如： nc localhost 8000 一旦連接到伺服器，您可以輸入任何訊息，並且您將看到伺服器發送回的任何回覆。就像是一對一的簡單聊天，您可以在協定的應用層功能上進行工作（如HTTP、FTP、SMTP等）。 使用Netcat ...
| 2023-06-26 如何使用JavaScript將逗號轉換為點 如何使用JavaScript將逗號轉換為點我遇到了一個問題：我有一個字串包含一個十進制數字，但使用者可以用兩種方式來表示，這包含使用點或逗號： 120,320.32 不同的國家使用不同的方法在數字中分隔整數部分和小數部分。 所以我決定在找到逗號時將字串轉換為使用點。 我使用了一個簡單的正則表達式來做到這一點： 123let value = '0,32'value = value.replace(/,/g, '.') //value 現 ...
| 2023-06-26 JavaScript, 如何替換陣列中的元素 JavaScript, 如何替換陣列中的元素如果你知道陣列中的某個元素的索引，你可以通過簡單的賦值來替換它的內容： 1234567const items = ['a', 'b', 'c', 'd', 'e', 'f']const i = 2items[i] = '--NEW-ITEM--'console.log(items)//[ &#x ...
| 2023-06-26 Swift 註解 Swift 註解 本教程屬於Swift系列教程。 在 Swift 中，註解可以有兩種形式：單行註解和多行註解。 單行註解的語法如下： 1//這是一個註解 它可以放在程式碼的行尾： 1let a = 1 //這是一個註解 多行註解使用以下語法： 123/* 這是一個多行註解*/ 在 Swift 中，可以嵌套多行註解： 1234/* 這是一個 /*嵌套的 */ 多行註解*/ 這在對已經包含多行註解的大塊程式碼進行註解時非常方便。 tags: [“Swift”, “註解” ...
| 2023-06-26 如何獲取文件的詳細信息 如何獲取文件的詳細信息給定文件的路徑，可以使用os模組提供的幾種方法來獲取有關該文件的更多信息： os.path.getsize() 返回文件的大小 os.path.getmtime() 返回文件的最後修改日期 os.path.getctime() 返回文件的創建日期（在像 macOS 這樣的 Unix 系統中等於最後修改日期） 這是一個例子： 1234567import osfilename = '/Users/flavio/test.txt'pri ...
| 2023-06-26 演算法複雜度與大O符號 演算法複雜度與大O符號讓我們討論演算法複雜度，特別是在演算法的背景下如何衡量複雜度。 不同的演算法在解決相同問題且輸入相同的情況下，需要不同的時間來解決問題。 有時候，這個差異非常巨大，特別是當它們需要處理的元素數量增加時。 這種複雜度被稱為大O符號，沒有別的原因，只是因為我們通常使用大寫字母O來表示：O(n)、O(1)等等。 最常見的大O符號度量，按效率從高到低排列，是： O(1) O(log n) O(n) O(n * log n) O(n^2) O(n!) 其中n是 ...
| 2023-06-26 JavaScript 日期的完全指南 JavaScript 日期的完全指南在JavaScript中使用日期可能很复杂。学习所有的技巧以及如何使用它们。 处理日期可以很“复杂”。无论使用什么技术，开发人员都会感到痛苦。 JavaScript提供了一个通过强大的内置对象Date来处理日期的功能。 提示：当处理日期时，您可能希望使用一个库。Moment.js和date-fns是最流行的两个。 日期对象一个日期对象实例表示一个时间点。 尽管名字是Date，它也处理时间。 初始化日期对象我们使用以下方式初始化一个日期 ...
| 2023-06-26 讀書癖 讀書癖讀書癖是一個日本詞語，指的是「買書卻不讀，讓它們在家堆積，或者把書放在書架上等待日後閱讀」。 我經常做這種事情。 很久以前，我就開始有這個「愛好」了，但當時我還不知道有個詞可以形容它。 20年前，當我還在大學時，我發現只要連接到校園以太網（還沒有WiFi！），我們就可以獲得一個非常有趣的PDF圖書庫。 我花了下午的時間下載我覺得有趣的書到我的iBook中。 你永遠不知道什麼時候一本書會派上用場，而且當然我也沒有錢就隨便「買書，因為它們可能日後派上用場」。 如今，我喜歡收 ...
| 2023-06-26 Svelte 插槽 Svelte 插槽如何使用 Svelte 中的插槽來定義可組合的組件 插槽是一種方便的方式，讓你能夠定義可以組合在一起的組件。 根據你的觀點，插槽也是一種方便的方式，用於配置正在匯入的組件。 以下是它們的工作原理。 在組件中，你可以使用 <slot /> 或 <slot></slot> 語法來定義插槽。 這是一個簡單將 <button> HTML 標籤輸出的 Button.svelte 組件： 1<button>&l ...
| 2023-06-26 JavaScript演算法：線性搜索 JavaScript演算法：線性搜索線性搜索，也被稱為順序搜索或簡單搜索，是最基本的搜索演算法。給定一個資料結構，例如一個數組，我們通過查看所有元素來搜索某個項目，直到找到為止。 它的實現非常簡單： 1234567const linearSearch = (list, item) => { for (const [i, element] of list.entries()) { if (element === item) { ...
| 2023-06-26 如何列出所有使用者的 PostgreSQL 如何列出所有使用者的 PostgreSQL在 PostgreSQL 資料庫中取得所有使用者的清單及其權限的方法。 從 psql 介面中，執行 \du 指令： 這將會給出系統中所有使用者的清單，以及他們的角色屬性和所屬的角色群組清單。 tags: [“PostgreSQL”, “使用者清單”, “權限”]
| 2023-06-26 CommonJS 簡介 CommonJS 簡介CommonJS 模組規範是 Node.js 中用於處理模組的標準。模組非常方便，因為它們允許你封裝各種功能並將這些功能作為庫暴露給其他 JavaScript 文件。 CommonJS 模組規範是 Node.js 中用於處理模組的標準。 在瀏覽器中運行的客戶端 JavaScript 使用另一種標準，稱為 ES Modules。 模組非常方便，因為它們允許你封裝各種功能並將這些功能作為庫暴露給其他 JavaScript 文件。它們讓你可以創建明確分離且 ...
| 2023-06-26 從哪裡下手購買 Arduino 和電子設備 從哪裡下手購買 Arduino 和電子設備在我的電子教程系列中，我使用了一套我多年來購買的工具。 我確實可以給你一些建議，讓你開始進行我所做的實驗。 Arduino 是一個很棒的項目，我強烈推薦你購買原裝的 Arduino 零件，以支持該項目和整個生態系統。 但是，當你剛開始時，你需要很多小零件，如果單獨購買可能會很貴。你可以找到一些一次性配備許多東西的套件。 特別推薦一個由 Elegoo 生產的套件，你可以在亞馬遜上以53.99美元/45歐元（撰寫時）的價格找到。 ...
| 2023-06-26 我買了bootcamp.dev 我買了bootcamp.dev每年春天，我都會組織一個大型課程。 一個非常大的課程。我的Web 開發訓練營。 我在2020年首次組織了它。 我在2021年再次組織了它。 這兩次無論是報名人數還是對學生的成果都取得了巨大的成功，因此我決定每年都舉辦它。 這是一個為期20週的班級課程。在這裡，我會奉獻我所擁有的一切。 在這五個月裡，我們將深入探討Web 開發的基礎知識，學習純 JavaScript、React、Node.js、Next.js等等。與一個偉大的社區一起學習。 這是一 ...
| 2023-06-26 TypeScript，禁用 “declared but its value is never read” 檢查 TypeScript，禁用 “declared but its value is never read” 檢查如果你聲明了一個變量但從未使用它，TypeScript 將無法編譯，並顯示 '<變量>' 被聲明但其值從未被讀取 的錯誤。 只有在你使用該變量的地方，這個錯誤才會消失。 如果這種情況發生在單行上，你可以在出問題的那一行之前使用注釋 // @ts-ignore，但在這種情況下是無用的，因為該錯誤將會在第二行立即再次發生。 你可以透過打開 ts ...
| 2023-06-26 如何在Python中檢查變量是否為數字 如何在Python中檢查變量是否為數字你可以使用type()函數來檢查變量是否為整數，將變量作為參數傳遞給該函數，然後將結果與int類進行比較： 12age = 1type(age) == int #True 或者使用isinstance()函數，傳遞兩個參數：變量和int類： 12age = 1isinstance(age, int) #True 你可以通過將變量與float進行比較，來檢查數字是否為浮點數： 12fraction = 0.1type(fraction) ...
| 2023-06-26 不要從一個語言跳到另一個 不要從一個語言跳到另一個今天我想談談在學習編程時可能遇到的一個問題。 我收到很多提到這個問題的電子郵件。 以下是一個例子。 你開始學習Python編程。過了一段時間後感到沮喪，失去動力，等等。然後你切換到JavaScript。 你開始學習JavaScript，直到遇到了一個阻礙點，事情變得比預期的困難，或者你不知道接下來應該學習什麼。 對於這個編程事情你感到疲倦，所以你放棄了。 或者你再次切換到另一種語言，希望這次能成功。 我稱之為「從一個語言跳到另一個」。 在網站開發中， ...
| 2023-06-26 使用CSS製作可響應的表格 使用CSS製作可響應的表格一種在移動設備上以美觀方式顯示表格的實用方法 幾天前，我通過Google 搜索控制台收到了一個警告。它在我有一個大表格的頁面上檢測到了移動端可用性問題。 這是給我帶來問題的表格： 在移動設備上，它的渲染效果相當差： 這不是一種良好的用戶體驗，也是Google 搜索控制台上的問題。如果有什麼我不希望看到的就是這樣一個錯誤/警告。尤其還是我能解決的問題。 我使用的靜態網站生成器Hugo允許我將特定於單個頁面的CSS代碼注入，只需將<s ...
| 2023-06-26 成為軟體開發人員的8個好理由 成為軟體開發人員的8個好理由為什麼成為軟體工程師是你未來職涯的好計劃 如果你從7歲起就是一位有天賦的電腦天才，毫無疑問，你將成為一名優秀的軟體工程師。但如果這不是你的情況，為什麼你應該成為那些整天在鍵盤上輸入，讓機器按照你的意願運行的人之一呢？ 我假設你是願意選擇這個職業來謀生，而不僅僅是為了自己的享受。 對於職業的喜愛又是另一個話題，必須仔細評估。 如果你努力工作，卻並不是非常在意電腦，那麼軟體工程將不是一個好選擇，因為為了做得好，你需要花費無數不計其數的時間精緻你的手藝， ...
| 2023-06-26 我對《專注力》這本書的筆記 我對《專注力》這本書的筆記在這篇文章中，我將提煉出我從卡爾·紐波特（Cal Newport）的《專注力》這本書中學到的關鍵概念。我也添加了一些我個人的觀察和經驗。 我會推薦這本書嗎？ 是書籍評分 4/5 這是一本最受推薦的書之一，也是我迄今為止讀過的最好的書之一。我讀了很多書。 這本書的總結是：要做出優秀的工作，你需要將自己置於一個能夠讓你有大量專注、無干擾和無分心的環境中。 這就是你進行深度工作的地方。 這個概念對於程序員來說非常常見。當我們在編寫程式碼時，需要將 ...
| 2023-06-26 React Portals React Portals了解如何使用 React Portals React 16 於 2017 年 9 月发布了 Portals。 Portal 是在組件層次結構之外的地方渲染元素的方法，它位於一個獨立的組件中。 當該元素被渲染時，它上發生的事件將由 React 組件層次結構管理，而不是由 DOM 位置所定義的層次結構管理。 因此有了 “portal” 這個名字：一個元素存在於 DOM 樹的某個位置，超出了普通的 React 組件樹，但包含它的 React 組件樹仍然負責 ...
| 2023-06-26 CSS顏色 CSS顏色學習如何在CSS中使用顏色 默認情況下，網頁瀏覽器在使用顏色方面的渲染效果相當低劣。 我們有白色背景、黑色文字和藍色連結。這只是這樣而已。 幸運的是，CSS給了我們在設計中添加顏色的能力。 我們有以下屬性： color background-color border-color 所有這些屬性都接受一個顏色值，可以以不同的形式呈現。 命名顏色首先，我們有CSS關鍵字定義的顏色。CSS一開始只有16個，但如今有大量的顏色名稱： [中文翻譯略] 除了“tranpare ...
| 2023-06-26 為什麼你應該在下一個專案中使用Node.js？ 為什麼你應該在下一個專案中使用Node.js？在什麼情況下使用Node.js是一個好主意？為什麼選擇Node.js而不是其他解決方案？本文旨在回答這個問題。 在建立任何類型的軟件時，都有大量的Node.js替代方案。 為什麼Node.js是一個好選擇？ 在本文中，我將告訴你一些使用它的好理由。 Node.js是JavaScriptJavaScript可能是世界上最受歡迎的編程語言。 JavaScript是唯一一種可以運行在Web瀏覽器中的語言，這使得它比任何其他語言都具有獨特 ...
| 2023-06-26 將部落格托管到 Cloudflare Pages 將部落格托管到 Cloudflare Pages正如我在 YouTube 上发布的视频 中所预测的那样，上周我将部落格从 Netlify 迁移到了 Cloudflare Pages。 我有一个主要的原因，那就是带宽费用。从去年七月开始，我每个月都需要支付 Netlify 的费用。 我很感谢 Netlify 为我提供的服务，但我必须结束这种情况。每次我要支付额外的带宽费用就是 20 美元。从 2020 年 7 月开始，一直到 2021 年 10 月，我一共支付了 340 美元才 ...
| 2023-06-26 Object的isPrototypeOf()方法 Object的isPrototypeOf()方法了解JavaScript的Object.isPrototypeOf()方法 isPrototypeOf()是在一個物件實例上調用的，它接受一個物件作為參數。如果你調用isPrototypeOf()的物件出現在傳入的物件的原型鏈中，它將返回true，否則返回false。 範例： 1234567891011121314const Animal = { isAnimal: true}const Mammal = O ...
| 2023-06-26 早起（不太早） 早起（不太早）在互聯網上經常能看到有關人們早起的文章。 非常早。 早上6點。早上5點。早上4點！ 我敢肯定你已經看過這種“奮鬥色情”的表演了。有時候他們是“激勵者”。有時候只是試圖扮演努力工作、追求自己目標的人。 他們談論的時候，仿佛已經悟透了一切。 而我無法早起。我真的無法。 如果我早起太早，我無法正常運作。 也許早上我能勤快些，但然後我必須在下午睡覺，否則我就像一個行尸走肉。 我早上7:30或8點起床，我並不感到羞愧。 我保證，即使我這麼晚起床（哈哈），我也能做好事情。 ...
| 2023-06-26 在 React 中更改 Heroicons SVG 的描邊寬度 在 React 中更改 Heroicons SVG 的描邊寬度我在一個 Next.js 應用程序中使用 Heroicons，它們方便地將圖標封裝為 React 組件。 我想要做的一件事是自定義描邊寬度，使它們顯示得更細。 我查看了 JSX 中如何做到這一點，也許使用屬性，但是我找不到方法。 我可以直接從該網站導入 SVG，但我喜歡使用 React 組件的方法。 由於某種原因，我認為直接設置全局 CSS 屬性並不起作用，因為它在 SVG 中是硬編碼的，但實際上它起作用了： 12 ...
| 2023-06-26 SQL，如何更新表結構 SQL，如何更新表結構如何更新 SQL 數據庫表結構 我們可以使用 ALTER TABLE 命令來修改現有的表結構，後面跟著您想要進行的修改： 1ALTER TABLE people ADD COLUMN born\_year INT; 這將添加一個具有空值的新列： 1234 age | name | born\_year -----+--------+----------- 37 | Flavio | 8 | Roger | 要刪除一個列： 1ALTER TABLE ...
| 2023-06-26 ES2017指南 ES2017指南ECMAScript是JavaScript的基礎標準，通常縮寫為ES。了解有關ECMAScript的所有內容，以及ES2017（也稱為ES8）中加入的功能。 字串填充 Object.values() Object.entries() getOwnPropertyDescriptors() 這有什麼用處？ 尾部逗號 Async函式 它們的好處 快速示例 連續使用多個Async函式 共享內存和原子操作 ECMAScript 2017是ECMA-262標 ...
| 2023-06-26 如何在 VS Code 中刪除空白行 如何在 VS Code 中刪除空白行最近，我在 VS Code 中需要處理一個文件，其中有很多個空白行，我希望能夠一次性將它們刪除。 我們談的是超過700個空白行，其中夾雜著一些文字，而我不想手動處理這個問題。 作為一名程序員，我寧願花5分鐘的時間讓任務變得更輕鬆，而不是花同樣的時間來做一個讓人煩惱的工作。 我進行了一番搜尋，找到了這個簡單的方法：用\n\n替換成\n。 我在文件中運行了”全部替換”，一半的行數被刪除了。所以我又再次運行了它，一次又一次，直到只剩下一個空白行。 ...
| 2023-06-26 Linux 指令：top Linux 指令：top快速指南：用於即時列出運行中進程的 top 指令 快速指南：用於即時列出運行中進程的 top 指令 top 指令用於顯示有關系統中運行中進程的動態實時信息。 它非常方便，可以幫助我們了解系統的運行狀況。 它的用法很簡單，只需輸入 top，終端將完全浸入這個新視圖中： 此進程長時間運行。要退出，可以輸入 q 或 ctrl-C。 系統向我們提供了大量的信息：進程數量、正在運行或休眠的進程數、系統負載、CPU 使用率等等。 下面，最大內存和 CPU 占用的 ...
| 2023-06-26 valueOf()方法：物件的取值方法 valueOf()方法：物件的取值方法找出關於JavaScript物件的valueOf()方法的所有資訊。 在物件實例上調用時，返回其基本值。 12const person = { name: 'Fred' }person.valueOf() //{ name: 'Fred' } 這個方法通常只在JavaScript內部使用，很少在使用者代碼中實際被呼叫。 tags: [“JavaScript” ...
| 2023-06-26 使用Chrome DevTools來調試Node.js應用程式 使用Chrome DevTools來調試Node.js應用程式在編程過程中，有時需要快速測試並實驗一段程式碼。對於客戶端程式碼，我們可以輕鬆地進行調試 - 只需在任何頁面上打開Chrome DevTools並開始編寫客戶端JavaScript。 那麼如何對Node.js程式碼進行相同的操作，並且可以進行文件系統和其他Node.js功能的調試呢？實際上非常簡單。 打開你的終端機，運行以下命令： 1node --inspect 然後在Chrome中輸入以下網址：about:// ...
| 2023-06-26 如何在 bash 和 zsh 中設置環境變數 如何在 bash 和 zsh 中設置環境變數在Bash和zsh上操作是相同的，唯一的區別是要分別使用.bashrc和.zshrc來保存它們。 在 shell 中設置環境變數的方法是一樣的： 1$ export VARIABLE=something 要確定已設置成功，輸入以下命令： 1$ $VARIABLE 如果你編輯了一個點文件，要使更改應用於當前的 shell，可以使用source .dotfile。 這適用於 Bash 和 Zsh。 對於 Fish，你需要在前面加上 ...
| 2023-06-26 CSS Padding (CSS 填充) CSS Padding (CSS 填充)如何在 CSS 中使用填充 (padding) padding 是 CSS 中常用的屬性，用於在元素的內側添加空間。 記住： margin 會在元素邊框外添加空間 padding 會在元素邊框內添加空間 特定 padding 屬性 (Specific padding properties) padding 有 4 個相關屬性，可以一次性修改單個邊緣的填充效果： padding-top padding-right padding- ...
| 2023-06-26 Node.js Runtime v8 選項列表 Node.js Runtime v8 選項列表您在啟動 Node.js 程式時可以使用的所有選項 Node.js 可以以各種方式啟動，您可以使用許多選項來配置 Node.js 的行為。 這些選項中的大部分都用於配置 v8 引擎的行為。 這裡列出的某些選項默認情況下是禁用的，就像您在 Default 列中看到的那樣。您可以通過運行 node 並傳遞標誌來啟用它們，例如 node --experimental-extras。 如果一個選項默認是啟用的，您可以通過在標誌名稱前加上 ...
| 2023-06-26 如何解決 React 中的「無法在渲染不同元件時更新元件」錯誤 如何解決 React 中的「無法在渲染不同元件時更新元件」錯誤一個解決 React 錯誤的快速指南 在開發 React / Next.js 應用程式時，我遭遇了以下錯誤： 1無法在渲染不同元件時更新元件 (Cannot update a component ('App') while rendering a different component) 我進行了相關研究，但所找到的資料中有很多混淆的內容。 以下是我的處理方式：我在 App 元件中管 ...
| 2023-06-26 在 macOS 上修復“Rails is not currently installed on this system”錯誤 在 macOS 上修復“Rails is not currently installed on this system”錯誤我試圖安裝Rails，但一直遇到錯誤：“Rails is not currently installed on this system”。 直到我執行了以下步驟後，我才弄明白： 安裝 rvm 1brew install gpg2 1gpg --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2B ...
| 2023-06-26 Linux 命令：grep Linux 命令：grep快速指南 grep 命令，用於在文本中匹配模式。 grep 命令是一種非常有用的工具，當您掌握它時，將在您的日常工作中大大幫助您。 如果您想知道，grep 代表全局正則表達式打印 您可以使用 grep 在文件中搜索，或將其與管道結合以過濾另一個命令的輸出。 例如，這裡是如何在 index.md 文件中查找 document.getElementById 行的出現次數： 1grep -n document.getElementById index. ...