|

介紹 JSON Web Token (JWT)

介紹 JSON Web Token (JWT)學習 JWT 基礎知識及如何使用它 JSON Web Token 是一種用於創建應用程式的訪問令牌的標準。 它的運作方式是,伺服器生成一個令牌,用於驗證使用者身份,並將其發送給客戶端。 客戶端將在每個後續請求中將令牌發送回伺服器,因此伺服器知道該請求來自特定身份。 這種架構在現代 Web 應用程序中非常有效,在使用者驗證之後,我們會對 REST 或 GraphQL API 執行API請求。 誰在使用 JWT 呢?以 Google ...

tech wiki
tech wiki
5 min read
|

如何使用 Prisma

如何使用 PrismaPrisma 使用教程 Prisma 是一個有趣的 ORM(Object-Relational Mapping)。 ORM 是一個對數據庫的抽象層。 在過去的幾個月中,我有幸在幾個不同的項目中使用了 Prisma,現在我想向您展示如何輕鬆入門(並不斷前進)。 我將在基於 Next.js 的 React 應用程序中使用 Prisma。 您可以創建一個新的 Next.js 應用程序文件夾: 1npx create-next-app 要添加 Prisma,您 ...

tech wiki
tech wiki
8 min read
|

Go程式語言介紹

Go程式語言介紹這篇文章是關於Go語言的新系列開始。 Go是一種令人驚嘆、簡單、現代且快速的程式語言。 它是編譯型的、開源的、強類型的。 它是由Google工程師創建的,目標如下: 讓他們的專案編譯(和運行)更快 簡單易懂,人們可以在很短的時間內上手 具有足夠的低級功能,但也避免了一些過於低級的問題 可攜性強(編譯的Go程序是二進位文件,不需要其他文件來運行,並且跨平台,因此可以輕鬆分發) 乏味、穩定、可預測,提供少量犯錯的機會 方便利用多處理器系統的優點 它旨在成為C和 ...

tech wiki
tech wiki
4 min read
|

Express中的路由

Express中的路由路由是在呼叫URL時確定應該發生什麼事情的過程,或者也可以確定應用程式的哪些部分應該處理特定的請求。 在Hello World的例子中,我們使用了這段程式碼: 1app.get('/', (req, res) => { /* */ }) 這創建了一個路由,將使用HTTP GET方法訪問根域名URL /的請求映射到我們想提供的回應。 命名參數如果我們想要聽取自定義請求,也許我們想要創建一個服務,接受一個字符串 ...

tech wiki
tech wiki
1 min read
|

在 macOS 上安裝 MySQL

在 macOS 上安裝 MySQL逐步指南,使用 Homebrew 在 macOS 上安裝 MySQL 在 macOS 上,您可以使用 Homebrew 輕鬆地安裝 MySQL。 執行以下命令: 1brew install mysql 上述命令需要一段時間,然後將列印出類似於以下的內容: 現在,您可以通過運行以下命令來啟動 MySQL 服務器: 1brew services start mysql 現在,我們需要保護 MySQL 服務器。默認情況下,該服務器不帶有 roo ...

tech wiki
tech wiki
2 min read
|

在Python中使用正則表達式

在Python中使用正則表達式正則表達式讓我們可以在字符串中查找符合特定格式的內容。 通過使用特殊的語法來構建正則表達式,您可以: 在字符串中進行搜索 在字符串中替換子字符串 從字符串中提取信息 re模塊是Python標準庫中的一個工具集,用於處理正則表達式。 特別是它提供了以下函數: re.match():檢查字符串開頭的匹配 re.search():在字符串中查找匹配項 這兩個函數都接受三個參數:模式、要搜索的字符串和標誌。 在介紹如何使用它們之前,讓我們先介紹一 ...

tech wiki
tech wiki
3 min read
|

使用 Node.js、Express 和 MongoDB 构建 REST API

使用 Node.js、Express 和 MongoDB 构建 REST API在本教程中,我们将使用 Node.js 和 Express 构建一个 REST API。 该 API 将提供一组 GET 和 POST 端点,以允许获取数据和发送数据。 我们将使用 MongoDB 数据库存储这些数据。 提示:在继续本教程之前,请确保在您的系统上安装了 MongoDB 数据库(或者您可以使用 Cloud MongoDB 数据库,如果您更喜欢这种方式) 我们的任务是创建一个旅行成 ...

