| 2023-06-26 CSS 屬性選擇器 CSS 屬性選擇器在這篇文章中，我將介紹屬性選擇器的使用方法。 你也可以參考 基本 CSS 選擇器介紹文章，在那裡我介紹了幾種基本的 CSS 選擇器：使用類型選擇器、類別、ID，如何結合它們，如何選擇多個類別，如何在同一規則中樣式化多個選擇器，如何使用子選擇器和直接子選擇器來遵循頁面層級，以及相鄰兄弟元素選擇器。 屬性存在選擇器第一種選擇器類型是屬性存在選擇器。 我們可以使用 [] 語法來檢查元素是否具有某個屬性。p[id] 將選中頁面中所有帶有 id 屬性的 p 標籤， ...
| 2023-06-26 如何使用React Developer Tools 如何使用React Developer Tools在建立React應用程式時，例如使用Next.js建立的應用程式，React Developer Tools是一個絕對必要安裝的工具。 React Developer Tools提供了一個檢查React應用程式的工具，可以顯示React元件樹狀結構，並且可以查看每個元件的props、state、hooks等等。 安裝好React Developer Tools後，你可以打開瀏覽器的開發人員工具（在Chrome中，右鍵點擊頁面， ...
| 2023-06-26 完整指南：Go 資料結構 完整指南：Go 資料結構本週，我在這個部落格的各種文章中，發布了使用 Go 實作經典資料結構的分析和實現。 每個資料結構都在單獨的文章中進行描述，而這篇文章則作為索引。 已涵蓋的資料結構，按字母順序排列如下： 二元搜尋樹 字典 圖 哈希表 鏈結串列 佇列 集合 堆疊 tags: [“Go”, “資料結構”, “堆疊”, “佇列”, “鏈結串列”, “哈希表”, “二元搜尋樹”, “圖”, “集合”, “字典”]
| 2023-06-26 如何使用 useContext React hook 如何使用 useContext React hook了解 useContext React hook 的用途，以及如何使用它！ 如果您對 React hooks 還不熟悉，請先查看我的React hooks 簡介。 在 React 中，我有時會使用一個叫做 useContext 的 hook。 1import React, { useContext } from 'react' 這個 hook 與 React Context AP ...
| 2023-06-26 CSS 位置屬性 CSS 位置屬性如何在 CSS 中使用 position 屬性 定位可以讓我們決定元素在螢幕上的出現位置和方式。 您可以移動元素並將它們放在希望的位置。 在這篇文章中，我們還將看到不同 position 屬性的元素之間互動時，在頁面上的變化。 我們有一個主要的 CSS 屬性：position。 它可以有以下5個值： static relative absolute fixed sticky 靜態定位這是元素的預設值。靜態定位的元素會按照正常的頁面流程顯示。 相對定位如果在 ...
| 2023-06-26 如何在 JavaScript 中获取数组的最后一个元素？ 如何在 JavaScript 中获取数组的最后一个元素？想知道如何在 JavaScript 中获取数组的最后一个元素吗？让我们来找答案吧。 假设你有一个数组，像这样： 1const colors = ['red', 'yellow', 'green', 'blue'] 在这个例子中，数组有4个元素。 你知道可以使用 colors[0] 获取第一个元素，使用 colors[1] 获取第二个元素，以 ...
| 2023-06-26 您需要多少JavaScript知識才能使用Node？ 您需要多少JavaScript知識才能使用Node？如果您剛剛開始學習JavaScript，您需要多深入地了解這門語言呢？ 作為初學者，在您對編程能力充滿信心之前確實很難達到這一點。 在學習編程的過程中，您可能會感到困惑，不知道JavaScript在哪裡結束，Node.js從哪裡開始，反之亦然。 在潛入Node.js之前，我建議您對主要的JavaScript概念有良好的掌握： 語法結構 表達式 類型 變量 函數 this 箭頭函數 迴圈 迴圈和作用域 數組 模板字面量 分號 ...
| 2023-06-26 Swift 條件語句: `if` Swift 條件語句: if 本教程屬於 Swift 系列教程 if 語句是執行條件檢查的最常用方式。我們使用 if 關鍵字，後面跟著一個布爾表達式，再後面是一個包含在條件為真時執行的代碼塊： 1234let condition = trueif condition == true { // 條件為真時執行的代碼} 如果條件為假，則執行 else 塊： 123456let condition = trueif condition == true ...
| 2023-06-26 如何從 JavaScript 陣列中獲取一組物件的唯一屬性 如何從 JavaScript 陣列中獲取一組物件的唯一屬性給定一個物件陣列，如果你想要獲取屬性的值，但不包含重複的值，你可以這樣做。 假設你有一個 bills 陣列，內容如下： 12345const bills = [ { date: '2018-01-20', amount: '220', category: 'Electricity' }, { date: '2018-01 ...
| 2023-06-26 學習React的路線圖 學習React的路線圖React是一個旨在簡化視覺界面開發的JavaScript函式庫。了解為什麼它如此受歡迎以及它解決了哪些問題。 React是一個JavaScript函式庫，旨在簡化視覺界面的開發。 React在Facebook開發並於2013年釋出，它驅動著一些最廣泛使用的應用程式，包括Facebook和Instagram等眾多應用程式。 它的主要目標是通過將UI切割成一系列的組件，使得在任何時間點上對界面及其狀態的推理變得容易。 React被用於構建單頁Web應用程式 ...
| 2023-06-26 Shell，觀察檔案內容隨著增加而自動更新 Shell，觀察檔案內容隨著增加而自動更新對於UNIX命令行工具中的tail，以下是一個簡要指南。它是一個非常有用的命令行工具，幾乎可以在任何*nix系統上找到，包括macOS和Linux。 以下是tail的man頁面。它說明該命令可以顯示文件的末尾部分。 （圖片略） 通過使用-n選項，可以使用該命令來顯示文件的最後x行。例如，以下命令顯示指定文件的最後兩行： 1tail -n 2 <filename> 然而，我幾乎從不像這樣使用tail。我最常使用的方式是通過 ...
| 2023-06-26 React Router介紹 React Router介紹React Router是連接URL和React應用程序的理想工具。React Router是事實上的React路由庫，也是React項目中最受歡迎的項目之一。 安裝 組件 BrowserRouter Link Route 在渲染的組件內訪問位置數據 以編程方式更改路由 匹配多個路徑 內聯渲染 匹配動態路由參數 React Router是事實上的React路由庫，也是React項目中最受歡迎的項目之一。 React本身是一個非常簡單的庫，對路由 ...
| 2023-06-26 可打印ASCII字符列表 可打印ASCII字符列表包含所有可打印ASCII字符的表格。 DEC HEX 字符 32 0x20 <空格> 33 0x21 ! 34 0x22 ” 35 0x23 # 36 0x24 $ 37 0x25 % 38 0x26 & 39 0x27 ’ 40 0x28 ( 41 0x29 ) 42 0x2A * 43 0x2B + 44 0x2C , 45 0x2D - 46 0x2E . ...
| 2023-06-26 JavaScript 公開類字段 JavaScript 公開類字段一個關於新的 JavaScript 公開類字段的簡單教程 在過去，要創建一個公開的類字段，我們會使用這樣的語法，在構造函數中實例化字段： 12345class Counter { constructor() { this.count = 0 }} 新的類字段提案可以在 Chrome 72 和 Node 12 中使用，我們可以使用以下的語法： 123class Counter { count = ...
| 2023-06-26 Svelte 生命周期事件 Svelte 生命周期事件如何使用 Svelte 的生命周期事件 Svelte 中的每個組件都會觸發幾個生命周期事件，我們可以在其中進行操作，以實現我們想要的功能。 具體而言，我們有 onMount - 在組件渲染後觸發 onDestroy - 在組件被銷毀後觸發 beforeUpdate - 在 DOM 更新之前觸發 afterUpdate - 在 DOM 更新後觸發 我們可以通過 Svelte 觸發這些事件時安排執行特定的函數。 默認情況下，我們無法直接訪問這些方法， ...
| 2023-06-26 programmer-degree 我需要持有學位才能成為程式設計師嗎？ 不需要。我有一個學位，可以肯定地說持有學位不是成為程式設計師的先決條件。 沒有人向我要求證明這一點。 儘管如此，獲得一份工作可能需要學位。某些工作申請可能要求學位，因為這有助於過濾大量的應聘者，而不是因為學位代表能力。學位可以代表能力，但對我個人而言，它只表示這個人有機會去花3-5年的時間獲得學位，並且有意願去完成它。這並不意味著他們比其他人更聰明。 我持有學位的事實意味著很多。我不是優秀的學生，甚至從來都不是。在高中時，我曾經重修兩年， ...
| 2023-06-26 字串的 lastIndexOf() 方法 字串的 lastIndexOf() 方法了解 JavaScript 字串的 lastIndexOf() 方法的一切 lastIndexOf() 方法會回傳參數所傳入的字串在目前字串中的最後出現位置。 如果搜索字串沒有被找到，則返回 -1。 12'JavaScript is a great language. Yes I mean JavaScript'.lastIndexOf('Script') //47'JavaScript ...
| 2023-06-26 Arduino MKR WiFi 1010 Arduino MKR WiFi 1010對於這個來自Arduino的優秀物聯網電子板的概述 我最近新增了一塊Arduino MKR WiFi 1010板到我的電子”東西”中。 如果你有疑問，我發現MKR的發音是“Maker”，而1010的發音是“ten ten”。 這是第一塊擁有內建Wi-Fi和藍牙連接功能的板子，對於所能帶來的機會和可能性，我感到非常興奮。 在本文中，我想對這塊板子進行概述，並將其與Arduino Uno進行比較，後者是我目前擁有的另一塊Arduino ...
| 2023-06-26 如何從 MIME 類型在 Node.js 中獲取文件擴展名 如何從 MIME 類型在 Node.js 中獲取文件擴展名我通過表單傳送了一個文件，在使用 multipart/form-data 的表單之後，我在服務器端的 req.files 中得到了文件對象。 這給我提供了一些信息，例如路徑、名稱、大小、類型等： 1234567891011{ logo: File { size: 121920, path: '/var/folders/tn/h8lfq1sj7c33c0p30qgkd3mw00 ...
| 2023-06-26 Phaser: 遊戲迴圈 Phaser: 遊戲迴圈 本文章是 Phaser 系列文章的一部分。點擊這裡查看系列文章的第一篇。 在 Phaser 中，除了 preload() 和 create() 這兩個場景外，我們還有第三個場景，被稱為 update()。 在這裡，一切事情都會發生。 preload() 和 create() 只會執行一次。 update() 會一直被呼叫，成為一個無窮迴圈，直到遊戲結束。 在這個例子中，我們創建了一個文字，它慢慢地移動到畫布的右下角： 123456789101112 ...
| 2023-06-26 node-mass-rename-files ＃如何在Node.js中批量更名文件 了解如何使用Node.js更改一组文件名 在本篇博客文章中，我将解释如何更改一组文件的名称。 相同的过程也适用于将文件移动到另一个文件夹，因为在更改名称时，实际上是更改文件的路径。 进行此任务的动机是：在Hugo中，我们可以将博客文章编写为文件，如下所示： 123first-post.mdsecond-post.mdthird-post.md 我们还可以将它们添加到包含 index.md 文件的文件夹中： 123456first-pos ...
| 2023-06-26 linux-command-pwd ＃Linux命令：pwd pwd 命令的快速指南，用於檢查當前工作目錄 每當您在文件系統中感到迷失時，請調用 pwd 命令以了解您所在的位置： 1pwd 它將顯示當前文件夾路徑。 此命令適用於Linux、macOS、WSL和任何您擁有UNIX環境的地方。 tags: [“Linux”, “command”, “pwd”, “filesystem”]
| 2023-06-26 Go 資料結構：二元搜尋樹 Go 資料結構：二元搜尋樹在這篇文章中，我們將分析和實現二元搜尋樹的資料結構。 樹 是一個有階層結構的表示法。通常我們可以通過想像一個家族的族譜樹來理解樹的概念。 二元搜尋樹是一種每個節點最多有兩個子節點的樹。 二元搜尋樹具有左節點的值小於右節點的值的特性。 這是我們在本文中要建構的資料結構。它是一個非常有用的資料結構，可以有效地存儲和索引數據，並且可以快速檢索數據。 詞彙定義： 根：樹的第 0 層 子節點：除了根節點以外的每個節點 內部節點：具有至少一個子節點的節點 葉節 ...
| 2023-06-26 電子元件：模擬搖桿 電子元件：模擬搖桿模擬搖桿是你在玩視頻遊戲時肯定使用過的一種電子元件: 你可以移動搖桿，也可以從上到下點擊: 任何動作都會向連接的電路發送相應的電子信號。 搖桿的 5 個引腳分別是: GND，輸入低電平信號 +5V，輸入高電平信號，也可以是 3.3V，如果使用基於 3.3V 的設備 VRx，表示搖桿在 x 軸上的位置的模擬信號 VRy，表示搖桿在 y 軸上的位置的模擬信號 SW，縮寫為 開關，按下時的數字值為 LOW，否則為 HIGH 將 VRx 和 VRy ...
| 2023-06-26 Johnny Five 教程 Johnny Five 教程學習如何使用 JavaScript 與電子設備溝通 Johnny Five 是一個超酷的函式庫，讓我們可以使用 JavaScript 與電子設備進行互動。 像 Arduino 這樣的設備通常是使用 Arduino 語言 進行編程，這是一種針對 C/C++ 的特殊框架。 由於這些電子設備的能力有限，記憶體和處理器速度都很低，其他語言無法直接用於為它們編寫程序。 但是有一種特殊的協議，稱為 Firmata，允許語言與 Arduino 進行交互 ...
| 2023-06-26 ECMAScript 2015-2019 完全指南 ECMAScript 2015-2019 完全指南ECMAScript 是 JavaScript 的基礎標準，通常簡稱為 ES。探索有關 ECMAScript 及其最新功能的所有內容。 TC39 是什麼？ ES 版本 ES Next 無論你在哪裡讀到關於 JavaScript 的內容，你總會看到這些術語之一： ES3 ES5 ES6 ES7 ES8 ES2015 ES2016 ES2017 ECMAScript 2015 ECMAScript 2016 ECMAScri ...
| 2023-06-26 使用 @import 引入 CSS 檔案 使用 @import 引入 CSS 檔案學習如何使用 @import 指令引入 CSS 檔案。 從任何 CSS 檔案中，您都可以使用 @import 指令引入另一個 CSS 檔案。 以下是使用方式： 1@import url(myfile.css) url() 函式可以處理絕對或相對 URL。 需要注意的一點是，@import 指令必須放在檔案中的任何其他 CSS 之前，否則將被忽略。 您可以使用媒體描述符只在特定媒體上載入 CSS 檔案： 123@import url(m ...
| 2023-06-26 如何從 DOM 元素中移除所有子元素 如何從 DOM 元素中移除所有子元素給定一個 DOM 元素，如何移除它的所有子元素呢？ 給定一個 DOM 中的項目，使用 querySelector() 來識別它，像這樣： 1const item = document.querySelector('#itemId') 然後，要移除它的所有子元素，有幾種不同的解決方案。 最快的方法看起來是這樣的： 1item.innerHTML = '' 另一個建議的解法是創建一個循環，檢查是否定義 ...
| 2023-06-26 應該在 Git 中提交 node_modules 文件夾嗎？ 應該在 Git 中提交 node_modules 文件夾嗎？這是一個很好的問題。有利有弊。我討論這個話題，讓您可以對此做出自己的意見。 應該在 Git 中提交 node_modules 文件夾嗎？ 我提到了 Git，但同樣的原則也適用於您所使用的任何版本控制系統。 這是一個很好的問題。有利有弊。 我建議的默認選擇是不提交 node_modules 文件夾，而是將其添加到您的.gitignore文件中。 您可能有特殊的需求，反過來改變這個決定。 我討論這個話題，讓您可以對此 ...
| 2023-06-26 只有驗證過的使用者可以新增項目到資料庫 只有驗證過的使用者可以新增項目到資料庫 本教程是Laravel手冊的一部分。從此處下載 。 現在，讓我們重新實現第一個項目，這次當未登錄時顯示狗的列表，但只允許已登錄的使用者修改數據。 首先，我們創建一個新的遷移： 1php artisan make:migration create_dogs_table 打開新創建的遷移文件，在我這裡是 database/migrations/2023_05_12_164831_create_dogs_table.php 1234567 ...
| 2023-06-26 如何提高效率 如何提高效率開發人員和寫作人的提高效率技巧和技巧 我在我的電子郵件收件箱中經常收到一個重複的問題。 問題是，你是怎麼那麼高效率的呢？ 一開始，這個問題真的很奇怪，因為我自己並不認為自己是一個高效率的人。 但是回想一下，在過去的9個月裡，我創作了6本免費的技術電子書，每天發布一篇博客文章（已經進行了400多天），還創建了4個線上課程。除此之外，我每天接收大約80封私人郵件（指非批量郵件），並試圖回復每一封-但未達到成功。看起來像是相當高的生產力。 有段時間，我的回答是我有很好地 ...
| 2023-06-26 如何解决“TypeError: Attempted to assign to readonly property”错误 如何解决“TypeError: Attempted to assign to readonly property”错误在我的 Next.js 代码库中，我遇到了这个问题： 1TypeError: Attempted to assign to readonly property 奇怪！经过一番调试，我找到了问题所在。它与 Next.js 无关，它可以发生在任何 JavaScript 代码库中。 在我的数据库中，有一列是以 JSON 的形式存储数据。 在我的代码中，我使用点语法 ...
| 2023-06-26 介紹GraphQL 介紹GraphQLGraphQL是一種用於API的查詢語言，並且還有一組用於執行查詢的伺服器端運行時（在不同的後端語言中實現）。 GraphQL是什麼 它是如何工作的 GraphQL查詢 字段和參數 別名 片段 GraphQL變量 變量必填 為變量指定默認值 GraphQL指令 @include(if: Boolean) @skip(if: Boolean) 什麼是GraphQLGraphQL是API設計中的新領域，以及我們建立和消費API的方式。 它是一種查 ...
| 2023-06-26 如何使用Python的reduce()函数 如何使用Python的reduce()函数Python提供了三个有用的全局函数，我们可以使用它们来处理集合：map()、filter()和reduce()。 提示：有时候，列表推导式更加合适，而且通常被认为更加“Pythonic”。 reduce()函数用于根据序列（如列表）计算一个值。 例如，假设你有一个存储为元组的费用列表，你想计算每个元组中某个属性的总和，比如每项费用的金额： 1234expenses = [ ('Dinner', 80), (& ...
| 2023-06-26 使用Node輸出到命令行 使用Node輸出到命令行如何使用Node將信息打印到命令行控制台，從基本的console.log到更複雜的場景。 使用console模組進行基本輸出 清除控制台 元素計數 打印堆棧跟踪 計算耗時 stdout和stderr 為輸出添加顏色 創建進度條 使用console模組進行基本輸出Node提供了console模組，該模組可以提供與命令行交互的各種非常有用的方法。它基本上與在瀏覽器中找到的console對象相同。 最基本和最常用的方法是console.log()，它將將 ...
| 2023-06-26 「我不是專家」 每一位開發人員都應該擁有一個部落格。以下是為什麼以及如何堅持下去的原因。 部落格有許多用途。它可以成為潛在客戶的來源，也可以是未來你可能賣出自己產品的地方，如果你想成為獨立開發者的話，或者它只是一個你有聽眾並表達自己想法的地方。 我已經寫部落格超過11年了，多多少少都保持一致-雖然有時候我停止太久。最近我重新設計了部落格，開始堅持寫文章-非常堅持-以至於我現在每天都寫。我已經見識到了很多好的成果。 我找到了幫助開發人員學習前端開發的使命：我在我的部落格上每天發布教程，解釋我對 ...
| 2023-06-26 如何使用 macOS 终端 如何使用 macOS 终端终端是编程装备中不可或缺的一员。它允许您执行其他无法实现的任务。 您可以在 Spotlight 中搜索 Terminal，或者转到 应用程序 文件夹，打开 实用工具 子文件夹，找到 终端 应用程序。 打开后，您会看到以下屏幕，或者非常相似： bash-3.2 指示了 shell 的类型和版本。在这里出现了一个新词 - shell。什么是 shell？Shell 是一种允许我们与操作系统及其应用程序进行交互的程序。 注意：当前 macOS 自 Ca ...
| 2023-06-26 如何在 JavaScript 中給數字添加前導零 如何在 JavaScript 中給數字添加前導零我需要在數字小於 10 的時候添加前導零，這樣在屏幕上顯示時，不會顯示 “9” 而是 “09”。 使用案例是我想顯示視頻的時長，5:04 比 5:4 更合乎邏輯，能更清晰地表達一個視頻是 5 分鐘 4 秒。 以下是實現的方法： 123Math.floor(mynumber) .toString() .padStart(2, '0') 這個方法是使用 JavaScript 中內置的 Math 庫 來實現的。 ...
| 2023-06-26 合併 Git 提交記錄 合併 Git 提交記錄我每天都使用 Git，過去我曾寫過一篇 Git 指南 和一份 Git Cheat Sheet。 我自認為是一名 Git 的愛好者，但……我不是一個 Git 專家。 提交、抓取遠程庫、拉取遠程庫、推送到遠程庫……這是我每天使用 Git 的日常事務。 儘管如此，我還是會用一些 Git 的進階功能： Git 能做的進階操作讓我感到驚訝。它可以非常複雜，但我傾向於避免複雜的操作。我幾乎從不使用命令行工具進行 Git 操作，而是使用 GitHub Desktop ...
| 2023-06-26 Next.js: 使用自訂標籤填充 head 標籤 Next.js: 使用自訂標籤填充 head 標籤如何自訂 Next.js 應用程式的 head 標籤 從任何 Next.js 頁面元件中，您都可以向頁面標頭添加資訊。 這在以下情況下很方便： 您想要自訂頁面標題 您想要更改元標籤 您該如何做呢？ 在每個元件內部，您可以從 ‘next/head’ 中 import ‘Head’ 元件，並將其包含在您的元件 JSX 輸出中： 123456789101112import Head from 'next/he ...
| 2023-06-26 如何在 Sapper 的 script 模塊之外訪問 URL 參數 如何在 Sapper 的 script 模塊之外訪問 URL 參數假設您正在使用 Sapper 建立一個 Svelte 應用程式，並且您有一個動態的頁面路由，例如 /routes/[id].svelte。 您想要獲取 URL 的動態部分（在此案例中是 id），並且您知道可以在元件的 <script context="module"> 段落中的 preload() 函數中獲取它： 12345<script context="mod ...
| 2023-06-26 在Node.js中解析JSON 在Node.js中解析JSON如何從字符串解析JSON，以及如何在Node.js中讀取JSON文件 如果您有一個字符串作為一部分的JSON數據，最好的方法是使用JavaScript標準的JSON.parse方法來解析數據。自ECMAScript 5以來，這個方法已經提供給V8，這是Node.js所使用的JavaScript引擎。 示例： 123456const data = '{ "name": "Flavio", ...
| 2023-06-26 how-to-learn 如何學會學習 學習事物更快、更有效率的方法的心得和觀察 作為開發人員和軟體工程師，我們注定要無休止地學習。 10-15年前，要想在這個行業成為頂尖人才，您必須掌握Java、JSP、Servlets和Tomcat。也許之後您學會了Objective-C和Cocoa Touch，因為手機應用程序是新潮流，而且老實說真的很激動人心！現在一切都關於React和現代JavaScript-3年前的JavaScript已經不再是JavaScript-它是過時的JavaScript。作為一名 ...
| 2023-06-26 CSS 正規化 CSS 正規化為什麼以及如何使用 CSS 正規化 默認的瀏覽器樣式表是瀏覽器必須應用到元素的一組最小樣式。 大多數時候這些樣式非常有用。 由於每個瀏覽器都有自己的一組樣式，因此找到共同的共識是很常見的。 與一些CSS 重置方法不同，正規化過程會消除瀏覽器不一致性，同時保留一套基本的規則，您可以依賴它們。 Normalize.css http://necolas.github.io/normalize.css 是解決這個問題最常用的解決方案。下面是該文件，我為您添加了詳細的註解 ...
| 2023-06-26 如何在React中將參數傳遞給事件處理器 如何在React中將參數傳遞給事件處理器了解如何傳遞參數給onClick事件處理器，例如，在不在渲染時調用方法的情況下。 當您在React功能性組件上工作時，可能需要將事件附加到onClick（或其他事件）。 通常您會這樣做： 1<button onClick={addBill}>添加</button> 但是如果您需要傳遞參數呢？假設您有一個帳單清單，並且希望通過點擊其旁邊的“X”來刪除其中一個。 您不能這樣做： 1<bu ...
| 2023-06-26 CSS 背景 CSS 背景學習如何使用 CSS 更改元素背景 可以使用多個 CSS 屬性來更改元素的背景： background-color 背景顏色 background-image 背景圖像 background-clip 背景區域 background-position 背景位置 background-origin 背景原點 background-repeat 背景重複 background-attachment 背景附著 background-size 背景大小 還有一個縮寫屬 ...
| 2023-06-26 如何使用structuredClone進行JavaScript物件的深拷貝 如何使用structuredClone進行JavaScript物件的深拷貝以現代方式進行JavaScript變數的深拷貝 多年以來，我們一直使用奇怪的解決方法來進行JavaScript物件的深拷貝。 其中許多方法容易出現錯誤。 比如使用JSON.parse(JSON.stringify(obj))，這種方法可能會忽略某些類型的物件。 或者更糟糕的是，通過引用來複製物件屬性，這樣可能會引入未來的錯誤。 如今，我們有structuredClone()，它是DOM API的一部分。 ...
| 2023-06-26 JavaScript 錯誤物件 JavaScript 錯誤物件在 JavaScript 中，有7個錯誤物件，它們根據錯誤類型在 try/catch 表達式中引發： Error EvalError RangeError ReferenceError SyntaxError TypeError URIError 讓我們分析每個錯誤物件。 Error這是一個通用的錯誤，所有其他錯誤物件都繼承自它。你永遠不會直接看到 Error 的實例，而是 JavaScript 會引發列在上面的其他錯誤之一，這些錯 ...
| 2023-06-26 等待所有的 Promise 在 JavaScript 中解析 等待所有的 Promise 在 JavaScript 中解析如何等待多个 Promise (使用 await) 同时解析 有时我们需要等待一个 Promise 解析，然后再等待另一个 Promise 解析。 就像这样： 12const values = await store.getAll()const keys = await store.getAllKeys() 这起作用，但不是理想的。我们首先等待第一个调用被解析，然后开始第二个。 我想先同时开始两个，并等待两个都完成 ...
| 2023-06-26 Linux 命令：su Linux 命令：su快速指南 su 命令，用于切换到另一个用户的 shell。 当您使用一个用户登录到终端 shell 时，您可能需要切换到另一个用户。 例如，您登录为 root 用户执行一些维护操作，但随后您想切换到另一个用户账号。 您可以使用以下 su 命令来实现： 1su <用户名> 例如：su flavio。 如果您以用户身份登录，运行 su 命令而无其他内容，则会提示您输入 root 用户密码，因为这是默认行为。 su 命令将作为另一个用户启动一个 ...