|

如何使用基於 PHP 的 Cookie 會話

如何使用基於 PHP 的 Cookie 會話一個非常有趣的 Cookie 用例是基於 Cookie 的會話。 PHP 提供了一種非常簡單的方法來創建基於 Cookie 的會話,即使用 session_start()。 嘗試在 PHP 文件中添加以下代碼: 123<?phpsession_start();?> 然後在瀏覽器中加載該文件。 您將看到一個名為 PHPSESSID 的新 Cookie,並且已分配了一個值。 這就是會話 ID。它將在每次新請求中被發送,並且 ...

tech wiki
tech wiki
2 min read
|

使用表單接受使用者輸入並將其存儲到數據庫

使用表單接受使用者輸入並將其存儲到數據庫 本教程是 Laravel 手冊的一部分。從 https://flaviocopes.com/access/ 下載。 現在我們將創建一個表單來向表中添加狗。 為此,首先我們需要創建Dog模型。 什麼是模型?模型是一個允許我們與存儲在數據庫中的數據進行交互的類。 每個模型代表數據庫中的一個特定表,我們使用它來創建、讀取、更新和刪除記錄。 從終端創建模型使用以下命令: 1php artisan make:model Dog 這將在 ap ...

tech wiki
tech wiki
7 min read
|

React 中的單向數據流

React 中的單向數據流在使用 React 開發時,你可能會遇到「單向數據流(Unidirectional Data Flow)」這個概念。這究竟是什麼意思呢? 單向數據流並不是 React 獨有的概念,但作為 JavaScript 開發者,你可能第一次聽到這個名詞。 一般來說,這個概念指的是數據只有一種方式可以被傳遞到應用程序的其他部分。 在 React 中,這意味著: 狀態(state)被傳遞到視圖和子組件 动作(actions)由視圖觸發 動作可以更新狀態 視圖和子 ...

tech wiki
tech wiki
1 min read
|

Swift 模組

Swift 模組你在檔案中編寫軟體。 一個簡單的程式可能只會存在於單一個檔案中,但是複雜的程式則會寫在多個檔案之中。 Swift 提供了一種將多個檔案分組的方法,稱為 模組。 模組可以幫助我們做兩件事情:代碼複用和代碼封裝。 你只需將特定的功能寫一次,然後將其放入一個模組中,就可以在不同的地方和項目中引用它。 封裝意味著這個庫可以在內部執行很多複雜的事情,但是只暴露出一小部分給外部使用。 你可以通過 import 來開始使用模組。 如果你曾經寫過 1import SwiftU ...

tech wiki
tech wiki
1 min read
|

如何在PostgreSQL中切換數據庫

