|

如何禁用 ESLint 規則

如何禁用 ESLint 規則一篇關於如何禁用 ESLint 規則的快速教程 您的工具可能會自動設置no-debugger和no-console規則,但您可以做些什麼來禁用它們呢? 在開發模式中,瀏覽器調試工具和Console API的訪問是必不可少的,雖然在生產代碼中可能有正當的理由禁用它們。 您可以通過添加如下幾行代碼來禁用一個或多個特定的ESLint規則: 12/* eslint-disable no-debugger, no-console */console.log( ...

tech wiki
tech wiki
2 min read
|

內建LED

內建LEDArduino板上有一個小工具: 內建LED。 它在旁邊有個字母L標示。在Arduino Uno板上,它靠近腳位#13: 在Arduino MKR 1010 WiFi板上,它靠近5V輸出腳位: 這個LED通常連接到數字I/O腳位#13上,但在某些板上,如Arduino MKR系列,它連接到腳位#6。 無論如何,你可以使用LED_BUILTIN常數引用正確的腳位,Arduino IDE會根據你編譯的板子正確對應到該腳位。 要使LED亮起來,首先需要在se ...

tech wiki
tech wiki
1 min read
|

2020年成為Vue.js開發者的路線圖

2020年成為Vue.js開發者的路線圖這是我根據能使你成為一位熟練的Vue.js開發者所需的技術所製作的圖表。 我在網上找到了一份React開發者路線圖,於是我決定為Vue創建一份。 要成為一位熟練的Vue.js開發者,你需要學習以下知識: 網絡的基本工作原理 HTML,CSS DOM 瀏覽器工作原理 JavaScript的基礎知識,事件處理,最新的ES6-7-8功能 Git 如何使用終端機 Vue基礎知識 webpack 使用npm或yarn安裝包 如何使用npm腳本運 ...

tech wiki
tech wiki
1 min read
|

Node os模組

Node os模組Node.js的os模組提供了與底層系統進行交互的有用函數。 此模組提供了許多函數,可以用來從底層操作系統和運行程式的計算機中檢索信息並與之交互。 1const os = require('os') 有一些有用的屬性可以告訴我們一些與文件處理相關的重要信息: os.EOL返回行分隔符序列。在Linux和macOS上是\n,在Windows上是\r\n。 當我說Linux和macOS時,指的是POSIX平台。為了簡單起見,我排除了其 ...

tech wiki
tech wiki
6 min read
|

如何在JavaScript中獲取兩個日期之間的天數

如何在JavaScript中獲取兩個日期之間的天數給定兩個JavaScript的Date對象,我該如何獲取這兩個日期之間的日期(也表示為Date對象)列表? 我曾經遇到這個問題:給定兩個JavaScript的Date對象,我該如何獲取這兩個日期之間的日期(也表示為Date對象)列表? 這裡有一個用於計算日期的函數: 它以兩個日期對象作為參數,並返回一個日期對象的數組: 12345678910const getDatesBetweenDates = (startDate, en ...

tech wiki
tech wiki
2 min read
|

為什麼JavaScript是初學者的理想程式語言

為什麼JavaScript是初學者的理想程式語言理由一,JavaScript是建構網站的主要語言。 網站是在網路上進行任何事情的頭號工具。每家公司都需要一個網站或電子商務網站,每個新業務也都會需要一個。 理由二,JavaScript是有史以來最受歡迎的語言之一。有很多部落格、課程和書籍可以幫助你解決任何問題。 理由三,相較於其他程式語言,JavaScript實際上非常容易學習和撰寫。 理由四,由於JavaScript的普及,你可以找到很多JavaScript開發人員的工作。 ...

tech wiki
tech wiki
1 min read
|

電子元件:按鈕

電子元件:按鈕在我們的電路中,有一個很有用的元件就是按鈕。 當按鈕被按下時,它會連接電路的兩個部分。一旦按鈕被釋放,電路就開路,電流無法流通。 這是一個典型的按鈕: 它有兩組連接,可以同時關閉。這些連接位於彎曲的引腳上: 在麵包板上使用這個元件只有一種方法,就是將它放在中間: 而添加按鈕的方法只有一種,不會搞錯: 然後,您可以在麵包板的同一部分之間建立連接,如下所示: 在上面的電路中,只有在按下按鈕時,LED 才會亮起: tags: [“電子元件”, “按鈕 ...

tech wiki
tech wiki
1 min read
|

TCP Protocol

TCP Protocol對傳輸控制協定(TCP)的高層次概述 TCP 代表傳輸控制協定,它是 Web 和其他應用程序(如郵件)的基礎。 TCP 在 1981 年的 RFC 793 中被定義,是互聯網最古老的支柱之一。 TCP 位於網際網路協定(IP)之上,建立了一個基礎系統,供應用層協定如 HTTP、FTP、IMAP 等使用。 與 IP 和 UDP 相反,TCP 是面向連接的。 在 TCP 上傳輸之前,必須建立連接。數據以小包的形式發送,並在通信結束時關閉連接。 在使用 TC ...

tech wiki
tech wiki
1 min read
|

如何解決 React 登入表單狀態和瀏覽器自動填充的問題

如何解決 React 登入表單狀態和瀏覽器自動填充的問題在進行一個項目時,我遇到了一個問題,這個項目是使用 React 構建的表單,並且與瀏覽器的自動填充功能有關。 你知道嗎,當瀏覽器自動填寫你的用戶名/密碼,因為你之前已經輸入過? 那就是自動填充,這也是我遇到問題的原因。特別是在 Chrome 和 Firefox 上複製這個問題,但任何瀏覽器都可能碰到這個問題。 這個表單是使用 useState 鉤子構建的一個普通而簡單的表單。 這是表單中的一個示例「email」 ...

tech wiki
tech wiki
3 min read
|

connecting-a-database-to-laravel

#將資料庫連接到Laravel 此教程是Laravel手冊的一部分。從https://flaviocopes.com/access/下載它。 我們正在以非常基本的形式使用Laravel,沒有使用任何資料庫。 現在,我想設置一個資料庫並配置Laravel以使用它。 在我們配置資料庫之後,我將向您展示如何使用表單接受用戶輸入並將數據存儲在資料庫中,以及如何將這些數據可視化顯示。 我還將向您展示如何使用資料庫中的數據與動態路由。 ###將資料庫連接到Laravel 使用資料庫最 ...

tech wiki
tech wiki
1 min read
|

JavaScript 立即調用函數表達式 (IIFE)

JavaScript 立即調用函數表達式 (IIFE)立即調用函數表達式(Immediately-invoked Function Expression,簡稱IIFE)是一種立即執行函數的方式,即在函數被創建的同時立即執行。 IIFE非常有用,因為它們不會污染全局對象,並且是一種簡單的方式來隔離變量聲明。 以下是定義IIFE的語法: 123(function() { /* code */})() 也可以使用箭頭函數來定義IIFE: 123(() =&g ...

tech wiki
tech wiki
2 min read
|

如何從零開始設置 Git 和 GitHub

如何從零開始設置 Git 和 GitHub一個從零開始設置 Git 和 GitHub 的教程 Git 是一個非常有價值的工具。 它允許我們在項目上工作數月或數年,但仍然能夠回到我們在代碼庫上做出的每一次個別變更。在團隊中,你還可以找出是誰進行了更改。 每次我們進行更改、添加新功能或修復錯誤時,我們都會添加一個小的解釋,然後我們提交這些更改。 它還允許我們與團隊合作,因為每個人都可以將提交推送到代碼庫,Git 會負責確保與其他人所做的更改沒有衝突。 在繼續之前,你需要在你的電腦 ...

tech wiki
tech wiki
5 min read
|

如何在iPhone上啟用CarPlay菜單

如何在iPhone上啟用CarPlay菜單我搞不清楚如何在我的收音機上啟用CarPlay功能。 我可以看到收音機上的圖標,但它是禁用的,無法點擊。 我查看了一些指示,上面說“前往設置->常規->CarPlay”進行設置,但我沒有這個菜單。 後來發現,問題是我沒有使用Siri。 啟用Siri後,CarPlay菜單出現在“設置->常規”下: 然後我成功連接了: 這樣我就可以聽我的最愛播客了: 而且這裡是CarPlay正常運行(遊刃有余)的樣子(雙關語): ...

tech wiki
tech wiki
1 min read
|

在 JavaScript 中使用 call() 和 apply()

在 JavaScript 中使用 call() 和 apply()了解如何在 JavaScript 中使用 call() 和 apply() 函数以及它们的区别。 call() 和 apply() 是 JavaScript 提供的两个函数,用于执行一个非常特定的任务:调用一个函数并设置其 this 值。 查看我的 “this” 指南 以了解关于这个特定变量的所有细节。 函数可以使用 this 值进行许多不同的用例。问题在于它由环境给出,并且不能从外部改变,除非使用 cal ...

tech wiki
tech wiki
2 min read
|

今天你已經填滿了開發者的水桶嗎?

今天你已經填滿了開發者的水桶嗎?或者說,作為一名開發者,如何更滿足自己。同時也讓其他開發者有一個更充實的生活。 每當你在Reddit上對某些事物或某個人發表尖酸刻薄的評論時,一個開發者的水桶就會漏水。 每當你在一個庫的問題上發表一個問題,試圖推動你自己的議程,同時對那些花了無數時間來做好該項目的人不友好時,一個開發者的水桶就會漏水。 每當你發表一條刻薄的推特,垃圾另一個庫並支持另一個庫時,一個開發者的水桶就會漏水。 倒空水桶所有在Reddit、Hacker News或任何大型 ...

tech wiki
tech wiki
4 min read
|

如何安裝 React

如何安裝 React如何在開發電腦上安裝 React 你該如何安裝 React? React 是一個函式庫,所以說「安裝」可能聽起來有點奇怪。也許「設置」是一個更好的詞,但你懂得概念。 有多種方式可以設置 React,以便在你的應用程式或網站中使用。 在網頁中直接載入 React最簡單的方法是將 React 的 JavaScript 檔案直接添加到網頁中。當你的 React 應用程式與現有頁面上的元素互動時,而不是控制整個導航方面時,這是最佳選擇。 在這種情況下,你需要在 b ...

tech wiki
tech wiki
7 min read
|

軟體開發者的遠程工作

軟體開發者的遠程工作遠程工作對軟體開發者來說是一大福利。 我已經在遠程工作10年了,我也認識很多其他遠程工作者。我可以準確地描述遠程工作的優點和缺點,並給出一些建議。 我知道並不是每個人都喜歡遠程工作,遠程工作當然也不是每個人都適合。對於我來說,作為一個內向的人來說,與他人一起工作非常消耗心力,尤其是像軟體工程這樣需要花費大量心力和保持高度專注的工作。也許你也有同樣的感受。 遠程工作能使你成為更有生產力的開發者嗎?這是個好問題。我的觀點是“是”,但每個人的意見不同,你可能有不 ...

tech wiki
tech wiki
10 min read
|

子文件夾 vs 子域名

子文件夾 vs 子域名哪種方法更好?為什麼? 我參與了一個有關使用子文件夾與子域名的討論。 假設我想在我的網站上創建一個新的部分,專門用於銷售蜂蜜。 我自己不生產也不銷售蜂蜜,這只是個例子。雖然我的一個朋友有蜜蜂並生產自己的蜂蜜,而且非常好吃 😋 蜂蜜部分的網站將會非常龐大,擁有自己的應用程序來管理電子商務。 我可以通過兩種方式將這個功能添加到我的網站上。第一種方式是使用子文件夾,如:flaviocopes.com/honey。 第二種方式是使用子域名,例如:honey ...

tech wiki
tech wiki
2 min read
|

JavaScript 函數

JavaScript 函數從整體概述到細節,學習如何使用函數 介紹 語法 參數 返回值 嵌套函數 物件方法 箭頭函數中的 this 立即呼叫函數表達式 (IIFE) 函數提升 介紹JavaScript 中的所有內容都是在函數中執行的。 函數是一些自包含的代碼塊,可以定義一次但可以隨時運行。 函數可以選擇性地接受參數,並返回一個值。 JavaScript 中的函數屬於對象,是一種特殊類型的對象:函數對象。它們的超能力在於可以被調用。 此外,函數被稱為一等公民的函數,因為它們 ...

tech wiki
tech wiki
10 min read
|

如何移除 Git 遠端倉庫

如何移除 Git 遠端倉庫我有這個需求。我想要創建一個現有網站的完全複製品,並將其放在一個子域名下,作為存檔。 現在這個網站已經使用版本控制,我想要保留 Git 的歷史記錄,但也想要將其部署到一個新的 GitHub 倉庫,這樣我就可以將它們分開部署了,現在兩個網站可以各自有自己的命運。 這個網站是一個 Hugo 網站,所以我只需將網站文件夾複製到另外一個文件夾中即可,這樣在本地完成了。 然後我進入複製後的網站文件夾,在終端中運行以下命令: 1git remote -v 這將 ...

tech wiki
tech wiki
1 min read
|

字串的 codePointAt() 方法

字串的 codePointAt() 方法探索 JavaScript 字串的 codePointAt() 方法。 這個方法在 ES2015 中被引入,用於處理無法用一個 16 位元 Unicode 單元表示的 Unicode 字元,而需要使用兩個。 使用 charCodeAt() 你需要取得第一個和第二個單元,然後結合它們。使用 codePointAt() 可以在一次呼叫中取得整個字元。 舉個例子,這個中文字「𠮷」由兩個 UTF-16(Unicode)部分組成: 12&quo ...

tech wiki
tech wiki
1 min read
|

CSS指南

CSS指南CSS是定義HTML頁面在瀏覽器中的視覺外觀的語言。從基礎到彈性盒子(Flexbox)、CSS網格(Grid)和CSS變數,學習關於CSS的一切。 CSS是一個令人驚嘆的工具,在過去幾年中它得到了很大的發展,引入了許多絕對出色的功能,如CSS網格(Grid)、彈性盒子(Flexbox)和CSS變數。 在你查看這些酷炫功能之前,請退後一步,通過我的CSS入門文章瞭解CSS的基礎知識。 以下是有關現代CSS布局構建的一些更高級主題: 彈性盒子(Flexbox) CSS ...

tech wiki
tech wiki
1 min read
|

介紹 WebAssembly

介紹 WebAssembly了解為何 WebAssembly 是未來 Web 平台中非常重要的一部分 WebAssembly 是當今非常熱門的話題。 WebAssembly 是一種用於網頁的新型低階二進制格式。它不是你要編寫的程式語言,而是其他較高層次的語言(目前有 C、Rust 和 C++)經過編譯後才能運行於瀏覽器中。 它被設計為快速、內存安全和開放的。 你將不會直接編寫 WebAssembly 代碼(也稱為 WASM),而是使用其他語言來編譯成 WebAssembly ...

tech wiki
tech wiki
9 min read
|

解析 JavaScript 事件

解析 JavaScript 事件簡介在瀏覽器中的 JavaScript 使用事件驅動的程式設計模型。 一切都是從遵循事件開始。 事件可能是 DOM 載入完成,或一個非同步請求完成取得資源,或是使用者點擊元素或滾動頁面,或是使用者在鍵盤上輸入等等。 有很多不同種類的事件。 事件處理程序您可以使用事件處理程序來回應任何事件,它是在事件發生時呼叫的函式。 您可以為同一個事件註冊多個處理程序,當該事件發生時,它們都將被呼叫。 JavaScript 提供三種方式來註冊事件處理程序: 內 ...

tech wiki
tech wiki
8 min read
|

在 Astro 中構建可組合的布局

在 Astro 中構建可組合的布局在建立網站時,我喜歡將所有的布局分散在不同的文件中。 假如我想建立一個登陸頁面。 我之前做的是一個純HTML的頁面。這非常好,沒有比這更簡單和更簡約的了。 但是後來我意識到我還想在網站上創建另一個類似的頁面,但具有相同的樣式和結構。 開始出現重複代碼的問題。然後我想要另一個頁面,最後我決定對所有頁面的標題進行更改,而這變得讓人沮喪。 這就是靜態網站生成器發揮作用的時候了。 在許多工具中,比如 Hugo,你可以使用 partials(局部文件) ...

tech wiki
tech wiki
2 min read
|

如何在JavaScript中驗證電子郵件地址

如何在JavaScript中驗證電子郵件地址有很多方法可以驗證電子郵件地址。學習正確的方法,並了解使用純JavaScript的所有選項。 在處理表單時,驗證電子郵件地址是常見的操作之一。 在聯繫表單、註冊和登錄表單等方面非常有用。 有些人認為根本不應該對電子郵件進行驗證。我認為少量的驗證,不要過度追求完美,是更好的選擇。 電子郵件驗證應遵循哪些規則?電子郵件地址由兩部分組成:本地部分和域名部分。 本地部分可以包含 任何字母或數字字符:a-zA-Z0-9 標點符號:&qu ...

tech wiki
tech wiki
7 min read
|

如何在 Node.js 中生成子進程

如何在 Node.js 中生成子進程了解如何在 Node.js 中生成子進程 Node.js 提供了child_process模組,它提供了生成子進程的功能。 引入該模組,並從中獲取spawn函數: 1const { spawn } = require('child\_process') 然後你可以調用spawn()函數,並傳遞2個參數。 第一個參數是要運行的命令。 第二個參數是一個包含選項列表的數組。 這是一個例子: 1spawn( ...

tech wiki
tech wiki
2 min read
|

Swift 結構體

Swift 結構體 本教程屬於 Swift 系列。 結構體是 Swift 中一個重要的概念。 Swift 到處都有結構體,甚至內建的類型也是結構體。 我們可以創建結構體的實例,我們稱之為 對象(objects)。 在大多數語言中,對象只能由類創建。Swift 也有類,但是你也可以從結構體中創建對象,官方文件還建議我們更傾向使用結構體,因為它們使用起來更加簡單。 它們是類的輕量版。 一個結構體可以有屬性。一個結構體可以有方法(函數)。一個結構體可以定義下標。一個結構體可以定義 ...

tech wiki
tech wiki
3 min read
|

如何在保存文件時重新加載瀏覽器窗口

如何在保存文件時重新加載瀏覽器窗口一個快速和簡單的方法 我正在使用原生的 HTML + JS 開發網站,然而我錯過了一些像是 create-react-app 或者 Vue CLI 這些快速啟動包提供的最好功能之一:在我保存文件時重新加載頁面。 我找到的最簡單的方法是安裝 browser-sync: 1npm install -g browser-sync 然後在您的項目文件夾中運行它: 1browser-sync start --server --files " ...

tech wiki
tech wiki
1 min read
|

在Vue.js中使用Tailwind

在Vue.js中使用Tailwind本文介紹了如何在Vue CLI 3項目中設置Tailwind的使用方法。 Tailwind 是一個相當酷炫的CSS框架。 在本文中,我將向您展示如何在Vue應用程序中使用Tailwind(v1.0.5)。 這裡有4個簡單的步驟: 安裝Tailwind 創建配置文件 配置PostCSS 創建CSS文件 在您的Vue應用程序中導入該文件 測試是否正常工作 本文假設您想要將Tailwind應用於基於Vue CLI 3的項目。 安裝Tailwi ...

tech wiki
tech wiki
3 min read
|

如何在 Node.js 中使用 import 語法引入 .env 檔案

如何在 Node.js 中使用 import 語法引入 .env 檔案假設您已經設定了一個使用 ES 模塊的 Node.js 項目,並且想要使用 .env 檔案來存儲一個密碼,格式如下: 1PASSWORD=secret 您希望在 Node.js 腳本中能夠訪問這個密碼。 以下是如何實現的方法。 首先,安裝 dotenv 包: 1npm i dotenv 然後在代碼中使用以下內容: 123import * as dotenv from 'dotenv' ...

tech wiki
tech wiki
1 min read
|

JavaScript:如何獲取物件的類別名稱

JavaScript:如何獲取物件的類別名稱如果你有一個由類別生成的物件,且你想要得到它的類別名稱,該怎麼做呢? 假設你有一個由類別生成的物件,你想要得到它的類別名稱。 舉個例子,可以參考下面的程式碼: 12345class Dog {}const roger = new Dog() 當然,現在我們知道roger是一個由Dog類別創造出的物件。 但是,如果你不知道物件的類別,該如何取得它的類別名稱呢? 你可以查找物件的建構函式(constructor), ...

tech wiki
tech wiki
1 min read