| 2023-06-26 pnpm是什麼？ pnpm是什麼？介紹pnpm，一個可以節省磁碟空間的npm替代方案 最近，我曾提到過我們有著巨大的node_modules文件夾，以及為什麼這並不一定是一個壞事，但是減少硬盤空間的佔用肯定是更好的，對吧？ 在硬盤上節省的每一個位元都可以用來存放除了函式庫代碼之外的其他東西，我在2010年購買的MacBook Pro上有一個512GB的SSD，但在2019年，一些全新的電腦只有一個128GB的SSD（當提到硬碟空間時，摩爾定律似乎出了一些問題）。 其中一種方式是將函式庫代碼存儲 ...
| 2023-06-26 React，如何修復TypeError: resolver is not a function錯誤 React，如何修復TypeError: resolver is not a function錯誤我在處理一個Next.js/React應用程式時遇到了這個相當困惑的錯誤訊息： 1TypeError: resolver is not a function 結果解決方法非常簡單。 我正在進行一些編輯，並且將我正在編輯的API呼叫的預設匯出的組件註釋掉了： 1export default <name> 所以，請確保你有一個預設匯出，錯誤就會消失。 tag ...
| 2023-06-26 Linux指令：du Linux指令：du快速指南，了解用於計算文件和目錄的空間使用情況的du指令。 du指令將計算整個目錄的大小： 1du 這裡的數字32表示以位元組為單位的值。 運行du *將計算每個文件的個別大小： 您可以使用du -m將du設置為以兆字節顯示值，使用du -g可以顯示吉字節。 -h選項將以人類可讀的方式顯示大小，並根據大小進行自動適應： 添加-a選項還會打印出目錄中每個文件的大小： 一個很方便的操作是按大小對目錄進行排序： 1du -h <directory ...
| 2023-06-26 Linux指令：history Linux指令：history這是一個關於history指令的快速指南，該指令用於查看命令行歷史記錄。 每次執行一個指令，它都會記錄在歷史中。 您可以使用以下命令顯示所有的歷史記錄： 1history 這會顯示帶有編號的歷史記錄： 您可以使用語法!<command number>來重複執行存儲在歷史記錄中的指令，在上面的例子中輸入!121將重複執行ls -al | wc -l指令。 通常，最近的500個指令都會被保存在歷史中。 您可以結合使用grep來查找您運 ...
| 2023-06-26 如何在 macOS Finder 中隱藏文件或文件夾 如何在 macOS Finder 中隱藏文件或文件夾我對 macOS 在我的用戶文件夾中自動生成一個沒有任何理由的 Public 文件夾感到有些困擾。 我無法刪除它，因為這是一個系統文件夾。 所以我找到了一個方法來隱藏它。 打開終端並運行 chflags hidden <path> 命令，像這樣： 1chflags hidden Public 完成了！ 如果需要將其恢復為可見，使用以下命令： 1chflags nohidden <path> tag ...
| 2023-06-26 如何確保樹莓派始終有相同的IP地址 如何確保樹莓派始終有相同的IP地址這是一個逐步指南，介紹了如何設置路由器，在局域網中為樹莓派分配一個靜態DHCP IP地址。 最近，我買了一台樹莓派來進行測試並實現一些我構想的項目，並在安裝了專為樹莓派設計的Linux版本Debian（即Raspbian）後，我遇到了一個問題。 我使用HDMI線將樹莓派連接到電視上，並連接了一個USB鼠標和USB鍵盤來安裝操作系統並進行連接。 然後，我設置了在Mac上從樹莓派連接的VNC服務器。 當我斷開所有這些電纜，只讓樹莓派連接到電源線時 ...
| 2023-06-26 Arduino Uno WiFi rev 2開發板 Arduino Uno WiFi rev 2開發板Arduino Uno是一個微控制器板。目前它是Arduino的參考版本，最新的官方Arduino設備版本是Arduino Uno WiFi rev 2。 它具有與Arduino 101、Arduino Zero、Arduino Yún、Arduino Leonardo、Arduino Uno和Arduino Ethernet相同的形狀和尺寸。 它採用8位元微控制器ATmega4809，搭配48 KB的快閃記憶體、6 KB的 ...
| 2023-06-26 從教學製作者的角度談教學煉獄 從教學製作者的角度談教學煉獄如何停止閱讀教學並開始做事 在學習過程中，總有個時刻你會意識到： 你已經掌握了開始實現你想法所需的知識。 要建立應用程式並不需要成為JavaScript巫師。你只需要掌握基礎知識，並有動力解決困難。 擁有個人關心的專案是克服不可避免的障礙的最好動力。 我是個聽Podcast的重度聽眾，尤其喜歡一些人描述從零開始到產品上線的旅程的集數。很多時候，這些人從零知識開始，在需要時建立技能。不會預先學習太多東西，只會在必要時才做。 解決所有的問題你要如何 ...
| 2023-06-26 如何將您的 S3 存儲桶設為公開 如何將您的 S3 存儲桶設為公開我之前寫過一篇關於如何上傳圖片至 S3 的文章。 在我準備好 S3 存儲桶，並且成功上傳了圖片並將 URL 存儲在數據庫後，我發現這些圖片無法被公開以只讀的方式訪問。 圖片雖然存在，但任何人都無法查看。 如果我試圖訪問它，只會看到類似下面這樣的錯誤信息： 12345678<Error><Code>AccessDenied</Code><Message>Access Denied</Messa ...
| 2023-06-26 如何使用useRef React hook 如何使用useRef React hook了解useRef React hook的用途，以及如何使用它！ 如果您对React hooks还不熟悉，请先查看我的React hooks简介。 我有时会使用一个React hook，那就是useRef。 1import React, { useRef } from 'react' 这个hook使我们可以以命令式的方式访问DOM元素。 这是一个例子，我在控制台打印了包含计数值的span元素 ...
| 2023-06-26 Linux命令：kill Linux命令：kill快速指南kill命令，用於向當前運行的進程發送信號 Linux進程可以接收信號並對其作出反應。 這是我們與運行中的程序互動的一種方式。 kill程序可以向程序發送各種信號。 它不僅僅用於終止程序，正如其名所示，但這是它的主要工作。 我們可以這樣使用： 1kill <PID> 默認情況下，這會向指定的進程ID發送TERM信號。 我們可以使用標誌來發送其他信號，包括： 123456kill -HUP <PID>kill -INT ...
| 2023-06-26 如何根據需求重新渲染 Svelte 元件 如何根據需求重新渲染 Svelte 元件如何在需要時重新渲染 Svelte 元件，特別是在需要再次運行函數屬性時重新渲染。 昨天我遇到了這個問題：我正在使用一個日期選擇器 Svelte 元件 - 其中有兩個實例。 為了讓您更了解背景，我想設置一個開始日期和一個結束日期： 當您點擊開始日期時，日期選擇器會出現： 當您點擊結束日期時，第二個日期選擇器會出現： 問題在於根據開始日期，結束日期有一些限制。例如，一個合理的限制是您不能設置早於開始日期的結束日期。 日期選擇器元件公 ...
| 2023-06-26 React：如何製作響應式的 JSX React：如何製作響應式的 JSX我需要在 React 中，讓側邊欄在大螢幕上呈現一種樣式，而在較小螢幕上呈現另一種樣式，所以我希望能夠在 JSX 中偵測到響應式佈局的變化。 就像這樣： 您可以使用 react-responsive 套件來實現這一點。 1npm install react-responsive 然後您可以引入 useMediaQuery 鉤子： 1import { useMediaQuery } from 'react- ...
| 2023-06-26 React概念：不變性 React概念：不變性什麼是不變性？它在React世界中扮演怎樣的角色？ 在React編程中，你可能會遇到的一個概念就是不變性（和其反面，可變性）。 不管你對不變性的概念有什麼看法，React及其大部分生態系統基本上都強制了這一點，所以你至少需要了解為什麼它如此重要以及它的影響。 在編程中，當變量的值在創建後無法更改時，該變量就是不可變的。 當你操作字符串時，你可能已經在不知不覺中使用了不可變變量。字符串在默認情況下是不可變的，當你改變它們時，實際上是創建了一個新的字符串並將 ...
| 2023-06-26 JavaScript三元運算子 JavaScript三元運算子學習JavaScript三元運算子的基礎知識 三元運算子是JavaScript中唯一可以使用3個運算元的運算子，它是一種表示條件語句的簡潔方式。 它的語法如下： 1<condition> ? <expression> : <expression> 條件 <condition> 將被求值為布林值，在根據結果，運算子將運行第一個表達式（如果條件為真）或第二個表達式。 以下是一個示例：我們檢查 runn ...
| 2023-06-26 如何同時推送到兩個存儲庫並保持同步 如何同時推送到兩個存儲庫並保持同步我曾經有這樣的需求：有兩個GitHub存儲庫需要包含完全相同的內容。無論何時我推送更改，這些更改都必須同時發送到這兩個存儲庫，而不需要額外的工作。 以下是我所做的： 我已經有一個工作中的存儲庫，其中包含一些代碼，並在Git中設置為“origin”遠程。 我在GitHub上創建了一個新的空存儲庫，並將其設置為“origin”遠程的另一個URL： 12git remote set-url --add --push origin [[email p ...
| 2023-06-26 Linux命令：nohup Linux命令：nohup快速指南：nohup命令用於運行一個在終端被關閉後不結束的命令。 有時候你需要在遠程機器上運行一個長時間運行的進程，然後需要斷開連接。 或者你只是想要防止命令在你和服務器之間出現任何網絡問題時停止運行。 在註銷或關閉到服務器的會話後繼續運行一個命令的方法是使用nohup命令。 使用nohup <command>讓進程在你註銷後繼續運行。 nohup命令在Linux、macOS、WSL和任何使用UNIX環境的地方都可以運行。 tags: [ ...
| 2023-06-26 SQL, 處理空值儲存格 SQL, 處理空值儲存格如何處理 SQL 資料庫中的空資料 當我們以以下方式建立表格時： 1234CREATE TABLE people ( age INT, name CHAR(20)); SQL 可以自由接受空值作為記錄： 1INSERT INTO people VALUES (null, null); 這可能是個問題，因為現在我們有一個具有 null 值的列： 12345 age | name -----+-------- 37 | Flavio 8 | Ro ...
| 2023-06-26 Object setPrototypeOf() 方法 Object setPrototypeOf() 方法了解 JavaScript Object 物件的 setPrototypeOf() 方法。 設置物件的原型。 別忘了，還能參閱我的 JavaScript 原型繼承 指南喔！ 接受兩個參數：物件和原型。 用法： 1Object.setPrototypeOf(物件, 原型) 範例： 123456789101112131415161718const Animal = {}Animal.isAnimal = ...
| 2023-06-26 如何解決Chrome的藍色噪點/線條渲染問題 如何解決Chrome的藍色噪點/線條渲染問題今天我遇到了這個問題 - 我將我的電腦 (MacBook Pro 16” 2019) 從睡眠中喚醒時，我看到了這個畫面: 很奇怪，對吧？ 我重新載入頁面 - 問題依舊存在。 我記得幾周前我遇到了同樣的問題。 當時我重新啟動了電腦，問題就消失了。但我不喜歡重啟。如果可以的話，我可以幾個月都不重啟一次。 所以我試著關閉Chrome - 沒有效果。 我還注意到這個問題在一個基於Electron的應用程式Workflowy上也有 ...
| 2023-06-26 Arduino 項目：tone() 函式 Arduino 項目：tone() 函式Arduino 語言提供的 tone() 函式可以用於使用被動蜂鳴器播放音符。 結合不同的 tone() 調用，我們可以播放曲子。 以下是使用方式： 1tone(<PIN>, <FREQUENCY>) 例如，在連接到引腳 8 的蜂鳴器上播放 C7 音符： 12#define NOTE\_C7 2093tone(8, NOTE\_C7) 頻率以赫茲 (hz) 表示 可以調用 noTone(<PIN&g ...
| 2023-06-26 如何深度複製 JavaScript 物件 如何深度複製 JavaScript 物件在 JavaScript 中，有許多方法可以複製物件，但並非所有方法都提供深層複製。本文將介紹最有效的方式，並提供所有可用的選項。 2022年更新：只需使用structuredClone()方法進行複製。詳見如何在 JavaScript 中複製物件 在 JavaScript 中複製物件可能會很棘手。有些方法會執行淺層複製，這是大多數情況下的預設行為。 深層複製 vs 淺層複製 最簡單的選項：使用 Lodash 使用 Object. ...
| 2023-06-26 電子元件：二極體 電子元件：二極體我們之前談過發光二極體（Light-Emitting Diodes），這是一種當電流和電壓足夠時會發光的二極體。現在我們來談談一般的二極體。 二極體是一個小小的元件，只有一個功能：讓電流只能單向流動。 這是二極體的符號： 二極體有一個方向。看一下上面二極體圖片中的條紋，那是陰極（cathode）的標記。它對應到二極體符號中的「|」直線，表示電流的流動方向。 另一側稱為陽極（anode）。電流從陽極流向陰極。 如果你按照正確的方向將二極體添加到簡單的LED電路中 ...
| 2023-06-26 如何在 PHP 中使用 Composer 和 Packagist 如何在 PHP 中使用 Composer 和 PackagistComposer 是 PHP 的套件管理工具。 它可以讓您輕鬆地將套件安裝到您的專案中。 在您的電腦上安裝它（Linux/Mac 或 Windows），安裝完成後您應該可以在終端機上使用 composer 指令。 現在，在您的專案中可以運行 composer require <lib>，它將會被本地安裝。舉個例子，讓我們安裝 Carbon 套件，這個套件可以幫助我們在 PHP 中處理日期。 ...
| 2023-06-26 PEP8 Python 格式指南 PEP8 Python 格式指南在撰寫程式碼時，應該遵循所使用的程式語言的慣例。 如果從一開始就學習正確的命名和格式慣例，閱讀別人編寫的程式碼會更容易，而且別人閱讀你的程式碼也會更輕鬆。 Python 在 PEP8 格式指南中定義了自己的慣例。PEP 代表「Python Enhancement Proposals」，這是所有 Python 語言增強和討論的地方。有很多 PEP 提案，都可以在 https://www.python.org/dev/peps/ 找到。 PEP8 ...
| 2023-06-26 events-stoppropagation-preventdefault DOM事件：stopPropagation vs preventDefault() vs return false 在處理JavaScript中的DOM事件時，總有一件事我經常感到困惑。 在事件處理程序中，應該在什麼時候呼叫event.stopPropagation()？在事件處理程序中，應該在什麼時候呼叫event.preventDefault()？應該使用return false嗎？ Event.stopPropagation假設我想要處理某個元素上的點擊事件。 默認情況 ...
| 2023-06-26 如何使用npm安裝的套件 如何使用npm安裝的套件當你使用npm將一個套件安裝到node_modules資料夾中，或者全域安裝時，你該如何在你的Node程式碼中使用它呢？ 假設你使用下列命令安裝了一個常用的JavaScript實用程式庫lodash： 1npm install lodash 這會將套件安裝到本地的node_modules資料夾中。 要使用它，在你的程式碼中只需要用require將它引入即可： 1const _ = require('lodash') 那如果你安裝 ...
| 2023-06-26 HTML `audio` 標籤 HTML audio 標籤瞭解使用 HTML audio 標籤的基本知識 audio 標籤允許您在 HTML 頁面中嵌入音訊內容。 此元素可以以流式傳輸音訊，也可以使用 src 屬性引用音訊來源，例如： 1<audio src="file.mp3" /> 預設情況下，瀏覽器不會為此元素顯示任何控制項。這意味著只有在設置為自動播放（稍後會講到）時，音訊才會播放，且用戶無法看到如何停止它、控制音量或移動到音軌的其他位置。 要顯示內建的控制項，您可 ...
| 2023-06-26 如何處理 Promise 的拒絕 如何處理 Promise 的拒絕在過去幾年中，Promises 可說是 JavaScript 中最好的東西之一。 當我們調用一個返回 Promise 的函數時，我們可以使用 then() 方法來鏈接一個在 Promise 解析 時運行的函數。 以下是使用 Fetch API 的示例： 1234fetch('/data.json') .then(response => { console.log(response.status) } ...
| 2023-06-26 如何從Node.js讀取環境變數 如何從Node.js讀取環境變數學會如何在Node.js程序中讀取和使用環境變數。 環境變數非常有用，因為我們可以避免在代碼中輸入API密鑰和其他敏感數據，並且將其錯誤地提交到GitHub中。 現代部署平台如Vercel和Netlify（以及其他平台）都有方法讓我們通過它們的界面添加環境變數。 Node.js的process核心模塊提供了env屬性，該屬性包含了在啟動進程時設置的所有環境變數。 下面是一個示例，訪問了NODE_ENV環境變數，該變數默認設置為developme ...
| 2023-06-26 如何設置 Git SSH 金鑰 如何設置 Git SSH 金鑰在使用命令行執行 Git 時，最常用的身份驗證方式是使用 SSH 金鑰。了解如何設置它們。 在使用命令行執行 Git 時，最常用的身份驗證方式是使用 SSH 金鑰。 大多數基於圖形界面的客戶端（如 GitHub Desktop）會幫你處理這個問題，但有時你需要使用命令行，所以設置好 SSH 金鑰非常有用。 此外，有時您需要一個 SSH 金鑰來執行一些有用的操作，例如在遠程服務器上拉取存儲庫。 您的電腦上的金鑰SSH 金鑰存儲在 ~/.ssh 文件 ...
| 2023-06-26 創建 create-react-app 的介紹 創建 create-react-app 的介紹create-react-app 是開始使用 React 應用的最簡單方法。 create-react-app 是一個旨在讓您快速掌握 React 的項目。它提供了一個現成的 React 應用程序起始器，讓您可以開始構建應用程序，而不必處理 Webpack 和 Babel 的配置。 它提供了以下功能： 具有熱重載的開發服務器 集成了 Jest 的測試環境 构建 React 應用程序的能力 兼容 ES6+ 語法 打包所有 Java ...
| 2023-06-26 Python 元組 Python 元組元組是另一種基本的 Python 數據結構。 它們允許你創建不可變的對象組。這意味著一旦創建了元組，它就無法被修改。你無法添加或刪除項目。 它們的創建方式與列表類似，但使用圓括號而不是方括號： 1names = ("Roger", "Syd") 元組是有序的，就像列表一樣，所以你可以通過索引值獲取它的值： 12names[0] # "Roger"names[1] # "Syd" ...
| 2023-06-26 UNIX檔案系統指令集 UNIX檔案系統指令集一個關於UNIX檔案系統指令集的簡短指南 我寫這份手冊的目標是讓學習、記憶和查詢主要UNIX檔案系統工具更容易。macOS和GNU/Linux都是UNIX系統，在實際應用中。macOS是基於BSD UNIX的認證UNIX，而GNU/Linux是UNIX相似或UNIX衍生。 在介紹檔案系統和它如何運作之後，我將詳細說明以下指令的細節： 處理資料夾和檔案 mkdir cd pwd rmdir ls touch mv cp ln 權限 ...
| 2023-06-26 什麼是無伺服器(Serverless)？ 什麼是無伺服器(Serverless)？什麼是無伺服器(Serverless)，為什麼你應該關心呢？ 無伺服器(Serverless)是一種運行程式的方式，不需要自行管理伺服器。 你只需要創建一個函數，將其放置在雲端伺服器的某個位置，然後你只需要一個URL來呼叫。 當你呼叫該URL時，函數就會執行。 其他人負責管理伺服器、擴展性和安全性。無需擔心核心更新或升級到Linux發行版的下一個LTS版本。 從價格模型上看，無伺服器也非常方便。傳統上，你可能每月租用一個VPS（虛擬私有 ...
| 2023-06-26 Arduino專案：使用被動式蜂鳴器 Arduino專案：使用被動式蜂鳴器在這個專案中，我們將使用Arduino來通過被動式蜂鳴器產生聲音。 像我們在主動式蜂鳴器的例子中所做的那樣，將蜂鳴器連接到線路，然後連接到Arduino。 蜂鳴器有一個“+”極，我使用紅色線連接（這是一個好習慣）。 然後將“-”線接地到Arduino上，將“+”線接到數字輸出引腳上，在這個例子中我選了8號引腳： 現在我們切換到Arduino程式。 你可以像之前使用被動式蜂鳴器時一樣，使用digitalWrite()來生成聲音，它也能正常 ...
| 2023-06-26 在處理 DOM 時，時間的重要性 在處理 DOM 時，時間的重要性在與我的編程訓練班學生一起工作時，我幫助了其中一些人解決了一個問題：時間。 特別是，有一件事起初可能並不明顯。 當您存取 DOM 元素的值並將其存儲到變量中時，當 DOM 元素更改時，該變量將 不會 更新為新值。 假設您在表單中有一個輸入字段 <input id="temperature">，並以以下方式獲取其值： 1const temperature = document.querySelector(' ...
| 2023-06-26 javascript-quotes ＃JavaScript中的引號 JavaScript允許使用3種類型的引號： 單引號 雙引號 反引號 第一種和第二種本質上是相同的： 12const test = 'test'const bike = "bike" 在使用一種引號或另一種引號時，幾乎沒有什麼區別。唯一的區別在於必須對用於界定字符串的引號字符進行轉義： 12345const test = 'test'const test = 'te\& ...
| 2023-06-26 Next.js，在導航時組件狀態未刷新時應該怎麼辦 Next.js，在導航時組件狀態未刷新時應該怎麼辦我遇到了這個問題，基本上我的組件使用了 useState() hook 來設置一些變量，但在使用路由進行導航時，狀態並沒有被更新。 事實證明，我的自定義 _app.js 代碼，這段代碼是我從教程中複製過來的，只是用於為應用添加全局樣式，其中存在著這段代碼： 123export default function App({ Component, pageProps }) { return <C ...
| 2023-06-26 `Secure` 學習HTTP Cookies的工作原理 Cookies是Web的基本組成部分，因為它們允許會話和在導航期間識別用戶 介紹 Cookies的限制 設置Cookies 設置cookie的到期日期 設置cookie的路徑 設置cookie的域 Cookie安全 Secure HttpOnly SameSite 更新cookie的值或參數 刪除cookie 訪問cookie的值 檢查cookie是否存在 抽象庫 在服務器端使用cookie 使用瀏覽器開發工具檢查cookie ...
| 2023-06-26 Linux命令：uniq Linux命令：uniq快速指南，了解如何使用uniq命令處理文本中的重複記錄/行。 uniq是一個有用的命令，用於對文本行進行排序。 你可以從文件中獲取這些行，或者使用管道從另一個命令的輸出中獲取： 123uniq dogs.txtls | uniq 需要注意的是：uniq只會檢測相鄰的重複行。這意味著你很可能會與sort命令一起使用： 1sort dogs.txt | uniq sort命令有自己的方法使用-u（唯一）選項來刪除重複項。但是uniq命令更強大 ...
| 2023-06-26 Object create() 方法 Object create() 方法了解 JavaScript Object 原型上 create() 方法的相關資訊。 在 ES5 中引入。 用於創建一個新的對象，並指定其原型。 使用方法： 1const newObject = Object.create(prototype) 範例： 12const animal = {}const dog = Object.create(animal) 新創建的對象將繼承所有原型對象的屬性。 您可以指定第二個參數 ...
| 2023-06-26 如何修復在使用GitBook時出現的「cb.apply is not a function」錯誤 如何修復在使用GitBook時出現的「cb.apply is not a function」錯誤我經常使用 GitBook，這是一個小型的 Node.js 軟體，用於從一組 Markdown 檔案生成電子書。 我用它來製作我的電子書。今天在運行 gitbook pdf . 生成 PDF 時，我遇到了一個非常奇怪的錯誤： 1234567➜ ebook git:(master) ✗ gitbook pdf ./usr/local/lib/node\_modules/gitbook ...
| 2023-06-26 Go資料結構：集合 Go資料結構：集合分析和實現Go語言中的集合資料結構 集合是一組值的集合。您可以對這些值進行迭代，添加新值，刪除值並清除集合，獲取集合大小，以及檢查集合是否包含某個項目。集合中的值可能只會被存儲一次，不允許重複。 第一個實現 這是一個簡單的集合實現，尚未具備並發安全性，為了簡潔和易於理解，並沒有鎖定資源。稍後在本文中將添加鎖定。 請注意第二行，它允許我們通過生成此通用資料結構的特定實現來使用任何類型的集合。 set.go 1234567891011121314151617 ...
| 2023-06-26 keeping-business-small 對於有意保持小型企業的看法 很長一段時間以來，我一直非常有意識地追求一件事：我希望擁有一個成功的獨立企業。 為什麼我想要一個獨立企業呢？ 1.我不想再有老闆。2.我想按照自己的方式生活。3.沒有人能夠告訴我何時工作。 什麼才能讓它成為一個「成功的」獨立企業呢？ 實現上述所有目標。 由於我已經達到了這個階段，保持成功意味著保持現狀： 我不想讓它變得比我想要的更大。 我不想讓它在我身上強加其他的生活方式。 我不想讓它告訴我何時工作。 同時，希望增加企業產生的年度收入。 需要注 ...
| 2023-06-26 如何使用JavaScript檢測暗模式 如何使用JavaScript檢測暗模式使用JavaScript來檢測暗模式及檢測模式變更 使用CSS，我們可以使用prefers-color-scheme媒體查詢檢測暗模式。 但是… 如果我們必須使用JavaScript呢？最近我遇到了這個問題，因為我有一些JavaScript代碼，該代碼會將圖像添加到頁面上，但我想根據亮/暗模式顯示不同的圖像。 以下是我們可以實現的方法。 首先，檢測matchMedia對象是否存在（否則瀏覽器不支持暗模式，您可以回退到亮模式）。 ...
| 2023-06-26 Linux命令：uname Linux命令：uname本文將介紹uname命令，該命令用於打印有關當前機器和運行在上面的操作系統的詳細信息。 在不使用任何選項的情況下調用uname將返回操作系統的代號： m選項顯示硬件名稱（本例中為x86_64），p選項打印處理器架構名稱（本例中為i386）： s選項打印操作系統名稱，r打印發佈版號，v打印版本號： n選項打印節點網絡名稱： a選項打印所有可用的信息： 在macOS上，您還可以使用sw_vers命令打印有關macOS操作系統的更多信息。請注意， ...
| 2023-06-26 使用Node.js服務一個HTML頁面 使用Node.js服務一個HTML頁面了解如何使用Node.js無依賴項目來服務一個 index.html HTML 頁面。 我有一個需求，需要從Node.js服務器中提供一個HTML頁面，以下是實現這一需求的最簡代碼： 123456789const http = require('http')const fs = require('fs')const server = http.createServer((req, res) => ...
| 2023-06-26 如何設置 Node.js 程式的當前工作目錄 如何設置 Node.js 程式的當前工作目錄了解如何使用Node.js無需任何依賴庫來提供index.html的HTML頁面。 我在我的一個Node.js程式中遇到了這個問題。 我使用相對路徑來引用本地文件系統中的一些文件，就像這樣： ../../dev/file.md 如果我從該文件所在的文件夾運行該程式，沒有問題。 但是如果我從另一個文件夾運行該文件，例如父文件夾，相對鏈接將失效。 為了修復這個問題，在程序的開頭，我設置了 12const process = requir ...
| 2023-06-26 异步 vs 同步代码 异步 vs 同步代码运行代码同步或异步的区别 您可能听说过Node.js之所以快是因为它为所有昂贵的操作（如网络访问或文件系统）提供了异步API。 拥有异步API意味着什么呢？ 如果你预计某个操作可能需要很长时间，那么以异步方式运行它是有意义的，这样其他代码可以同时运行，并且在操作结束时有一个钩子被调用。 这就是为什么Node.js可以处理比PHP或Rails更多的流量而不使用异步库的原因。 大多数传统上不是异步的编程语言现在都有第三方库来实现调用异步代码的方式。 否则，例如 ...