Archives

Arduino程式語言介紹您如何編寫Arduino板的程式？Arduino原生支援一種我們稱為Arduino程式語言或Arduino語言的語言。 這種語言基於Wiring開發平台，而Wiring又基於Processing，如果您不熟悉的話，p5.js就是基於Processing開發的。這是一個相互建立在其他專案之上的長期歷程，以非常開放源碼的方式進行。Arduino IDE基於Processing IDE，而Wiring IDE則基於Arduino IDE之上構建。 在使用A ...

Vue Router如何使用Vue Router，這是Vue應用程式中必不可少的一部分之一 簡介在JavaScript網頁應用程式中，路由器是將目前顯示的視圖與瀏覽器地址欄內容同步的部分。 換句話說，它是當你在頁面上點擊某個元素時，使URL改變並顯示正確視圖的部分。 傳統上，網頁是基於URL構建的。當你訪問特定的URL時，會顯示特定的頁面。 隨著在瀏覽器內運行並改變使用者所見的應用程式的引入，許多應用程式打破了這種交互方式，你必須手動使用瀏覽器的History API更新UR ...

2020年應該使用或學習jQuery嗎？使用還是不使用？學習還是不學習？讓我們看看如何完全避免使用jQuery，以及保留使用它的原因。 無論你在JavaScript框架和庫方面有什麼偏好，jQuery在JavaScript生態系統中發揮了重要作用。 幾年前它更受歡迎，現在一些jQuery的需求已經被現代瀏覽器替代（幸運的是！），但這個JavaScript庫仍然被許多人使用。 為什麼jQuery一開始會變得如此受歡迎？首先，jQuery誕生於JavaScript應用程序還不是主 ...

Python標準庫Python通過其標準庫提供了許多內建功能。 標準庫是一個龐大的集合，包含各種實用程序，從數學實用程序到調試，再到創建圖形用戶界面。 您可以在此處找到完整的標準庫模塊列表：https://docs.python.org/zh-tw/3/library/index.html 一些重要的模塊包括： math：用於數學實用程序 re：用於正則表達式 json：用於處理JSON datetime：用於處理日期 sqlite3：用於使用SQLite os：用於操作系 ...

一個 React 簡單應用的例子：通過 API 獲取 GitHub 用戶信息這是一個非常簡單的例子，展示了一個表單接受GitHub用戶名稱，一旦接收到submit事件，它將向 GitHub API 請求該用戶的信息並打印。 這段代碼創建了一個可重用的Card組件。當你在由Form組件管理的input字段中輸入一個名稱時，這個名稱被綁定到它的狀態中。 當按下Add card時，清除Form組件的userName狀態，以清除輸入表單。 除了 React，該示例還使用了Axios庫 ...