tech wiki
tech wiki
13 min read
|

如何使用URLSearchParams在JavaScript中获取查詢字符串值

如何使用URLSearchParams在JavaScript中获取查詢字符串值使用URLSearchParams訪問和修改查詢字符串值 HTTP協議允許使用查詢字符串發送對網頁的請求。 像這樣: 12https://test.com/?name=rogerhttps://test.com/hello?name=roger 這種情況下,我們有一個名為name的單一查詢參數,其值為roger。 您可以有多個參數,像這樣: 1https://test.com/hello?name ...

tech wiki
tech wiki
3 min read
|

開始玩遊戲

開始玩遊戲對於世界上的每個創造者,有100個消費者。 這只是一個虛構的統計數據。根據不同的行業,這個比例可能是1/1000,甚至是1/10000。 對於每一個持續創作高品質視頻的YouTuber而言,這個比例可能是1/100000。YouTube報告稱有20億已登錄用戶,所以這樣的話就會有20,000位YouTuber。聽起來還算合理,對吧? 你如何成為一個YouTuber呢?你只需要開始製作視頻。我相信你也試過觀看你最喜歡YouTuber的第一 ...

tech wiki
tech wiki
2 min read
|

Fish Shell

Fish Shell介紹 Fish Shell 我用 Fish Shell 已經好幾個月了,我認為這是我使用過的最好的 Shell。有很多原因。 大多數人似乎都使用Bash,因為它是許多系統的默認選項(更新:現在 macOS 的默認選項是 Zsh),或者使用Zsh,配合強大的工具如 Oh My Zsh 使它更加令人驚嘆。 儘管Bash很棒,但它是一個非常基本的shell,具有有限的可配置選項。我主要使用它來運行Bash腳本(這是另一個話題)而不是作為交互式shell。Zsh提 ...

tech wiki
tech wiki
6 min read
|

peerjs

#介紹 PeerJS,WebRTC 庫 使用 WebRTC 可能會很困難。PeerJS 是一個很棒的庫,讓 WebRTC 變得更容易。 我寫過一篇關於 WebRTC 的文章。那篇文章描述了使用該協議使兩個網頁瀏覽器直接通信的細節。 在那篇教程中,我提到了一些抽象了許多細節的庫,以實現 WebRTC 通信。 其中一個庫就是 PeerJS,它使實時通信變得非常簡單。 首先,您需要一個後端,讓兩個客戶端在能夠直接通信之前進行同步。在一個文件夾中,使用 npm init 初始化一個 ...

tech wiki
tech wiki
3 min read
|

Go教程:由PostgreSQL支持的REST API

Go教程:由PostgreSQL支持的REST API在本教程中,我將說明如何使用Go來提供一個JSON API。我將為Vue.js應用程序創建一個基本的後端,該後端將提供PostgreSQL數據庫中已有的數據。 我想要解決的問題的介紹 現有的數據庫結構 簡單的HTTP響應處理程序 連接到PostgreSQL 將處理程序移至它們自己的文件 實現/api/index端點 實現/api/repo/端點 這是正確的JSON嗎? 總結 正文我想要解決的問題的介紹我將在瀏覽器中使用 ...

tech wiki
tech wiki
36 min read
|

如何修復 macOS 中的 \"EMFILE: too many open files, watch\" 錯誤

如何修復 macOS 中的 “EMFILE: too many open files, watch” 錯誤一個解決混亂的 React Native 錯誤的快速指南 我在 MacBook Air 上啟動一個 React Native 項目時,運行以下命令: 1npx react-native start 我收到了一個包含以下內容的錯誤: 1Error: EMFILE: too many open files, watch 我嘗試了各種方法來解決這個問題,直到我發現建議使用 ...

tech wiki
tech wiki
1 min read
|

創建您的部落格系統

創建您的部落格系統我是一名工程師,我相信系統的力量。人類是脆弱的,但系統是強大的。有了系統,人們就能走上正確的軌道。 如果我們的部落格能有一套系統,一切都會變得簡單。 事實上,我們確實可以擁有一套系統,在這一節中,我將解釋我使用的系統。 它可能不是適合您的完美系統,我不會假裝這是一套適用於100%情況的系統。但這是一個起點,您可以通過調整它來創建您自己的完美系統。 系統使您保持一致。 一致性至關重要為什麼一致性如此重要? 因為一致性深深植根於我們的爬行大腦中。 您是每週二發佈 ...

