| 2023-06-26 Python 數字 Python 數字Python中的數字可以是三種類型：int 整數、float 浮點數和 complex 複數。 整數數字整數數字使用 int 類別來表示。您可以使用數值字面值來定義整數： 1age = 8 您也可以使用 int() 建構函式來定義整數數字： 1age = int(8) 若要檢查變數是否為 int 類型，您可以使用 type() 全域函式： 1type(age) == int #True 浮點數數字浮點數數字（分數）是 float 類型。您可以使用數值 ...
| 2023-06-26 Swift 函數 Swift 函數 本教程屬於 Swift 系列的一部分 你的程式碼通常是有組織地以函數的方式進行組織的。 使用 func 關鍵字聲明一個函數： 123func bark() { print("woof!")} 函數可以分配給結構、類和列舉，這種情況下我們稱之為方法。 使用函數名稱來呼叫函數： 1bark() 函數可以返回一個值： 1234func bark() -> String { print(&qu ...
| 2023-06-26 如何在運行時檢查當前的 Node.js 版本 如何在運行時檢查當前的 Node.js 版本執行 process.version： process 物件的 version 屬性會返回一個字符串，其中包含當前的 Node.js 版本。 在瀏覽器中，process 物件未定義，所以會產生 ReferenceError： 另一種方式是引用 process.versions（複數）： 這會返回一個包含各個組件版本的物件。 要獲取主要版本（在這個例子中是 12），可以使用以下代碼： 1process.versions.node ...
| 2023-06-26 JavaScript 參考: Number JavaScript 參考: Number關於 JavaScript 中的 Number 屬性和方法的一切 本文介紹了如何使用內建的 Number 物件，並列出了它的屬性和方法。 可以使用數字字面值語法來生成 number 值: 12const age = 36typeof age //number 或使用 Number 全域函式: 12const age = Number(36)typeof age //number 如果使用 new 關鍵字，則會返回一個 Number ...
| 2023-06-26 how-to-learn-react ＃如何學習React 找出從零開始成為React大師的最佳途徑 你該如何學習React？ 和大多數事物一樣，你需要付出一些努力，找到一個好的學習資源，保持學習的一致性，並儘早將所學的應用到實踐中，以加強你的學習並讓所學的知識牢記在腦中。 但是…你應該從哪裡開始？ 在本文中，我想列出一些我創建的資源，用於從零開始成為React大師。 首先，你需要堅實的JavaScript基礎。如果你剛開始學習，花點時間深入研究JavaScript基礎知識，再深入學習React。我建議你先閱讀我 ...
| 2023-06-26 產品/市場適配 產品/市場適配您的產品必須滿足一個細分市場的需求，解決一個問題。 任何人都可以製作一個應用程式，撰寫一本書，或者製作一個WordPress主題或外掛程式。事實上，每一樣我提到的東西都有數以萬計的產品在市面上販售。它們都成功嗎？絕對不是！許多產品因為商業上的失敗而被廢棄，它們沒有取得足夠的市場關注。 我們可以說，只有1%的產品非常成功，另外9%處於既不具有超高成功的範疇，也不屬於失敗的範疇，算是一種適度的成功。 這符合著名的帕累托原則，即90/10。 帕累托 ...
| 2023-06-26 UDP協議 UDP協議對User Datagram Protocol（UDP）的高層次概述 UDP（User Datagram Protocol）是一種傳輸協議，是TCP的一個替代方案。 它與TCP的主要區別是它是無連接的。 這意味著它更快，每個發送的數據包更輕量級，因為它不包含TCP中所需的所有信息，並且它具有更輕量級的握手過程。 缺點是UDP不像TCP那樣可靠。 在TCP中，如果一個數據包丟失，協議能夠處理它並重新發送該數據包。 在UDP中，這並未內建於協議中，必須在較高層級（在其上 ...
| 2023-06-26 Babel 簡易指南 Babel 簡易指南Babel 是 Web 開發者工具箱中令人驚艷的一員。它是一個很棒的工具，已經存在很長一段時間，但現在幾乎每個 JavaScript 開發者都依賴它，這種情況還會持續，因為 Babel 現在不可或缺，並為所有人解決了一個大問題。 Babel 簡介 安裝 Babel 一個示例 Babel 配置 Babel 預設 env 預設 react 預設 更多關於預設的資訊 使用 Babel 與 webpack 本文介紹的是 Babel 7，目前的穩定版本。 ...
| 2023-06-26 Linux 命令: mkdir Linux 命令: mkdirmkdir 命令用於創建文件夾的快速指南 使用 mkdir 命令來創建文件夾： 1mkdir fruits 您可以使用一個命令創建多個文件夾： 1mkdir dogs cars 您還可以通過添加 -p 選項來創建多個嵌套文件夾： 1mkdir -p fruits/apples UNIX 命令中的選項通常采用這種形式。您需要在命令名稱之後添加它們，它們會改變命令的行為。您還可以結合多個選項使用。 通過輸入 man <命令名> 可以 ...
| 2023-06-26 JavaScript 事件循環 JavaScript 事件循環事件循環是理解 JavaScript 最重要的方面之一。本文將以簡單的方式解釋它。 介紹 阻塞事件循環 調用堆棧 簡單的事件循環解釋 排隊執行函數 消息隊列 ES6 任務隊列 介紹了解 JavaScript 的事件循環是非常重要的。 我已經用 JavaScript 編程多年了，但我從來沒有完全理解它的運作原理。不知道這個概念的詳細細節是完全正常的，但通常還是有助於了解它的運作方式，而且你可能對此有點好奇。 本文旨在解釋 JavaScrip ...
| 2023-06-26 XMLHttpRequest (XHR) XMLHttpRequest (XHR)XMLHttpRequest（XHR）的引入是Web平台的重大胜利。让我们看看它是如何工作的。 介紹 一個XHR請求的例子 附加的open()參數 onreadystatechange 中止XHR請求 與jQuery的比較 與Fetch的比較 跨網域請求 使用XHR上傳文件 介紹在2000年代中期，網絡瀏覽器中引入XMLHttpRequest（XHR）是Web平台的重大突破。讓我們看看它是如何工作的。 許多現在看起來很正常的東西，在 ...
| 2023-06-26 ES6指南 ES6指南ECMAScript是JavaScript基于的标准，通常缩写为ES。了解关于ECMAScript的一切以及ES6（又称ES2015）中添加的功能。 箭头函数 新的this作用域 Promises 生成器 let和const 类 构造函数 Super 取值器和存值器 模块 导入模块 导出模块 模板字符串 默认参数 展开运算符 解构赋值 增强的对象字面量 更简洁的语法来包含变量 原型 super() 动态属性 for-of循环 Map和Set 新的字符串 ...
| 2023-06-26 Vue為什麼必須使用函數來定義資料 Vue為什麼必須使用函數來定義資料使用Vue時，你可能會問自己“為什麼必須使用返回物件的函數來定義data，而不僅僅是一個物件呢？” 特別是考慮到在某些地方，data 並不是一個函數，比如在一些示例中的App組件中。 答案是，當組件被多次使用時，如果data不是一個函數，而是一個普通的物件，如下所示： 123data: { counter: 0} 那麼根據JavaScript的工作方式，每個組件實例將共享這個屬性。 這在99.9%的情況下都不是你想要的 ...
| 2023-06-26 如何修復 `Already 10 Prisma Clients are actively running` 錯誤 如何修復 Already 10 Prisma Clients are actively running 錯誤我在我的 Next.js 應用中使用 Prisma，但是我做錯了。 我在每個頁面都初始化了一個新的 PrismaClient 對象： 12import { PrismaClient } from '@prisma/client'const prisma = new PrismaClient() 但是在應用使用一段時間後，我收到了 ...
| 2023-06-26 JavaScript 私有類別欄位 JavaScript 私有類別欄位介紹如何在 JavaScript 中使用私有類別欄位的程式碼範例。 在引入私有類別欄位之前，我們無法真正強制將屬性設為私有。我們只能使用慣例，例如使用 _ 作為提示該欄位為私有的方式，就像這樣： 1234567class Counter { _count = 0; increment() { this._count++; }} 但我們仍然可以通過以下方式存取此計數器： 12const co ...
| 2023-06-26 如何在JavaScript中計算兩個日期之間的天數 如何在JavaScript中計算兩個日期之間的天數我遇到了這個問題：如何計算兩個日期之間的天數？ 具體來說，我想要計算一個人租房並在其中入住的夜晚數量，根據入住日期和退房日期。 我查看了不同的解決方案，並找到了一個在考慮到日期的所有問題（包括夏令時間）後給我帶來最少問題的解決方案：從開始日期開始，我們一直添加一天，直到日期表示的日期在結束日期之後為止。 以下是程式碼： 123456789101112const numberOfNightsBetweenDates = (sta ...
| 2023-06-26 在 macOS 中輕鬆設置自動化的一種方法 在 macOS 中輕鬆設置自動化的一種方法在開發我的新網站時，我有一個簡單的需求。 我將數據存儲在 SQLite 數據庫中，並且我希望在開發期間的本地工作中每天備份一次。 SQLite非常好，因為它只是一個文件。它不是“在你的計算機的某個地方”或“在一個服務器的某個地方”，但你並不確定具體位置。 要進行備份，你只需要將文件複製到“備份”文件夾中，就完成了。 我手動做了一段時間，但我也想使它自動化，以免費空我的大腦，而且我想避免使用cron任務和shell腳本（然後容易忘記）， ...
| 2023-06-26 如何使用Python的`filter()`函數 如何使用Python的filter()函數Python提供了三個有用的全局函數用於處理集合：map()、filter()和reduce()。 提示：有時候，使用列表推導更能表達意思，並且通常被認為更符合Python風格。 filter()接受一個可迭代對象，並返回一個過濾對象，即另一個可迭代對象，但不包含原始對象中的某些元素。 你可以通過在過濾函數中返回True或False來實現過濾功能： 12345678numbers = [1, 2, 3]def isEven(n): ...
| 2023-06-26 了解 setImmediate() 了解 setImmediate()Node.js 的 setImmediate() 函數以特殊的方式與事件循環進行交互。 當你想要異步地執行某段代碼，並且盡快地執行時，可以使用 Node.js 提供的 setImmediate() 函數： 123setImmediate(() => { // 執行某些操作}) 傳遞給 setImmediate() 的任何函數都是在事件循環的下一次迭代中執行的回調函數。 setImmediate() 與使用 0 ...
| 2023-06-26 Linux指令：tail Linux指令：tailtail指令的快速指南，用於監視文件的變化 在我看來，tail的最佳用例是使用-f選項調用時。它打開文件並監視文件的變化。每次文件中有新內容時，它都會在窗口中打印出來。這對於監視日誌文件非常有用，例如： 1tail -f /var/log/system.log 要退出，請按下ctrl-C。 您可以打印文件中的最後10行： 1tail -n 10 <filename> 您可以從特定行開始打印整個文件內容，使用該行號前面的+： 1tail ...
| 2023-06-26 Gatsby介紹 Gatsby介紹Gatsby是一個使用React構建應用程序和網站的平台。 它是一個允許你使用一系列技術和實踐來構建的工具，這些技術和實踐被統稱為JAMstack。 Gatsby是當前前端開發領域中最火熱的工具之一。為什麼呢？我認為有以下幾個原因： “JAMstack”方法用於構建Web應用程序和網站的大幅增長 行業中對於”Progressive Web Apps”（漸進式Web應用程序）技術的快速采用，這也是Gatsby的關鍵功能之一 它是使用React和GraphQL構 ...
| 2023-06-26 一個很酷的Chrome DevTools技巧清單 一個很酷的Chrome DevTools技巧清單Chrome DevTools提供了一套令人驚艷的工具，幫助您進行Web平台的開發。這裡有一些您可能還不知道的小貼士。 在Elements面板中拖放 在Console中參考當前選中的元素 使用上一個操作的值在Console中 添加CSS並編輯元素狀態 查找CSS屬性的定義位置 將修改後的CSS保存到文件 截取單個元素的屏幕截圖 使用CSS選擇器查找元素 在Console中使用Shift+Enter 清除Console 前往… ...
| 2023-06-26 如何作為開發人員開始自由職業 如何作為開發人員開始自由職業我在 Twitter 上收到了這個問題:「我想自由職業並為自己工作，這是我長久以來想做的事情，但我從未有勇氣或動力這樣做。對於想要走這條路的人，你能給哪些建議？你現在所知道的，你希望一開始就知道？」 這是一個很大的話題。 我認為自由職業是最大的自由。 我從未被一家公司雇用過，在一開始時（2008年）我是作為自由職業者和承包商工作，然後逐漸轉向自己的小型軟體產品業務，然後又轉回承包工作，在我自己的項目成為我的收入時逐漸停止這項工作。 如果你目前在受 ...
| 2023-06-26 什麼是騙子綜合症 什麼是騙子綜合症這是什麼症候群？你有嗎？如何解決這種騙子的感覺？ 每個人遲早都會遭受到我們稱之為「騙子綜合症」的困擾。 也許你現在就有這種感覺，但你不知道它有一個特定的名字。 讓我來描述一些你可能在現實生活中遇到騙子綜合症的情況。 你是一名開發人員，沒有計算機科學學位，你覺得那些有計算機科學學位的人比你懂得多，所以你也應該去拿個學位，才能被稱為一個開發人員。 你在一個項目上工作，而你稱它為一個小項目，不是一個真正的項目，因為 - 你知道 - 它只是一個簡單的應用程序。 你經 ...
| 2023-06-26 如何使用 Prisma 反向排序 如何使用 Prisma 反向排序我使用 Prisma 從資料庫中取得資料。 在我的情況中，我從 Tweets 資料表中取得推文，它們按照最舊到最新的順序列出。 我希望像 Twitter 一樣相反，最新的推文會最先顯示。 所以我修改了我的資料擷取程序： 1234567await prisma.tweet.findMany({ orderBy: [ { id: 'desc' } ]}); ta ...
| 2023-06-26 Emacs簡易指南 Emacs簡易指南emacs 是一個很棒的編輯器，也在 UNIX 系統上擁有歷史地位。著名的 vi vs emacs 之爭和激烈的討論曾讓全球許多開發人員浪費了很多不生產力的時間。 emacs 非常強大。有些人整天都使用它，把它當作一種操作系統 (參考：https://news.ycombinator.com/item?id=19127258)。我們將在這裡只討論基礎知識。 你可以通過執行 emacs 來開啟一個新的 emacs 會話： macOS 用戶，請稍等一下。如 ...
| 2023-06-26 React，如何動態選擇要渲染的組件 React，如何動態選擇要渲染的組件我有一個需求，需要在菜單中渲染一個項目列表，每個項目都有自己的圖標。 起初，我在菜單中硬編碼組件，像這樣： 1234567891011121314const menu = [ { title: '首頁', icon: <HomeIcon className="mr-3 ml-1 h-5 w-5" /> }, { title: ' ...
| 2023-06-26 如何在Chrome中隱藏地址欄 如何在Chrome中隱藏地址欄對於截圖、螢幕錄製或僅僅是增加螢幕可用空間都非常有用。 但無法直接在Chrome中進行設置。你需要前往終端並打開一個新的Chrome應用程式模式以傳遞網址。 macOS1/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --app=URL Windows1Chrome.exe --app=URL (根據Windows版本，需要在Chrome資料夾前加上Chrome.e ...
| 2023-06-26 如何使用 Puppeteer 點擊特定文字的鏈結 如何使用 Puppeteer 點擊特定文字的鏈結我想使用 Puppeteer 點擊一個「接受全部」的 Cookie 按鈕，我使用了以下程式碼： 1234const [linkcookie] = await page.$x("//a[contains(., '接受全部')]")if (linkcookie) { await linkcookie.click()} 請注意，如果按鈕是一個 button 的 HTML 元 ...
| 2023-06-26 making-money-blog 如何透過部落格賺錢 一個部落格可以成為各種能讓你賺錢的專案的絕佳起點。 如果你不想讓你的部落格賺錢，那完全沒有必要。但知道你的選擇能讓你有所了解。在這最後一章，我將以高層次的方式解釋數種”將部落格化為商品”的主要方式。 為你的業務獲得更多客戶我會說，第一個也是最容易的方式是提供你的服務。 這特別適用於非特定地點的服務。例如，如果你是個水電工，可能會比較困難。這不是不可能的，特別是在大城市，但其他渠道可能更適合。 但是，如果你的業務或活動與特定地點無關聯，一個部落格可以成為宣傳 ...
| 2023-06-26 how-to-set-fragment-part-url ＃如何設置URL的片段部分 了解如何設置URL的片段部分的值 我有一次需要以編程方式更改URL的片段部分的需求 那是在#數字符號之後的部分 我當時在index.html上，我想要將URL更改為index.html#second這樣的形式 這是因為我有一個目錄，但是鏈接的工作方式並不符合我的期望 以下是我的解決方法： 1window.location.hash = 'second' tags: [“URL”, “編程”, “片段”, “鏈接”]
| 2023-06-26 如何使用 Prettier 在 VS Code 中自動格式化 Astro 檔案 如何使用 Prettier 在 VS Code 中自動格式化 Astro 檔案了解如何在 VS Code 中使用 Prettier 來格式化 .astro 檔案。 使用 Astro 的一個缺點是 Prettier 無法理解它的語法。 因此，在 VS Code 中無法在儲存/貼上時自動格式化。 那麼，如何在 VS Code 中使用 Prettier 自動格式化 Astro 檔案呢？ 為了讓它運作，我們需要進行一些設定。 首先，安裝 Web 開發的預設格式化工具 Pre ...
| 2023-06-26 npm 可以在父文件夹中安裝套件 npm 可以在父文件夹中安裝套件了解如何解決使用 npm 安裝套件時可能遇到的問題 我在我的編程訓練營中遇到一些學生遇到了這個問題，這是我從未注意到的。 這是由於在空文件夾中安裝套件時 npm 的行為所導致的。 我建議使用 npm install <套件名稱> 來安裝套件，比如： 1npm install my-prime 在一個空文件夾中安裝。 默認情況下，這會創建一個 package.json 文件，將套件作為依賴添加到其中，創建一個 package-loc ...
| 2023-06-26 JavaScript，如何過濾陣列 JavaScript，如何過濾陣列如何在 JavaScript 中過濾陣列 您有一個陣列，希望過濾它，以獲取原始陣列中僅包含某些值的新陣列。 怎麼做呢？ JavaScript 陣列提供了一個內建的 filter() 方法，我們可以用它來完成這個任務。 假設我們有一個包含 4 個代表 4 隻狗的物件陣列： 123456789101112131415161718const dogs = [ { name: 'Roger', gender: ' ...
| 2023-06-26 linux-command-cd ＃Linux命令：cd 快速指南，用於更改目錄的cd命令 一旦你有了一個目錄，你可以使用cd命令進入它。cd表示更改目錄。你需要指定要進入的目錄。你可以指定一個目錄名稱，或者一個完整的路徑。 示例： 12mkdir fruitscd fruits 現在你進入了fruits目錄。 你可以使用..特殊路徑指示符表示上一級目錄： 1cd .. #返回主目錄 ＃字符表示評註的開始，它在找到之後的整行都被認為是評註。 你可以使用它來形成一個路徑： 1234mkdir fruitsm ...
| 2023-06-26 如何在 Node.js 中處理檔案上傳 如何在 Node.js 中處理檔案上傳本文將教你如何使用 Node.js，特別是 Express，來處理檔案上傳。 首先，安裝 express-fileupload npm 模組： 1npm install express-fileupload 然後將它加入至中介軟體： 12345import fileupload from 'express-fileupload'// 或者const fileupload = require('express ...
| 2023-06-26 Go 語言中的字符串 Go 語言中的字符串Go 語言中的字符串是 byte 值的序列。 如前所述，你可以使用下面的語法來定義一個字符串： 1var name = "test" 需要注意的是，和其他語言不同，字符串只能使用雙引號來定義，不能使用單引號。 要獲取字符串的長度，可以使用內建的 len() 函數： 1len(name) //4 你可以使用方括號來訪問字符串中的個別字符，通過傳遞所需字符的索引： 12name[0] //"t"（索引從 0 開始）n ...
| 2023-06-26 預處理器 預處理器如何使用 C 預處理器 預處理器在 C 編程中非常有用，它是 C 標準的一部分，就像語言、編譯器和標準庫一樣。 它解析我們的程式並確保編譯器在繼續處理之前獲得所有所需的東西。 實際上它做了什麼呢？ 例如，它查找所有使用 #include 指令包含的標頭文件。 它還查看您使用 #define 定義的所有常量並將其替換為其實際值。 這只是開始，我之前提到了這兩個操作，因為它們是最常見的操作。預處理器可以做更多的事情。 你有沒有注意到 #include 和 #define ...
| 2023-06-26 how-to-find-duplicates-array-javascript ＃JavaScript中如何找到陣列中的重複項目 如何在JavaScript陣列中找到並刪除重複項目 如果你想要刪除重複項目，有一個非常簡單的方法可以利用JavaScript提供的Set資料結構。只需一行程式碼即可完成： 1const yourArrayWithoutDuplicates = [...new Set(yourArray)] 如果你想要找出哪些項目是重複的，可以使用我們剛剛取得的”無重複陣列”，並從原始陣列中刪除它包含的每一個項目： 1234567891011 ...
| 2023-06-26 自助旅行：水 自助旅行：水 本篇文章屬於我的自助旅行系列。請參閱第一篇文章和電力篇文章。 水是一件大事。他們說人體高達60%是水。大腦和心臟的成分是73%的水。令人驚嘆，不是嗎？ 我唯一知道的是我每天需要喝很多水。 但水不只是用來喝的。 你需要水來清洗自己、洗碗、洗衣服，有時甚至用來洗狗，特別是當牠們真的很髒的時候。 水對烹飪也非常重要。 你可以在車上儲存的水量取決於車子本身。我有100升的清水，還有一個位於車底下的100升灰水箱，冷水存放於其中。 水，就像電力一樣，在房車中不是像在房子 ...
| 2023-06-26 JavaScript 賦值運算符 JavaScript 賦值運算符了解 JavaScript 的基本賦值運算符。 使用賦值運算符 = 將一個值賦給變數： 123const a = 2let b = 2var c = 2 該運算符對於所有算術運算符都有多個快捷方式，它們使您能夠將第二個操作數的計算結果賦給第一個操作數。 它們分別是： +=：加法賦值運算符 -=：減法賦值運算符 *=：乘法賦值運算符 /=：除法賦值運算符 %=：求餘賦值運算符 **=：指數賦值運算符 舉例來說： 123456let a = ...
| 2023-06-26 在 Go 中的條件語句 在 Go 中的條件語句我們使用 if 陳述式來根據條件執行不同的指令： 123if age < 18 { // 未成年} else 部分是可選的： 12345if age < 18 { // 未成年} else { // 成年} 並且可以與其他的 if 陳述式結合使用： 1234567if age < 12 { // 兒童} else if age < 18 { ...
| 2023-06-26 V8 JavaScript引擎 V8 JavaScript引擎V8是Google Chrome使用的JavaScript引擎的名稱。它是在使用Chrome瀏覽時將我們的JavaScript代碼執行的關鍵。V8提供了JavaScript執行的運行時環境，瀏覽器提供DOM和其他Web平台API。 V8是Google Chrome使用的JavaScript引擎的名稱。它是在使用Chrome瀏覽時將我們的JavaScript代碼執行的關鍵。 V8提供了JavaScript執行的運行時環境。DOM和其他Web平台AP ...
| 2023-06-26 如何在JavaScript中删除字符串的最后一个字符 如何在JavaScript中删除字符串的最后一个字符如何从字符串中删除最后一个字符呢？ 最简单的解决方案是使用字符串的 slice() 方法，传递两个参数。第一个参数是0，表示起点位置。第二个参数是要删除的字符数量。传递一个负数将从末尾开始删除。这是解决方案： 12const text = 'abcdef'const editedText = text.slice(0, -1) //'abcde' 请注意，slice() 方法不会修改 ...
| 2023-06-26 Vue.js CLI：學習如何使用它 Vue.js CLI：學習如何使用它Vue是一個非常令人印象深刻的項目，除了框架的核心外，它還維護了很多實用工具，使Vue程序員的生活更輕鬆。其中之一就是Vue CLI。 安裝 Vue CLI 提供了什麼？ 如何使用CLI創建新的Vue項目 如何啟動新創建的Vue CLI應用程序 Git存儲庫 從命令行使用預設值 預設值存儲位置 插件 遠程存儲預設值 Vue CLI的另一個用途：快速原型 Webpack Vue是一個非常令人印象深刻的項目，除了框架的核心外，它還維護了很 ...
| 2023-06-26 在 JavaScript 中如何生成 slug 在 JavaScript 中如何生成 slug我使用的一段代碼將字符串生成 slug 的方法 123456789101112131415161718192021export function slugify(str) { // 去除字符串頭尾的空格 str = str.trim() // 將字符串轉換為小寫 str = str.toLowerCase() // 移除重音符號，將 ñ 替換為 n，等等 str = str.normalize('NFD ...
| 2023-06-26 如何更改 DOM 节点的值 如何更改 DOM 节点的值给定一个 DOM 元素，如何更改它的值？ 更改 innerText 属性的值： 1element.innerText = 'x' 要查找该元素，可以结合使用 选择器 API： 1document.querySelector('#today .total') tags: [“DOM”, “Selectors API”]
| 2023-06-26 React 事件 React 事件学习如何在React应用中与事件进行交互 React提供了一种简单的方式来管理事件。准备与addEventListener说再见吧。 在关于状态的上一篇文章中，你看到了这个例子： 1234567const CurrencySwitcher = props => { return ( <button onClick={props.handleChangeCurrency}> 当前货币是{props.cur ...
| 2023-06-26 主意 主意每天我接觸到數百個偉大的主意。 Twitter. Hacker News. Reeder. Podcasts. YouTube. 我有一個精心選擇的收件箱，每天我都在與我所見過的最傑出的思想進行互動，大多數是被動的。 這就像一條河流。一個永無止境的流動。一個好思想和討論的潮汐。 這就是我成長的方式。這種持續接觸偉大思想的方式不可能污染我，反而幫助我前進。 每隔一段時間，我讀到的東西、聽到的東西或觀看的東西會找到一塊肥沃的領域，與我已經有的想法相遇並融合在一起。 這樣混合創 ...
| 2023-06-26 Swift可選型别和`nil` Swift可選型别和nil 本教程屬於Swift系列 可選型别是Swift的一個重要特性。 當你不確定一個值是否存在，你可以將其聲明為可選型别。 可選型别將另一個值包裹在內，具有自己的型别。或者也可能不包裹值。 我們可以在型别後面加上一個問號來聲明一個可選型别，像這樣： 1var value: Int? = 10 現在value不是一個Int值，而是一個包裹了Int值的可選型别。 要查找可選型别是否包裹了值，你必須進行解包。 可以使用一個感嘆號來進行解包，像這樣： 12v ...