|

如何更新Pi-hole

如何更新Pi-hole我將我的Raspberry Pi安裝為全網廣告攔截器,使用Pi-hole。 它運作得很好。 有時候必須更新Pi-hole的軟體,因為會有新版本釋出等等。 你可以在Pi-hole管理介面底部看到這個通知: 你可以手動更新它,透過在Raspberry Pi上登入,可以使用VNC或SSH,然後執行以下指令: 1pihole -up 然後,版本就會更新: 你可以設定一個腳本,使用cron job定期自動執行pihole -up。 執行crontab - ...

tech wiki
tech wiki
1 min read
|

應該選擇使用 Vue 還是 React?

應該選擇使用 Vue 還是 React?許多人問我對於 React 和 Vue.js 的意見。以下是我的想法。 作為對 Vue 和 React 製作電子書和課程的經驗者,我也在許多小型專案中使用它們,因此我認為我可以回答這個問題,幫助你在這兩者之間作出選擇。 下面是我的印象。 兩者都很好且快速在技術細節上沒有差別,它們都達到相同的目的,且都執行得很好。 Vue 更適合初學者這是我的印象。 React 正試圖追趕 Vue.js 最大的賣點,即 Vue 的初學者友善性。反之,Re ...

tech wiki
tech wiki
2 min read
|

Python 布林值

Python 布林值Python 提供了 bool 型別,它可以有兩個值:True 和 False(大小寫有別)。 12done = Falsedone = True 布林值在條件控制結構(如 if 語句)中尤其有用: 123456done = Trueif done: # 在這裡運行一些程式碼else: # 在這裡運行一些其他程式碼 在評估一個值是 True 還是 False 時,如果該值不是布林值,我們有一些規則,取決於我們要檢查的型別: 數字除了數字 ...

tech wiki
tech wiki
2 min read
|

React高階元件

React高階元件了解什麼是高階元件,以及在開發React應用程式時它們的用途。 你可能對JavaScript中的高階函式已經很熟悉了。這是指接受函式作為參數和/或回傳函式的函式。 兩個範例是Array.map()和Array.filter()。 在React中,我們將此概念擴展到元件,因此我們有了**高階元件(HOC)**,當元件接受元件作為輸入並將元件作為輸出時。 一般來說,高階元件可以讓你創建可組合和可重用的程式碼,並提供更好的封裝性。 我們可以使用高階元件來 ...

tech wiki
tech wiki
2 min read
|

如何在 macOS 上安裝本地 SSL 憑證

如何在 macOS 上安裝本地 SSL 憑證您已經編寫了一個應該使用 HTTPS 的應用程序,但它無法正常工作:當您嘗試使用 HTTPS 訪問時,出現警告,儘管您已經創建了一個本地憑證。 這是因為默認情況下,瀏覽器不信任本地憑證。 我們需要安裝它! 我假設您在本節中使用 Chrome 瀏覽器。 之後尋找地址欄附近的“不安全”圖標,然後會出現一個小面板: 點擊面板中的“憑證”選項,您應該會看到另一個面板顯示憑證的詳細信息: 現在將憑證的圖標從那裡拖到桌面或其他任意位置。直接 ...

tech wiki
tech wiki
1 min read
|

如何在React中引用DOM元素