tech wiki
tech wiki
5 min read
|

Gatsby,如何更改網站圖示(favicon)

Gatsby,如何更改網站圖示(favicon)我使用 Gatsby 創建了一個網站,並想要更改網站圖示(favicon)。 我迅速查找了如何更改它,過程非常簡單。 預設的網站圖示是 static/favicon.ico 這張圖片。只需更改該圖片,然後你的網站圖示就會更新。 如果你使用 gatsby-plugin-sharp 插件,預設的網站圖示則是 src/images/gatsby-icon.png。 你不必使用相同的路徑或相同的格式 - 圖片也可以是 SVG 格式的。例 ...

tech wiki
tech wiki
1 min read
|

Zeit Now 教學

Zeit Now 教學了解如何使用 Zeit 所創造的 Now 平台 Zeit 現在被稱為 Vercel,此教學可能已經過時。 部署 Node.js 應用程式最簡單的方法之一就是使用 Zeit 所創造的 Now 平台。 最近推出了 Now 2。此教學專注於 Now 2。與 Now 1 有許多不同之處,在這篇文章中有詳細說明。 Now 讓應用程式的部署和分發步驟變得非常簡單和快速。你可以把它當成「雲端」,因為你並不知道你的應用程式將被部署在哪裡,但你知道你將擁有一個可以 ...

tech wiki
tech wiki
6 min read
|

如何在 Next.js 中解析 Markdown

如何在 Next.js 中解析 Markdown我有一個包含 Markdown 內容的欄位,然後我想在 Next.js 的頁面上將其顯示出來。 我使用了 marked、dompurify 和 jsdom 。以下是一個在 Next.js 的動態頁面中用於渲染項目描述的示例。 請注意,由於 DOMPurify.sanitize() 需要在伺服器端調用,因為它假設我們在 Node.js 環境中,所以我將它放在 getStaticProps() 中: 1234567891011121 ...

tech wiki
tech wiki
3 min read
|

如何從 Node.js 使用 Redis

如何從 Node.js 使用 Redis在 Node.js 應用程式中,使用 Redis 伺服器最受歡迎的庫之一是 node-redis,它可以在 https://github.com/NodeRedis/node-redis 找到。 在您的專案中安裝該庫: 1npm install redis 提示:如果專案是全新的並且還沒有 package.json 檔案,請先執行 npm init -y。 連接到 Redis 實例安裝完庫之後,使用以下程式碼在您的專案中引入它: ...

tech wiki
tech wiki
7 min read
|

如何使用Shell腳本將所有檔名中的空格替換為底線

如何使用Shell腳本將所有檔名中的空格替換為底線在處理網站時,我需要遞迴地將資料夾中所有的檔名中的空格替換為底線。這是我在網站上工作時需要進行的其中一個臨時操作,而我並不想要搜索、安裝(購買)一個應用程式來完成這個操作。 以下是我使用Fish Shell腳本完成這個操作的方法: 12345678910111213#!/opt/homebrew/bin/fish# 定義要搜索的目錄set search\_dir ./# 遞迴地搜索目錄中的所有檔案find $search\_d ...

tech wiki
tech wiki
1 min read
|

電子基礎知識:使用麵包板進行原型開發

電子基礎知識:使用麵包板進行原型開發在這張圖片中,您可以看到一個簡單的電路,包含電池、電阻和LED。 這些元件被放置在一個小白盒子裡,稱為麵包板: 麵包板的一側有17組5個互相連接的元件,另一側也有17組互相連接的元件: 在麵包板的底部,一組中的5個孔是互相連接的,因此我們可以輕鬆地建立電氣連接。 這是一個用於簡單原型開發的小板子。 這是一個更大的板子: 原理相同,我們在外圍有更多的元件,這些元件被包裹在紅線和藍線之間: 在這種情況下,這些元件是與內部的5元素集合相 ...

tech wiki
tech wiki
1 min read
|

如何解決 JavaScript 中的「is not a function」錯誤