在條件語句中可以使用React hooks嗎？不行。 我不知道具體的技術原因，但是這是不可能的。 我在使用SWR和特別是useSWR hook時碰到了這個問題。 1const ({ data } = useSWR(`/api/user`, fetcher) 我想在使用者登錄時只從API中檢索一些數據，並且我想“好的，我可以這樣做”: 12345let dataif (loggedIn) { ;({ data } = useS ...

如何將文本寫入 HTML canvas使用 CSS 或 HTML 的 width / height 屬性設定 canvas 的大小，例如 200 x 400： 1<canvas width="200" height="400"></canvas> 並且確保也在 JavaScript 中設定 canvas 物件的寬度 / 高度屬性，以避免文本模糊呈現，例如： 12canvas.width = 1 ...

使用node-webkit創建桌面應用程式在本篇文章中，我將介紹如何使用node-webkit在Mac和Windows上部署和建立網絡應用程式的安裝包。 注意：本篇文章可能過時，內容可能不再適用於最新的版本。 首先，聲明一下：我不會涉及到運行Node.js代碼的部分，只會講解如何打包一個網絡應用程式可以在Mac和Windows上運行。雖然Linux也可以使用node-webkit，但我不會涵蓋這部分的內容。 node-webkit是由其創建者稱為web runtime的工 ...

字符串的 replace() 方法了解 JavaScript 字符串的 replace() 方法 找到当前字符串中 第一个 出现的 str1 并将其替换为 str2。 返回一个新字符串，而不对原字符串进行修改。 1'JavaScript'.replace('Java', 'Type') //'TypeScript' 您可以将正则表达式作为第一个参数传递： 1'JavaScript&#x ...

如何從 shell 中刪除「Last login..」訊息每次打開我的 shell 都會出現這樣一行訊息： 對我來說是一個沒有用的資訊。我想要把它刪除。 我執行了以下指令以刪除「Last login: ….」的資訊： 1touch ~/.hushlogin 完成！ 這個方法適用於 macOS 和 Linux。 tags: [“shell”, “command line”, “login message”, “terminal”]

HTTP 協議HTTP（超文本傳輸協議）是 TCP/IP 應用協議之一，它是推動互聯網運作的各種協議套件之一。 讓我修改一下：它不僅僅是一個協議，而且是最成功和最受歡迎的協議。 HTTP 使 World Wide Web 運作，使瀏覽器能夠與托管網頁的遠程服務器進行通信。 HTTP 於 1991 年首次標準化，是因為 Tim Berners-Lee 自 1989 年起在歐洲核子研究中心（CERN）的工作。 當時的目標是讓研究人員可以輕鬆地交換和互相連接他們的論文。這 ...

一個不完整的優秀Git教程列表網絡上充滿了Git教程。以下是我推薦的一些教程。入門教程 Flavio的GitHub指南 GitHub教程 GitHub Git Cheat Sheet Gun.io的GitHub入門 WebDesigner Depot的網頁設計師Git入門 Git視頻指南 像Git一樣思考 每天使用20個Git命令 - kernel.org 完整且深入的指南 Pro Git書籍 由下而上的Git Git Ready Git magic Git Immersi ...

Linux 指令：dirname一個快速指南，介紹 dirname 指令，用於提取路徑的目錄部分 假設你有一個文件的路徑，例如 /Users/flavio/test.txt。 執行 1dirname /Users/flavio/test.txt 將返回 /Users/flavio 字串： dirname 指令在 Linux、macOS、WSL 上以及任何有 UNIX 環境的地方均可使用。 tags: [“Linux”, “commands”, “dirname”]

使用 Express 發送 JSON 回應如何使用 Node.js 的 Express 函式庫來提供 JSON 資料 當在 Express 上監聽連線時，每個網路呼叫都會呼叫回呼函式並傳入一個 Request 物件實例與一個 Response 物件實例。 範例： 1app.get('/', (req, res) => res.send('Hello World!')) 在這個例子中，我們使用了 Response.send() 方 ...

Python中的多執行緒介紹在Python中，應用程序通常只運行在單個執行緒上，除非你明確啟用了多執行緒。 為什麼要使用多執行緒呢？在Python中，代碼是按照順序運行的，一個指令接著一個指令執行。 如果你定義了一個睡眠3秒然後打印信息的函數，像這樣： 12345678import timedef greet(): time.sleep(3) print('hello')greet()print('world') world字符串將在 ...

創造價值作為一家產品企業，您運送的任何產品都會創造價值。 作為一名員工，如果您被解雇，您手中將一無所有。 作為一名自由職業者，當您停止工作時，您將不再擁有任何價值，除了一些以前工作的屏幕截圖或視頻樣本，這本身並沒有價值。 了解這些概念很重要：如果您的雇主或承包商不再需要您，您就必須尋找另一個雇主或買家。這是一個無窮循環，除非您立即開始建立自己的產品。 這不是一個簡單的過程，可能需要幾個月的時間才能製造產品並開始銷售，更重要的是，要創建一個通過適當營銷推動自動銷售的系統。 從您 ...

JavaScript 迴圈JavaScript 提供了許多迴圈的方法。本教程將解釋現代 JavaScript 中各種迴圈的可能性。 介紹 for forEach do...while while for...in for...of for...in vs for...of 介紹JavaScript 提供了許多迴圈的方法。本教程將以一個小例子和主要屬性來解釋每一種方法。 for12345const list = ['a', 'b', ...

Arduino專案：閃爍LED我在Arduino介紹中介紹了Arduino。 在本教程中，我將介紹第一個Arduino專案。我們將開關一個LED燈的電源。 您將學習如何創建您的第一個Arduino程式，通過USB將其上傳到Arduino板，以及如何寫入數字I / O引腳。 這是一個非常簡單的專案，但如果這是您的第一次接觸Arduino，您將學到很多關於Arduino的知識。 我將使用Arduino Uno rev 3克隆板進行教程。 如果您已經有一個Arduino板 ...

將undefined傳遞給JavaScript立即呼叫的函式表達式有時你可以在舊的程式碼中發現將undefined傳遞給函式的情況。為什麼呢？ 我是在觀看著名的Paul Irish關於jQuery源碼的視頻時發現這個小技巧的。 那個視頻來自不同的時代，在撰寫本文時已經9年了，而且jQuery源碼也有所改變，所以你無法在其中看到這個東西，但我還是覺得這是一個有趣的發現。 此外，JavaScript也有所改變。這種技巧只適用於ES5之前的JavaScript。 在2009年發布的 ...

在React中，Props和State有什麼區別？在React組件中，Props是由父組件傳遞給子組件的變量。而State則是由組件直接初始化和管理的變量。 State可以通過Props進行初始化。 例如，父組件可能通過調用以下代碼來包含子組件： 1<ChildComponent /> 父組件可以通過以下語法傳遞一個Props： 1<ChildComponent color="green" /> 在ChildComponent的 ...

如何在 React 中呈現 HTML學習如何在 React 中呈現 HTML 字串，而不需要進行轉義。 我碰到了這個問題 - 我需要在 React 應用程式中新增一個 HTML 字串，該字串來自所見即所得編輯器，但是簡單地在 JSX 中加入 {myString} 卻導致 HTML 被轉義，因此 HTML 標籤會顯示給使用者看！ 我找到了兩個解決方案。第一個是原生方案，第二個則需要使用一個函式庫。 第一個解決方案：使用 dangerouslySetInner ...

你應該是團隊中最差的開發人員一些關於你的技能水平與你一起工作的人的想法 我是通過一位朋友介紹程序設計的。當時他來我家，當我們在玩Linux電腦時（應該是1997年左右），他問我：“你不知道如何編程電腦嗎？” 我回答道：“不知道”，然後他很友好地給我講解了如何在Linux上編譯C代碼的教程。 那是我對真正程式編程的第一次接觸，當然不算MIRC的修改和主題，雖然它們也算是編程，但更像是腳本。 那時的我是一個菜鳥，看到這個非常有知識的人讓我意識到自己所不知道的知識有多少。我對什麼都 ...

Vue.js元件元件是介面的單一、獨立單位。它們可以擁有自己的狀態、標記和樣式。 如何使用元件Vue 元件可以以四種主要方式定義。 讓我們用程式碼來談談。 第一種方式是： 123new Vue({ // 選項}) 第二種方式是： 123Vue.component('component-name', { // 選項}) 第三種方式是使用區域元件 (local components)：這些元件僅在特定元件中可存取 ...

訂閱數無用的虛榮指標，參與度才是重要的。作為人類，容易陷入虛榮指標的迷戀。 我們在世界上用很多數字來量化和衡量一切，所以使用這些數字作為我們自己的指標是很有道理的。 在網絡上，作為一個”內容創作者”，我追踪一些指標，以幫助我對自己的成績有所了解。 有很多觀點可以看待事物。我使用數字，因為我是受過工程師培訓的。這並沒有對錯之分。你可能認為數字是毫無意義的。對我來說，它們是有意義的。 但有時候這些數字是具有誤導性的，可能會把我們引入錯誤的方向。 當數字變成虛榮指標時，這種情況就會 ...

JavaScript，如何導出多個函數如何從 JavaScript 文件中導出多個函數 在 JavaScript 中，我們可以將一個程序分為多個文件。我們如何使我們在一個文件中定義的函數可供其他文件使用？ 通常，您會這樣編寫一些函數： 1234567function sum(a, b) { return a + b}function mul(a, b) { return a \* b} 並且您可以使用以下語法將它們對其他文件進行導出： ...

我如何停止擔心並喜歡上 JavaScript 生態系統解決 JavaScript 疲勞的旅程 直到幾個月前，我一看到 JavaScript 就會感到焦慮不安。 我完全受困於所謂的 JavaScript 疲勞中，無法擺脫它。 這種情況持續了好幾年。 今天，我喜歡 JavaScript 及其生態系統。 這是怎麼發生的呢？ 我從九十年代就開始以某種形式使用 JavaScript，而現在我架上有一些書，看起來在今天顯得非常有趣，書中滿滿的 document.write 陳述。 大概 ...

如何使用JavaScript正則表達式通過這篇簡短的指南，您可以學習關於JavaScript正則表達式的所有內容，了解最重要的概念並通過示例展示。 正則表達式介紹 困難但有用 正則表達式是什麼樣子 工作原理 錨定 匹配範圍內的項目 多次匹配範圍項目 否定模式 元字符 正則表達式選項 量詞 + * {n} {n,m} 可選項目 分組 捕獲分組 可選分組 引用匹配的分組 命名捕獲分組 不使用分組的匹配和執行 非捕獲分組 標誌 檢查 ...

如何將 Tailwind 添加至 Hugo在你的主題文件夾內運行以下命令： 1npm init -y 然後安裝 Tailwind CSS 作為開發依賴： 1npm install -D tailwindcss 使用以下命令初始化 Tailwind： 1npx tailwindcss init 這將創建 tailwind.config.js 文件。在編輯器中打開該文件，並按以下方式填寫 content 屬性，其中包含主題的佈局文件： 1234567module.expor ...

JavaScript數組資料結構數組是任何編程語言中最基本的資料結構。 數組在大多數（如果不是所有）編程語言中都是內建的。 讓我們來談談數組在大多數低級編程語言（如C語言）中的表示方式：它們表示計算機內存中一組連續的存儲單元。 從一個內存單元開始（如果你想的話，可以將這些單元想象成電子表格中的單元格），我們可以通過使用10個連續的存儲單元來創建一個包含10個插槽的數組。 這使我們能夠進行諸如通過知道第一個插槽（# 0）的內存地址，然後簡單地將 2 添加到該地址來訪問插槽＃2之 ...

Arduino Create 平台Arduino Create 是一個雲端編輯器，讓您可以直接在瀏覽器中編寫和編譯程式碼。 您可以在 http://create.arduino.cc 上使用這個令人驚嘆的工具。 在這篇文章中，我想要探索網頁編輯器的功能。 使用這個編輯器，您不需要在電腦上安裝任何東西來建立 Arduino 程式，除了一個插件以讓它「看見」連接到電腦的板子，但除此之外一切都會自動更新，且無需安裝設定，這讓您能夠快速上手 Arduino。 這是一個免費的工具，提 ...

修復無法顯示的錯誤：物件無法作為 React 的子項這個錯誤可能是因為你有一個 React 组件，並在 JSX 中渲染了一個 prop，像是這樣的，但在初始化組件參數時忘記對 prop 解構： 123function MyComponent(test) { return <p>{test}</p>} 你應該這樣做： 123function MyComponent({ test })
...

如何使用 FormData 物件了解什麼是 FormData 物件以及如何使用它 FormData 物件用於儲存表單輸入欄位的值。 當您需要將文件發送到伺服器時，它非常有用。 這可能是您實際需要它的唯一時間。 下面是一個使用 FormData 通過 fetch 發送文件內容的示例。 我們有一個輸入欄位： 1<input type="file" id="fileUpload" /> 我們在其上附加了一個 change 事件處 ...

在 Svelte 模板中解析 Promises學習如何在 Svelte 模板中處理 Promises Promises 是一種在 JavaScript 中處理異步事件的強大工具。 ES2017 中相對較新引入的 await 語法使得使用 Promises 更加簡單。 Svelte 在模板中提供了 `

在 JavaScript 中如何获取 CSS 属性的值假设您想要在网页中获取 CSS 属性的值，其中该属性是使用样式表设置的。您可以如何做到这一点呢？ 假设您想要在网页中获取 CSS 属性的值，其中该属性是使用样式表设置的。 元素的 style 属性不会返回它，因为它仅列出内联样式或动态设置的 CSS 属性。 而不是外部样式表中定义的属性。 那么，您该怎么做呢？可以使用 getComputedStyle()，它是一个全局函数： 123const element = docum ...

使用CSS對HTML表格進行樣式設定這是一份有關如何使用CSS處理表格的簡要指南。 在過去，我們通常過度使用表格來創建華麗的頁面佈局，因為它們是唯一的選擇之一。 如今，隨著Grid和Flexbox的出現，我們可以讓表格回到它原本的作用：樣式設定。 讓我們從HTML開始。這是一個基本的表格： 123456789101112131415161718<table> <thead> <tr> <th scope="col" ...

如何迈向成为开发者的道路有时候我会收到一些人给我的邮件，他们在从学习编程到真正成为开发者的过程中遇到了困难。 这个过程通常是从某种课程开始的。 也许是一个视频课程，也许你只是开始跟着YouTube上的一些教程学习。 你构建了你的第一个应用，然后是第二个应用。 你不断地重复这个过程，从超简单的应用到更复杂的应用。 首先要注意的是，这需要时间，正如我在一篇独立的文章中所写的那样。 从学会编程到精通它没有简单捷径，你必须花费无数小时在电脑、平板上，阅读书籍，观看教程，通过谷歌搜索寻 ...

Go CLI 教程：Fortune 克隆我之前写了两篇 CLI 应用的教程，分别是构建 gololcat 和 gocowsay。在这两篇教程中，我都使用了 fortune 作为输入生成器。 在本文中，我将用 Go 完成这个“管道三部曲”的最后一部分 - gofortune。 首先，什么是 fortune？参考 维基百科的定义，Fortune 是一款简单的程序，从一个引述数据库中随机显示一条信息。 说简单点，它是一个随机引述生成器。 它的历史可以追溯到 Unix Versio ...

Express 模板Express 可以处理服务器端模板引擎。模板引擎允许我们向视图中添加数据，并根据数据动态生成 HTML。 Express 默认使用 Jade 作为模板引擎，但 Jade 是 Pug 的旧版，具体来说是 Pug 1.0。 由于商标问题，该项目在 2016 年发布了 2.0 版本时将名称从 Jade 更改为 Pug。你仍然可以使用 Jade，即 Pug 1.0，但未来最好使用 Pug 2.0。 尽管 Jade 的最后一个版本已经有三年时间了（截至文章撰写 ...

JavaScript還是Python？我寫了一本關於JavaScript的書，還寫了一本關於Python的書，人們經常問我一個問題，該從哪個開始？它們都非常適合初學者，並且非常受歡迎。它們的區別在於你可以用它們做什麼。它們都是動態且通用的程式語言，但JavaScript在瀏覽器中運行的優勢巨大，所以它在前端開發中被廣泛使用。Python在數據科學和機器學習的應用中表現出色，有許多針對該領域開發的套件，所以你可以根據這一點來做出決定。如果你猶豫不決無法做出決定，我建議你學校教授 ...

發佈出去，就會輕鬆銷售 當我推出 JavaScript Bootcamp 時，我發了幾封電子郵件告訴大家這個課程現在可以報名了。作為一年一度只有一週時間報名的活動，開放時窗很短，我在八天內發了七封郵件。 根據你的信念，這個數字可能太多或太少。 如果你是開發者或技術人員，你會覺得這太過分了。如果你是營銷人員或普通人，這才是少數郵件。 我見過並研究過各個領域的無數次推出和營銷策略。市場越不懂技術，人們收到的郵件越多。但我也見過許多科技推出活動有更多郵件比我發的還多。我特別記得一個 ...

Redis 發布/訂閱Redis實現了一個發布/訂閱的消息機制。 它的概念很簡單：發布者在一個頻道上發送消息，多個訂閱者接收它。 使用以下命令訂閱一個頻道： 1SUBSCRIBE <channel> 使用以下命令發布到一個頻道： 1PUBLISH <channel> <message> 例如： 1SUBSCRIBE dogs 在另一個redis-cli窗口中，輸入： 1PUBLISH dogs "Rog ...

CSS 單位了解如何在CSS中使用單位 在CSS中，您每天都會使用單位。它們用於設定長度、填充、邊距、對齊元素等。 像是 px、em、rem 或百分比之類的單位。 它們無所不在。也有一些相對較不熟悉的單位。 Pixels（像素）最常用的測量單位。一個像素並不實際對應到屏幕上的物理像素，因為這會因設備而變化（考慮高DPI設備與非Retina設備）。 有一個慣例可以使這個單位在設備之間保持一致。 Percentages（百分比）另一個非常有用的度量單位，百分比允許您以父元素相應屬 ...

JavaScript在這十年的發展回顧過去十年的JavaScript和Web的發展，真是一段驚心動魄的旅程。 儘管我書架上有一些1998年的JS書籍，但2010年時我並沒有寫很多JavaScript。當時我主要使用Mootools和jQuery插件。可能有些JS代碼是我寫的，但並沒有什麼突破性的創新。 那時的JavaScript絕對不被視為熱門語言。它的主要用途是在像GMail、Google Maps等有大量預算的項目中進行一些高級工作。 對於大多數人來說，用JavaScri ...

在JavaScript中替換字符串的所有匹配項了解在純JavaScript中替換字符串的所有匹配項的正確方法，從正則表達式到其他方法。 使用正則表達式這個簡單的正則表達式可以完成任務： 1String.replace(/<TERM>/g, '') 這將執行區分大小寫的替換。 以下是一個示例，我將字符串phrase中單詞’dog’的所有匹配項替換為空字符串： 1234const phrase = 'I love my dog! Dog ...

動態顯示Vue元件使用Vue，您可以使用組件定義應用程式的佈局。起初，您手動將組件放置在所需位置，但有時需要更靈活的方式來根據應用程式狀態顯示或隱藏組件。 使用條件指令最簡單的選擇是使用 v-if 和 v-else 指令。 這裡有個例子。v-if 指令檢查計算屬性 noTodos，如果狀態屬性 todos 至少包含一個項目，則返回false： 123456789101112131415161718192021222324<template> <main&g ...

如何使用Node.js REPLREPL代表Read-Evaluate-Print-Loop，這是一個快速探索Node功能的好方法。 我們使用node命令來運行Node.js腳本： 1node script.js 如果省略文件名，則使用REPL模式： 1node 如果你現在在終端中嘗試這樣做，會得到以下結果： 12❯ node> 命令進入閒置模式，等待我們輸入內容。 提示：如果你不確定如何打開終端，請搜索“如何在…上打開終端”。 REPL等待我們輸入一些Jav ...

如何在 JavaScript 陣列中獲取項目的索引下面是根據值在 JS 陣列中檢索項目索引的方法。 假設您有一個包含在陣列中的項目的值，並且您想獲取其索引。 您該如何做到這一點？ 如果項目是原始值，例如字符串或數字，您可以使用陣列的 indexOf 方法： 12345const letters = ['a', 'b', 'c']const index = letters.indexOf('b')/ ...

在文件夾中的任何文件變更時運行 package.json 腳本本文將解釋如何在文件夾的文件變更時重新運行 package.json 腳本。 我的實際問題是：我希望在文件變更時自動重新生成 CSS，通過 PostCSS 流程進行處理。 我描述的方法將適用於任何類型的自動文件和文件夾監視，而不僅僅是這個特定情況。 我正在運行以下腳本，使用 yarn build:css 命令運行： 123"scripts": { "build:css&quo ...

CSS z-index 屬性如何在 CSS 中使用 z-index 屬性 在定位文章中，我提到您可以使用 z-index 屬性來控制元素在 Z 軸上的定位。 當您有多個元素互相重疊時，且需要決定哪個元素更為可見（靠近使用者），哪個元素應該被隱藏在其後時，這個屬性非常有用。 此屬性接受一個不包含小數的數字，並使用該數字來計算哪些元素在 Z 軸上靠近使用者。 z-index 值越高，元素靠近使用者的位置就越前。 當決定哪個元素應該可見並應該將哪個元素放在其後時，瀏覽器會根據 z- ...

Go中的數組數組是一系列相同類型的項目。 我們可以這樣定義一個數組： 1var myArray [3]string //一個包含3個字符串的數組 你可以通過以下方式初始化數組： 1var myArray = [3]string{"First", "Second", "Third"} 在這種情況下，你還可以讓Go為你計算項目的數量： 1var myArray = [...]string{ ...