如何在React中引用DOM元素了解如何在React中引用DOM元素 React在构建应用程序时很擅长将DOM抽象化。但是,如果您想要访问React组件表示的DOM元素怎么办?也许您需要添加一个与DOM直接交互的库,比如图表库,或者需要调用一些DOM API或在一个元素上设置焦点。 无论原因如何,一个良好的实践是确保在直接访问DOM之前没有其他方法可以实现。 在组件的JSX中,您可以使用ref属性将DOM元素的引用赋给组件的属性: 1ref={el => th ...

tech wiki
tech wiki
2 min read
|

Arduino 項目:建立數位溫度計

Arduino 項目:建立數位溫度計在這個項目中,我想結合兩個元件,即 1602 LCD 顯示器和 DHT11 溫濕度傳感器,以創建一個實際可用的數位溫度計。 在我們開始之前,先閱讀 DHT11 教學,該教學解釋了如何從傳感器讀取數據: link 然後再閱讀 1602 LCD 教學,其中我解釋了如何將數據寫入顯示器: link 完成後,從電路的角度來看,你只需要將兩個電路添加到同一個基於 Arduino 的項目中: link 實際效果如下: imagesimagesimage ...

tech wiki
tech wiki
2 min read
|

Docker介紹

Docker介紹Docker是一個改變我們部署應用程式和分發應用程式方式的工具之一。 它是一項非常受歡迎且廣受大多數使用者喜愛的技術,將其列入履歷中是一件很棒的事情。 使用Docker,我們可以創建一個封裝整個應用程式的容器。 不僅如此,它可以封裝整個應用程式並保存為映像以便輕鬆複製。 在這裡,複製是關鍵詞。使用Docker,我們可以創建運行在你的電腦、客戶的電腦、你的服務器等任何地方的獨立環境,並使用我們想要運行的軟體的特定版本。 這有助於解決從配置錯誤和不同環境之間版本不 ...

tech wiki
tech wiki
2 min read
|

如何解決 RSI(重複性勞損傷害)

如何解決 RSI(重複性勞損傷害)免責聲明:我不是醫生。這不是醫療建議。我只是分享了我解決問題的經驗,這對你可能不奏效。 幾年前,我經歷了一段非常痛苦的時期。 我的手臂和手是持續不斷的疼痛來源。 作為一名電腦工程師,我以打字為生,我非常害怕這將是我事業的終結。 我嘗試了一切。新滑鼠、新鍵盤、改變姿勢、新椅子…沒有任何效果。 疼痛非常嚴重,甚至在夜間也無法停止。即使開車也很痛苦。 我患有 RSI(重複性勞損傷害)。 我決定減少打字的時間。我結束了一家公司的合同。我決定做其他事情 ...

tech wiki
tech wiki
6 min read
|

TypeScript 教程

TypeScript 教程TypeScript 是 2018 年崛起最快的技術之一。它無所不在,人人都在談論它。本文將引導您理解其關鍵概念。 過去幾年中,很少有技術像 TypeScript 一樣具有影響力。 讓我向 TypeScript 提供一些社交證據。 根據《2018 JavaScript 狀態調查》中的調查,近50%的受訪者表示他們使用過 TypeScript,並且將再次使用。超過30%的人表示他們想要學習 TypeScript。這是一個巨大比例的人對它感興趣。 Typ ...

tech wiki
tech wiki
14 min read
|

如何使用JavaScript重定向到新URL

如何使用JavaScript重定向到新URL我想解決這個特定的使用情境,即在我的分析中追蹤訂閱我的電子報的人數作為一個「目標」。 我正在放棄使用Google Analytics,其中您可以設置「頁面漏斗目標」,意味著您訪問頁面X,您訪問頁面Y,這是一個目標。 在我正在嘗試的新分析工具(Plausible)中無法實現,因此我必須找到一個技巧。 在您訂閱之後,您會登錄到特定的頁面上,您可以從該頁面下載一些東西。 我不能說「目標是訪問此頁面」,因為人們可能保存它,將其加入書籤,稍後 ...

tech wiki
tech wiki
1 min read
|

如何在PHP中使用例外

如何在PHP中使用例外有時候,錯誤是不可避免的。某些完全不可預測的情況會發生。但是很多時候,我們可以提前考慮,編寫能夠攔截錯誤並在出現錯誤時執行合理操作的代碼。例如向用戶顯示有用的錯誤消息,或嘗試使用解決方法。 我們使用例外(exceptions)來實現這一點。 例外是用於使我們開發者意識到問題的存在。 我們將可能引發例外的代碼包裝在try塊中,並在其後緊跟一個catch塊。如果在try塊中發生例外,則將執行該catch塊: 12345try { // 執行某些代碼 ...

tech wiki
tech wiki
3 min read
|

javascript-comparison-operators

#JavaScript比較運算子 學習JavaScript比較運算子的基礎知識 你可以使用以下運算子來比較兩個數字或兩個字串。 這些運算的結果將返回一個布林值。 < 小於 <= 小於或等於 > 大於 >= 大於或等於 12const a = 2a >= 1 //true 當比較字串時,這些運算子會檢查字母的順序,該順序編碼在Unicode中。字母的數值越大,對於運算子來說,該字母越大。 你可以在Wikipedia的Unicode字符代碼列表 ...

tech wiki
tech wiki
1 min read
|

基本电子学:模拟与数字

基本电子学:模拟与数字我们将电子学分为两个大部分:模拟与数字。 自然界中的一切都是模拟的。 温度、光线、距离、速度、湿度、声音,一切都可以用近乎无限的数值和精度来衡量。 模拟是自然的。然而,数字是人为的。人类在探求自然并创造人造系统和模拟的过程中,提出了数字测量和数值的概念。 数字表示只能有两种状态:开或关。1或0。 利用只使用0和1两个值来表示基本数值,我们可以以简单的方式解决复杂问题,并最终创造了计算机、智能手机和互联网等东西。 我们可以组合多个二进制值来表示具有超过2个 ...

tech wiki
tech wiki
2 min read
|

JavaScript 運算子

JavaScript 運算子運算子使您能夠獲取一個或多個簡單表達式,並將它們組合成更複雜的表達式。 運算子使您能夠獲取一個或多個簡單表達式,並將它們組合成更複雜的表達式。 根據它們操作的運算元,我們可以將運算子分類。 大多數運算子使用 2 個運算元: 加法 (+) 減法 (-) 除法 (/) 取餘數 (%) 乘法 (*) 指數 (**) 賦值 (=) 比較運算子 (<, <= 等) 等於檢查 (==, !== 等) 邏輯 and 和 or i ...

tech wiki
tech wiki
1 min read
|

介紹 Remix

介紹 Remix這篇文章旨在通過我的80/20方法,幫助你開始使用 Remix。跳過冗餘的部分,學習核心內容。 Remix是一個基於React的新框架,已經達到了1.0版本,並以MIT許可證公開發布,這是我們都喜愛的許可證。 注意:昨天它還是贊助軟件,現在它是公開的和免費的 你知道Next.js嗎?或者 SvelteKit?嗯,Remix有點像它們,但是具有一些獨特的功能,使它成為一個有趣的選擇。但是它不支持靜態網站,因此它始終需要一個服務器。這使它對於一些用例 ...

tech wiki
tech wiki
3 min read
|

JavaScript 類型

JavaScript 類型有些時候你可能會聽說 JS 是一種無類型的語言,但這是不正確的。確實,你可以將各種不同的類型賦值給變量,但 JavaScript 是有類型的。特別是,它提供了原始類型和對象類型。 原始類型 數字 字符串 模板字面量 布林值 null undefined 對象類型 如何查找變量的類型 原始類型原始類型有: 數字 字符串 布林值 符號 還有兩種特殊類型: null undefined 我們將在下一節中詳細介紹它們。 數字在內部,JavaS ...

tech wiki
tech wiki
4 min read
|

使用Node.js與Google Analytics API互動

使用Node.js與Google Analytics API互動學習如何使用官方的googleapis套件,在Node.js應用程式中與Google Analytics API互動。我們將使用JSON Web Token並看一些範例。 注意:uBlock Origin封鎖這篇文章中的圖片,因為路徑中含有「analytics」這個詞。所以請確保在此頁面上禁用它,以便看到圖片。🖼 在這篇文章中,我將展示如何使用Node.js和Google Analytics API的一些範 ...

tech wiki
tech wiki
18 min read
|

JavaScript 遞迴

JavaScript 遞迴學習 JavaScript 中的遞迴基礎 函式可以自己呼叫自己。 這就是遞迴的意思,它能夠以一個整潔的方式解決問題。 要達到這一點,您需要一個命名的函式表達式,換句話說,就是這樣: 123function doSomething() {} 所以我們可以在 doSomething() 內部呼叫 doSomething()。 我們可以用計算數字的階乘來做最簡單的例子。這是我們通過將數字乘以 (數字 - 1),(數字 - 2) 等等, ...

tech wiki
tech wiki
2 min read
|

create-your-own-job-security

創造自己的工作保障 唯一掌握未來的方法是擁有自己的事業 曾經有一段時間,成為一名員工是一個相對安全的選擇。但現在不再是如此。你真的想要每週工作40到60小時,為一個雇主工作,而他們可能在你犯一個錯誤或者你不再是必不可少的時候炒掉你嗎?此外,由於業務可能在你無法阻止的情況下關閉,你的命運並不完全取決於你自己。 唯一掌握未來的方法是擁有自己的事業,並且通過你的日常行動快速且直接地影響業務的發展方向。 在過去幾年中,越來越多的人正在從事自己的工作,並建立協作網絡,而不是像傳統公司一 ...

tech wiki
tech wiki
2 min read
|

如何使用pm2來運行Node.js應用程式

如何使用pm2來運行Node.js應用程式這是一篇介紹如何在Linux上管理Node進程並透過GitHub Webhooks自動重啟它們的技術文章。 pm2是一個非常有用的Linux進程管理工具。 我在幾個項目中使用過它,現在我想告訴你如何使用它! 特別是我將使用它在DigitalOcean VPS上運行一個Node.js應用程式,並設置當我們將應用程式的更新推送到GitHub存儲庫時,pm2將會被觸發,從GitHub更新應用程式並重啟它。 聽起來很酷吧?那我們開始吧! 首先 ...

tech wiki
tech wiki
7 min read
|

Arduino專案:map()函數

Arduino專案:map()函數當你從類比輸入腳取得類比數值時,預設情況下它們的範圍是從0到1023。 這是因為類比讀取的解析度是10位元,2的10次方等於1024。 小提示:在基於ARM的Arduino設備上,如Arduino Zero、Arduino Due和Arduino MKR系列,你可以映射高達12位元,但預設值是0。在這些設備上,你可以調用analogReadResolution(12)來將解析度設置為12位元,從而可以從0到4095範圍內進行映射,而不是10 ...

tech wiki
tech wiki
2 min read
|

如何在 macOS 上安裝 Pygame Zero

如何在 macOS 上安裝 Pygame Zero幾個月前我買了一本來自 Raspberry Pi Press 的書,名為 Code the Classics。這是一本非常棒的書,裡面介紹了一些經典遊戲,包括 Sensible Soccer 和 Centipede,然後以 Python 構建了這些遊戲的克隆版本。總共有 5 個遊戲。 這本書很不錯,你可以在上面提供的連結上免費下載,並且你可以在 GitHub 上找到書內建的遊戲代碼,連結在這裡:https://github.c ...

tech wiki
tech wiki
2 min read
|

Cache API指南

Cache API指南Cache API是Service Worker规范的一部分,是一种更擅长资源缓存的强大方法。 介紹 檢測是否支持Cache API 初始化快取 將項目添加到快取 cache.add() cache.addAll() 手動抓取並添加 從快取中檢索項目 獲取所有快取中的項目 獲取所有可用的快取 從快取中刪除項目 刪除快取 介紹Cache API是Service Worker规范的一部分,是一种更擅长资源缓存的强大方法。 它允许您缓存可通过URL访问 ...

tech wiki
tech wiki
5 min read
|

從JS日期獲取年-月-日

從JS日期獲取年-月-日我遇到了這個需求。基本上,我想要以這個形式獲取今天的日期: 12023-01-20T07:00:00+02:00 要求是T07:00:00+02:00保持不變(我不想讓時間改變)。但我希望今天的日期是當前日期。JS中的Date物件的toISOString()方法可以給你日期數據: 1'2023-01-10T07:35:37.826Z' 但我只想要年、月、日。我本來打算使用getFullYear()等方法從日期中抽取數據,但我想到可以 ...

tech wiki
tech wiki
1 min read
|

如何在 JavaScript 中檢查兩個日期是否是同一天

如何在 JavaScript 中檢查兩個日期是否是同一天您如何檢測 JavaScript 中的日期對象實例是否引用了另一個日期對象的同一天? JavaScript 在其標準庫中沒有提供此功能,但您可以使用以下方法來實現: getDate() 返回日期的日期 getMonth() 返回日期的月份(從 0 開始,一月為 0) getFullYear() 返回日期的四位數年份 這是一個簡單的函數,您可以複製/粘貼來進行檢查: 1234const datesAreOnS ...

tech wiki
tech wiki
1 min read
|

C 中的 typedef 關鍵字

C 中的 typedef 關鍵字介紹 C 中的 typedef 關鍵字 在 C 語言中,typedef 關鍵字允許您定義新的類型。 從內建的 C 類型開始,我們可以使用以下語法創建自己的類型: 1typedef existingtype NEWTYPE 我們所創建的新類型通常按照慣例用大寫表示,以便更容易區分,並立即將其識別為類型。 例如,我們可以定義一個名為 NUMBER 的新類型,其類型為 int: 1typedef int NUMBER 一旦這樣做,您就可以定義新的 ...

tech wiki
tech wiki
1 min read
|

React:如何在點擊時顯示不同的組件

React:如何在點擊時顯示不同的組件通過告訴 React 在點擊某個元素時顯示另一個組件,來切換組件的可見性。 在許多場景中,當點擊按鈕或鏈接時,您希望在屏幕內顯示完全不同的組件。 以導航結構為例,該如何實現呢? 在這個例子中,我們將狀態集中管理在 App 組件中。 1234567import React, { useState } from 'react';const AddTripButton = (props) => ...

tech wiki
tech wiki
2 min read
|

在 HTML 中保留空格和換行

在 HTML 中保留空格和換行在一個專案中,我使用 <textarea> 欄位在表單中獲取工作的描述,然後將其存儲在數據庫中。 現在,這個描述並沒有被解釋為 HTML,當我將它添加到頁面中時,瀏覽器並沒有尊重空格和換行。 我希望獲得這樣的顯示效果: 但我得到了這樣的顯示效果: 解決方法是添加以下 CSS 屬性: 1white-space: pre-wrap; 在 Tailwind 中,對應的類名為 whitespace-pre-wrap。 tags: [“HTM ...

tech wiki
tech wiki
1 min read
|

Node檔案路徑

Node檔案路徑如何在Node中與檔案路徑互動並對其進行操作 從路徑中獲取資訊 處理路徑 系統中的每個檔案都有一個路徑。 在Linux和macOS上,路徑可能如下: /users/flavio/file.txt 而Windows電腦則不同,其結構如下: C:\users\flavio\file.txt 在應用程式中使用路徑時,需要注意這個差異。 您可以通過以下方式在文件中引入這個模組: 1const path = require('path') 然後 ...

tech wiki
tech wiki
3 min read
|

魚殼(Fish Shell),如何避免將命令記錄到歷史記錄中

魚殼(Fish Shell),如何避免將命令記錄到歷史記錄中有時候你想在shell中執行一些命令,但又不希望它們被存儲到shell的歷史記錄中。 使用我預設的Fish Shell,這非常容易。只需要使用以下命令啟動一個新的shell: 1fish --private 然後退出shell即可。 我曾經寫過一篇關於魚殼(Fish Shell)基礎知識的文章,如果你有興趣可以試試看。我強烈推薦Fish作為首選shell,因為它易用且秉持著「它就這麼運作」的原則。 tags: [“ ...

tech wiki
tech wiki
1 min read