如何解決 JavaScript 中的「is not a function」錯誤我在寫 JavaScript 時不加分號。 而這個我真的很喜歡。在我看來,這樣子語言更加清晰。 你可能不喜歡這樣,這是可以理解的。但這就是事實。 分號是可選的,我們沒有必要加上它們。 然而,有時我們必須要特別注意。尤其在 Node.js 中,我們使用 require() 來載入外部模組和檔案。 這可能會導致某些情況下出現以下錯誤: 1TypeError: require(...) is not a ...

tech wiki
tech wiki
2 min read
|

如何在 macOS 上安裝 PostgreSQL

如何在 macOS 上安裝 PostgreSQL安裝 PostgreSQL 資料庫管理系統的步驟指南 下面的指示是基於 macOS 安裝 PostgreSQL 的方式。 對於 Windows 和 Linux 使用者,請前往 https://www.postgresql.org/download/ 選擇適合的套件。 如果你使用其他平台,請搜尋「如何在 Windows 安裝 PostgreSQL」或「如何在 你的 Linux 發行版 安裝 PostgreSQL」。這些步驟不會有太 ...

tech wiki
tech wiki
3 min read
|

如何在JS中將數組分成多個相等部分

如何在JS中將數組分成多個相等部分我遇到了一個問題。 一個數組包含了很多項目,我想將它分成多個部分。 我想出了兩種完全不同的解決方案。 A)第一種是將數組平均分成多個部分,例如每個部分有2或3個項目B)第二種是創建n個部分並為其添加相等的變量集合項目 不同的是我們分割的方法和原因。解決方案(A)在你不知道最後會得到多少組時很好用,而且你並不關心,但你知道你想要每個新數組中有X個項目。 解決方案(B)在你知道你想要創建多少組並且對此要求嚴格時很好用,但你並不關心每個新數組的項目 ...

tech wiki
tech wiki
3 min read
|

CSS層疊

CSS層疊了解CSS層疊的意義及其重要性 層疊是CSS的一個基本概念。畢竟,它在名字中就有了,CSS的第一個C - Cascading Style Sheets(層疊樣式表),它一定是一件重要的事情。 它代表什麼意思? 層疊是指確定應用於頁面上每個元素的屬性的過程或算法。 試圖從定義在各個位置的CSS規則列表中匯總。 它考慮到了: 特定性 重要性 繼承 檔案中的順序 它還負責解決衝突。 對於應用於同一元素的相同屬性的兩個或更多競爭CSS規則,需要根據CSS規範進行進一步處 ...

tech wiki
tech wiki
1 min read
|

內容為王

內容為王內容很重要。內容是最重要的事情,在您的博客中。 讓我們討論一些我認為是以內容為中心的博客策略的基本支柱。 寫給你的讀者假設您擅長烹飪。寫一些關於您的手藝的內容:烹飪技巧、材料、食譜,與其他熱愛烹飪的人交流。您喜歡編織?為其他愛好編織的人寫作,分享編織的技巧和您學到的新知識。喜歡狗?創建一個針對狗主人的博客。 無論您做什麼,重要的是您找到一群對某個主題和您一樣熱情的人,並且為他們寫作。 如果您的所寫對其他人沒有價值,那麼您寫的內容就沒有價值。當然,您可以寫一些只有您自己 ...

tech wiki
tech wiki
3 min read
|

JavaScript 調試指南

JavaScript 調試指南透過瀏覽器的開發者工具調試 JavaScript 的方法 調試是程序設計師必備的核心技能之一。 有時候即使我們盡了最大的努力,但程序還是不能正確運行,比如說它崩潰了、運行緩慢或打印了錯誤信息。 當你編寫的程序不能按照期望的方式運行時,你該怎麼辦呢? 你需要開始調試。 找出問題可能出在哪裡第一步總是觀察發生了什麼,並試圖確定問題的根源所在。這是環境問題?是你給程序提供的輸入有問題?它是由於內存使用過多而導致一次性崩潰?還是每次運行都出現這個問題? ...

tech wiki
tech wiki
6 min read
|

CSS calc() 函式

CSS calc() 函式學習如何使用 CSS 的 calc() 函式 calc() 函式可以讓您對數值進行基本的數學運算,尤其在需要將長度值加減百分比時非常有用。 以下是它的工作方式: 123div { max-width: calc(80% - 100px)} 它會返回一個長度值,因此可以在任何需要像素值的地方使用。 您可以進行以下運算: 使用 + 進行加法 使用 - 進行減法 使用 * 進行乘法 使用 / 進行除法 注意:在進行加法和減法時, ...