如何在PostgreSQL中切換數據庫這篇文章將快速解釋如何在psql工具中切換數據庫。 在psql中,你總是有一個活動的數據庫,你可以“進入”其中。默認情況下,這是你最初連接的數據庫。當你運行以下命令時: 1psql postgres 你將連接到postgres數據庫。 要切換數據庫,使用\connect命令,或者簡寫為\c: PostgreSQL將關閉你之前連接的數據庫的連接,並連接到你指定的新數據庫。 tags: [“PostgreSQL”, “database”, ...

tech wiki
tech wiki
0 min read
|

學習編程需要時間

學習編程需要時間編程是一項困難的活動。學習編程需要大量時間。沒有簡單的捷徑。如果你從零開始,並且想把編程當作一個職業,成為一名軟體工程師,那麼它將需要大量的努力和奉獻。 沒有其他選擇。如果你想成為一名開發者,你需要學習許多東西。需要長時間的學習。 好消息是,學習主要只需要時間。 沒有特別的需求。 你不需要具備特定的身體特徵,也不需要年輕,就像你在體育運動中所需的那樣。 你不需要高級設備。只需要一台筆記本電腦和一個互聯網連接。 這也是大多數人放棄的原因,而這就是你的巨大優勢。如 ...

tech wiki
tech wiki
1 min read
|

設置項目以使用Phaser構建JavaScript遊戲

設置項目以使用Phaser構建JavaScript遊戲建立一個現代化的項目,並開始使用Phaser 3構建JavaScript HTML5遊戲 Phaser是一個了不起的平台,它使創建遊戲變得非常簡單,還支持物理引擎。它足夠受歡迎,你可以找到插件和工具來更好地構建遊戲並更快地構建遊戲。 它基於HTML5技術,這意味著您可以通過Web進行遊戲分發,並且如果需要,也可以將其打包為桌面或移動應用程序。 遊戲編程是一個大的主題,在這個介紹中,我想談談基本知識,這些基本知識足以創建簡單 ...

tech wiki
tech wiki
5 min read
|

Airtable API for Developers

Airtable API for DevelopersAirtable API 開發指南 Airtable 是一個令人驚異的工具。 它結合了試算表和資料庫的功能。 作為一位開發者,你可以使用非常好用的介面創建一個資料庫,同時也可以享受到試算表的編輯和使用便利性,甚至可以從移動應用程式輕鬆更新你的記錄。 適合原型設計 Airtable 不僅僅是一個名不副實的試算表,對於想要原型設計或者建立最小可行性產品(MVP)的開發者來說,它是一個完美的工具。 MVP(Minimum Via ...

tech wiki
tech wiki
9 min read
|

write-what-you-dont-know

#寫下你不知道的事情 對於撰寫自己尚未了解的事情的一些思考 我正在結束一天的工作,剛剛打開了 Tim Ferris 的《賽博幫》一書。 這本書非常酷,收錄了許多非常成功的人的見解、引文和偉大建議。 有時這些建議是實用的,有時它們是值得遵循的偉大建議,有時它們能帶來啟發。 我翻閱了一些用螢光筆標註的頁面,以獲得每日智慧的補給。然後我翻到了一個我尚未閱讀過的隨機頁面,我找到了這樣的內容。 你經常聽到的最糟糕建議是什麼?「寫下你所知道的事情。」為何我想要寫關於我所知甚少的事情?難 ...

tech wiki
tech wiki
2 min read
|

如何在JavaScript中扁平化數組

如何在JavaScript中扁平化數組實用指南:如何在JavaScript中扁平化數組 ES2019在Array原型中引入了兩個新方法:flat和flatMap。它們對於我們想要的操作——將數組扁平化非常有用。 讓我們看看它們是如何工作的。 但首先,提醒一下:只有Firefox 62+、Chrome 69+、Edge 76+和Safari 12+已經支持這兩個方法,因為它們是比較新的。請查看當前瀏覽器支持情況,並記住,如果你需要支持較舊的瀏覽器,可以使用Babel將你的代碼回 ...

tech wiki
tech wiki
4 min read
|

如何使用Node.js寫入CSV檔案

如何使用Node.js寫入CSV檔案使用Node.js將數組數據寫入CSV文件的快速教程 你可以使用 objects-to-csv 這個優秀的庫,快速將數組對象寫入CSV文件。 當然還有其他許多庫可供選擇。我在一個自己的項目中發現了這個庫的實用性,因此寫了這個小教程。 如果你需要更注重性能的應用程序,可以使用基於stream的庫,例如 fast-csv。 首先安裝它: 1npm install objects-to-csv 然後在你的Node.js代碼中引入它: 1cons ...

tech wiki
tech wiki
1 min read
|

C運算子

C運算子介紹C運算子和運算符優先順序 C提供了各種各樣的運算子,我們可以用它們來操作數據。 特別是,我們可以識別出各種組運算符: 算術運算符 比較運算符 邏輯運算符 複合賦值運算符 位運算符 指針運算符 結構運算符 其他運算符 在這篇博文中,我將詳細介紹它們,並使用兩個虛擬變量a和b作為例子。 我會專門為位運算符、結構運算符和指針運算符撰寫另一篇博文。 算術運算符在這個大組中,我將區分二元運算符和一元運算符。 二元運算符使用兩個操作數進行運算: 運算符 名稱 示 ...

tech wiki
tech wiki
4 min read
|

CSS 盒模型

CSS 盒模型如何使用 CSS 盒模型? 每个 CSS 元素本质上都是一个盒子。每个元素都是一个通用的盒子。 盒模型根据一些 CSS 属性解释元素的大小。 从内到外,我们有: 内容区域 内边距 边框 外边距 最好的方式是打开浏览器的开发者工具并查看它的显示: 在这里,你可以看到 Firefox 告诉我一个我突出显示的 span 元素的属性。我右键点击它,按下检查元素,然后转到开发者工具的布局面板。 你可以看到,浅蓝色的空间是内容区域。它周围有内边距、边框和外边距。 默认 ...

tech wiki
tech wiki
1 min read
|

JavaScript等號運算子

JavaScript等號運算子學習 JavaScript 等號運算子的基礎知識 這些運算子接受兩個值並返回布林值: == 檢查是否相等 != 檢查是否不相等 === 檢查是否嚴格相等 !== 檢查是否嚴格不相等 現在來談談我們所謂的“嚴格”。在非嚴格檢查中,第二個運算元在進行比較之前會被轉換為第一個運算元的類型。嚴格模式則會阻止這種轉換。 舉例如下: 123456789const a = truea == true // truea === true // true1 = ...

tech wiki
tech wiki
1 min read
|

如何管理軟體專案

如何管理軟體專案專案管理是一門藝術。這門藝術有很多不同的詮釋方式,你可以花很多時間學習它。 在亞馬遜可以找到很多關於這個主題的書籍,在網上也有很多不同的觀點。 對於什麼構成了一個好的專案管理策略,沒有明確的答案,但在這篇文章中,我想和你分享我對如何管理軟體專案的看法。 快速開始的方式。 當你開始一個專案時,第一件事就是進行計劃,而不是馬上開始寫程式。 寫程式可能在你開始計劃後的一週或更長的時間內才會開始。 你首先進行需求分析階段,就像我在這個課程的第三個模組中解釋的那樣,在第 ...

tech wiki
tech wiki
2 min read
|

如何從 C 函數中返回一個字符串

如何從 C 函數中返回一個字符串了解如何從 C 函數中返回一個字符串 在我的一個 C 程序中,我需要在一個函數中返回一個字符串: 123xxxxx myName() { return "Flavio";} 麻煩的是定義返回值的類型。 C 中的字符串是char元素的數組,所以我們實際上無法直接返回一個字符串,而需要返回指向字符串第一個元素的指針。 這就是為什麼我們需要使用const char*的原因: 123const char* my ...

tech wiki
tech wiki
3 min read
|

安裝 iOS 和 Mac beta 版本

安裝 iOS 和 Mac beta 版本每年六月,蘋果公司都會舉辦開發者大會 WWDC(Worldwide Developers Conference)。 在這個日期,他們會宣布新的作業系統和程式語言更新。 這意味著新的 iOS、新的 macOS、新的 iPadOS、watchOS、tvOS。還有一個新的 Swift 更新,以及框架更新,甚至可能有新的框架。還有一個新的 Xcode 版本。 首個公開測試版隨後會釋出給開發者,並且整個夏天都會釋出許多不同的測試版,直到它們變得穩 ...

tech wiki
tech wiki
1 min read
|

在 Vercel 上的 Revalidation 和 ISR 的一個坑點

在 Vercel 上的 Revalidation 和 ISR 的一個坑點我對某件事感到驚訝,所以我寫了一篇文章來介紹。 第一次測試 ISR,這是 Next.js 提供的一個非常酷的功能。 基本上,我們可以在構建時靜態生成網站,因此一開始就提前獲取了所有的數據,然後 Next.js 提供了網頁的緩存版本。 但是我們也可以告訴 Next.js 網頁應該每隔 n 秒重新驗證一次。 所以我們可以設置(Next.js 13 應用文件夾): 1export const revalidat ...

tech wiki
tech wiki
2 min read
|

Python 變數的作用域

Python 變數的作用域在你宣告一個變數時,該變數在程式的不同部分有不同的可見性,取決於你在哪個位置宣告變數。 如果你在任何函式之外宣告一個變數,該變數對於在宣告之後運行的任何程式碼都是可見的,包括函式內部: 1234567age = 8def test(): print(age)print(age) # 8test() # 8 我們稱之為全域變數。 如果你在函式內部定義一個變數,該變數是一個區域變數,它只在該函式內部可見。在函式外部,它是無法存取的: 12345678 ...

tech wiki
tech wiki
1 min read
|

JavaScript食譜

JavaScript食譜JavaScript食譜包含許多有用的教學文章,解釋如何在JavaScript中執行常見的操作。 注意:此文檔將不斷更新。隨著時間的推移,此文章將填滿大量有用的教學內容。 字串 如何將JavaScript字串中的首個字母轉成大寫 如何在JavaScript中檢查字串是否包含子字串 如何在JavaScript中替換字串的所有出現 如何將字串轉換為數字 如何在JavaScript中創建多行字串 如何在JavaScript中檢查字串是否以另一個字串開頭 ...

tech wiki
tech wiki
2 min read
|

如何使用 Flexbox 讓元素固定在頁面底部

如何使用 Flexbox 讓元素固定在頁面底部這裡演示了如何將一個 div 元素固定在頁面底部。 以下是一個簡單的範例,展示了如何將一個 div 元素對齊到頁面底部。 我在高度超出視窗的情況下,需要將一個元素固定在頁面底部,但如果屏幕尺寸不夠,它仍然需要跟隨頁面流動。 以下是我使用 Tailwind CSS 創建的非常簡化的範例: 123456<html> <body class="text-center"> <p>te ...

tech wiki
tech wiki
1 min read
|

CSS字型

CSS字型學習如何在CSS中使用字型 在Web的黎明時期,你只能選擇少數幾種字型。 幸運的是,如今你可以在你的網頁上載入任何種類的字型。 CSS在字型方面在多年來獲得了許多不錯的功能。 font屬性是一些屬性的縮寫: font-family font-weight font-stretch font-style font-size 讓我們逐一介紹它們,然後再討論font。 接著,我們將討論如何載入自訂字型,可以使用@import或@font-face,或通過載入字型樣式表 ...

tech wiki
tech wiki
6 min read
|

CSS供應商前綴

CSS供應商前綴CSS供應商前綴(Vendor prefixes)的概述,Autoprefixer以及為什麼它們在未來不太重要。 供應商前綴是瀏覽器提供給我們CSS開發者的一種方式,讓我們可以使用尚未被認為是穩定的新功能。 然而,需要注意的是,這種方法正在逐漸不受歡迎,取而代之的是使用實驗性標誌,這些標誌必須在用戶的瀏覽器中明確啟用。 為什麼會這樣呢?因為開發者們並不是將供應商前綴視為預覽功能的一種方式,而是直接將其用於生產環境中,而這被CSS工作組視為有害的行為。 主要原因 ...

tech wiki
tech wiki
3 min read
|

SwiftUI:條件性顯示視圖中的項目

SwiftUI:條件性顯示視圖中的項目在表單中,一個常見的操作是使用一個切換控制項,當切換被啟用時,顯示一些額外的選項。 你可以在設定應用中經常看到這種情況,例如啟用 Wi-Fi 時。 那麼,你該如何實現這個效果呢? 首先,創建一個帶有切換控制項的 Form 視圖: 123456789struct ContentView: View { @State private var enabled = false var body: some View ...

tech wiki
tech wiki
2 min read
|

CSS媒體查詢和響應式設計

CSS媒體查詢和響應式設計如何在CSS中使用媒體查詢來構建響應式網頁 在本篇文章中,我將首先介紹媒體類型和媒體特性描述符,然後解釋媒體查詢。 媒體類型在媒體查詢和@import聲明中使用的媒體類型,允許我們確定在哪個媒體上加載CSS文件或CSS片段。 我們有以下媒體類型: all表示所有媒體 print用於打印 screen用於在屏幕上顯示頁面 speech用於屏幕閱讀器 screen是默認值。 以前我們有更多的媒體類型,但大多數已被棄用,因為它們被證明不能有效地確定設備 ...

tech wiki
tech wiki
5 min read
|

Arduino項目:使用主動蜂鳴器

Arduino項目:使用主動蜂鳴器在這個項目中,我們將使用Arduino來發出聲音,並使用一個主動蜂鳴器。 首先將蜂鳴器連接到一根電線上: 蜂鳴器有一個“+”極,我使用紅色電線連接該極(這是一個好的習慣)。 然後將“-”電線連接到Arduino的GND引腳,將“+”電線連接到數字輸出引腳,這裡我選擇了引腳#9: 現在切換到Arduino程序。為了發出聲音,我們需要向蜂鳴器的“+”引腳寫入HIGH值,延遲一小段時間,例如一毫秒,然後在同一引腳上寫入LOW值: 123456 ...

tech wiki
tech wiki
2 min read
|

在React中使用SASS

在React中使用SASS如何使用SASS來設計React應用程式 當你使用create-react-app來建構React應用程式時,你有很多選擇來進行樣式設計。 當然,如果你不使用create-react-app,你有無數的選擇,但我們只討論create-react-app提供的選項。 你可以使用普通的class和CSS檔案、使用style屬性或CSS模組來進行樣式設計。 SASS/SCSS是非常流行的選項,許多開發人員喜愛使用它。 你可以在create-r ...

tech wiki
tech wiki
1 min read
|

如何從JavaScript日期獲取月份名稱

如何從JavaScript日期獲取月份名稱給定一個JavaScript Date對象實例,如何獲取代表月份名稱的字符串呢? 換句話說,從 1const today = new Date() 我們如何得到月份名稱? 每個Date對象實例都有一個toLocaleString()方法,它是JavaScript國際化方法之一。 使用這個方法,你可以根據當前的語言環境得到月份名稱,以下是如何使用它: 12const today = new Date()today.toLocaleSt ...

tech wiki
tech wiki
1 min read
|

如何使用 JavaScript 編碼 URL

如何使用 JavaScript 編碼 URL如果您需要將 URL 作為 GET 請求的一部分發送,那麼您可能需要將其編碼。 在 JavaScript 中,該如何編碼 URL? 根據您的需求,有兩個 JavaScript 函數可以幫助您。 第一個是 encodeURI(),第二個是 encodeURIComponent()。 注意:您可能會讀到 escape() 的相關資訊,但它已被棄用,不應使用。 這兩種方法在編碼哪些字符方面有所不同。 具體來說,encodeURI() ...

tech wiki
tech wiki
2 min read
|

MongoDB基礎教學

MongoDB基礎教學MongoDB是一個資料庫,負責存儲和檢索資訊的應用程序的一部分。 MongoDB是一個NoSQL資料庫。在NoSQL這個範疇下,我們將那些不使用SQL語言進行查詢的數據庫都歸為一類。 MongoDB的主要特點: MongoDB非常友好於JavaScript。它提供了一個JavaScript API,我們可以使用它來創建數據庫和對象集合(稱為文件)。 它是無結構化的,這意味著在存儲數據之前,你不需要預先定義數據的結構。 在MongoDB中,您可以存儲任何 ...

tech wiki
tech wiki
4 min read
|

CSS Grid 教程

CSS Grid 教程CSS Grid 是 CSS 城中的新生力量,雖然還不被所有瀏覽器完全支持,但它將成為未來布局系統的核心。 網格。一個數字的薄膜。當數據通過計算機傳送時,我試圖想像它們是什麼樣子?船?摩托車?電路就好像高速公路一樣?我一直夢想著能看到像這樣的新世界。然後有一天.. 我進來了。——《创:異世紀》 CSS Grid 簡介 基礎知識 grid-template-columns 和 grid-template-rows 自動大小 不同的列和行的大小 在單元 ...

tech wiki
tech wiki
15 min read
|

總覽

#Push API指南 推送API允許網絡應用程序接收由服務器推送的消息,即使該Web應用程序在瀏覽器中沒有打開或者不在設備上運行。 是否受到支持? 它是如何工作的 總覽 獲取用戶權限 檢查是否支持服務器工作者 檢查是否支持推送API 註冊服務器工作者 向用戶請求權限 訂閱用戶並獲取PushSubscription對象 將PushSubscription對象發送到服務器 服務器端如何工作 註冊新的用戶端訂閱 發送推送消息 在現實世界中… 接收推送事件 顯示通知 ...

tech wiki
tech wiki
18 min read
|

如何在 JavaScript 中將數字格式化為貨幣值

如何在 JavaScript 中將數字格式化為貨幣值透過 JavaScript 的國際化 API,了解如何將數字轉換為貨幣值。 假設你有一個數字為 **10**,代表某物品的價格。 你想將它轉換為 **$10.00**。 然而,如果數字超過3位數,則應以不同方式顯示,例如 1000 應該顯示為 **$1,000.00**。 然而,這僅是美元的表示方法。 不同的國家有不同的值表示習慣。 JavaScript 使用 ECMAScript 國際化 API 讓我們能夠輕鬆達成這一目標 ...

tech wiki
tech wiki
2 min read
|

Homebrew 的實用指南

Homebrew 的實用指南介紹流行的 Homebrew 套件管理器 Homebrew 是一個很好的套件管理器。原本是為 macOS 而開發的,現在也可以在 Linux 和 Windows Subsystem for Linux 上運行。 使用 Homebrew,你可以安裝幾乎任何你能想到的命令行應用程式,甚至是擁有完整圖形界面的應用程式。 如何安裝 Homebrew?在 macOS 上,安裝 Homebrew 的指令如下: 1/usr/bin/ruby -e "$ ...

tech wiki
tech wiki
3 min read
|

如何在 JavaScript 中獲取當前的時間戳

如何在 JavaScript 中獲取當前的時間戳了解 JavaScript 提供了哪些方法來生成當前的 UNIX 時間戳。 UNIX 時間戳是一個整數,表示從 1970 年 1 月 1 日開始的秒數。 在像 Linux 和 macOS 這樣的 UNIX-like 系統上,你可以在終端中輸入 date +%s,然後獲取到 UNIX 時間戳: 12$ date +%s1524379940 在 JavaScript 中,可以通過調用 Date 對象的 now() 方法獲取當前的時 ...

tech wiki
tech wiki
2 min read
|

什麼是端口

什麼是端口了解網絡中的端口是什麼 在進行網絡請求時,你會使用一個IP地址或者主機名稱以及一個端口。 像這樣: http://localhost:8080 (端口8080) ftp://127.0.0.1:29392 (端口29392) 那麼,什麼是端口? 它是一種技術,用於允許多個應用程序在同一台計算機上使用同一個協議進行響應。 例如,我們可以在機器上運行一個Web服務器。可以在不同的端口上啟動第二個Web服務器。 假設第一個運行在80端口,這是使用HTTP協議的Web服 ...

tech wiki
tech wiki
1 min read
|

如何使用 JavaScript 獲取明天的日期

如何使用 JavaScript 獲取明天的日期如何使用 JavaScript 獲取明天的日期呢? 前幾天我遇到了這個問題。 於是我對 Date 對象進行了一些測試,特別是使用了它的 getDate() 和 setDate() 方法。getDate() 方法返回當前日期,而 setDate() 方法設置當前日期。 以下是獲取明天日期的步驟: 首先,使用 new Date() 獲取當前日期。 通過將日期加 1 來設置新的日期。 完成! 使用 setDate() 方法傳遞 &l ...

tech wiki
tech wiki
1 min read