tech wiki
tech wiki
1 min read
|

XState介紹

XState介紹XState有限狀態機JavaScript庫的概述 我曾經在過去的文章中提到過有關有限狀態機的內容,並提到過XState。在這篇文章中,我想要介紹這個受歡迎的JavaScript庫。 有限狀態機是一種處理複雜狀態和狀態變化並保持程式碼幾乎無錯誤的有趣方法。 就像我們使用各種工具來設計軟體項目以在構建之前設計它一樣,我們在構建之前使用模型和使用者體驗工具來思考UI,有限狀態機幫助我們解決狀態轉換的問題。 電腦程式就是在輸入之後從一個狀態過渡到另一個狀態的事情。如 ...

tech wiki
tech wiki
12 min read
|

關聯模型

關聯模型關聯模型是在資料模型帖子中列出的邏輯資料模型中最受歡迎的,並且它是基於SQL資料庫的基礎。 關聯模型基於兩個簡單的概念: 表格 關聯 關聯模型可以追溯到1969年,當時英國計算機科學家Edgar F. Codd提出了這一概念。作為計算機程序員,我們習慣於關注新奇的事物,但一個能夠在計算機領域中持續50年的技術絕對值得學習。 模型基於表格的事實使其非常直觀易用,因為我們習慣於使用表格來組織事物。比如,想想Excel電子表格。 使用像PostgreSQL、Oracle ...

tech wiki
tech wiki
3 min read
|

為 Web 開發人員的程式碼 Linters 和 Formatters

為 Web 開發人員的程式碼 Linters 和 Formatters有許多在線工具可以幫助您 lint 或格式化程式碼。本文列出了一些對 HTML、CSS 和 JavaScript 最有用的工具。 改進您的JavaScript程式碼的流行專案的官方在線版本Prettier(格式化程式碼)https://prettier.io/playground/ ESLint(程式碼檢查工具)https://eslint.org/demo JSHint (程式碼檢查工具)http://j ...

tech wiki
tech wiki
1 min read
|

JavaScript 可選鏈接

JavaScript 可選鏈接可選鏈接運算符 (optional chaining operator) 是一個非常有用的運算符,我們可以用它來操作對象及其屬性或方法。 以前,你是否曾使用過 && 運算符作為備用方案呢?這是我最喜歡的 JavaScript 特性之一。 在 JavaScript 中,我們可以先檢查對象是否存在,然後嘗試獲取其屬性,就像這樣: 12const car = nullconst color = car && car.co ...

tech wiki
tech wiki
2 min read
|

CSS邊框

CSS邊框如何透過CSS處理邊框 邊框是在內邊距和外邊距之間的一層薄紗。透過編輯邊框,可以讓元素在螢幕上繪製其周邊。 你可以透過以下屬性來處理邊框: border-style border-color border-width 屬性border可以作為所有這些屬性的快捷方式使用。 border-radius用於創建圓角。 還可以使用圖像作為邊框,使用border-image及其特定的分開屬性來實現。 border-image-source border-image-sl ...

tech wiki
tech wiki
4 min read
|

如何在DigitalOcean上建立您的第一個VPS

如何在DigitalOcean上建立您的第一個VPS一個由零開始完成DigitalOcean VPS建立的完整指南 在本文中,我想引導您完成在DigitalOcean上設置第一個Linux虛擬專用伺服器(VPS)的過程。 DigitalOcean是最著名的VPS服務之一。 DigitalOcean具有對於最著名的應用程式和作業系統的一鍵安裝過程,它提供了一個全球數據中心和CDN位置的環境。它也非常可靠,且以每月5美元起點價格非常方便。 我認為DigitalOcean是最實惠且 ...

tech wiki
tech wiki
4 min read
|

如何安裝Redis

如何安裝Redis您可以從https://redis.io/download下載最新版本的Redis。 Redis可以安裝在任何伺服器上。在此我們將在本地安裝以進行測試。 在macOS上,使用Homebrew安裝更簡單。運行以下命令: 1brew install redis 然後運行: 1brew services start redis 以使Redis在計算機重新啟動時自動啟動和重新啟動。 您也可以使用以下命令手動啟動: 1redis-server /usr/local ...

tech wiki
tech wiki
1 min read