| 2023-06-26 iPad Pro三個月的使用心得：值得嗎？ iPad Pro三個月的使用心得：值得嗎？整個夏天我都和我的12.9吋的iPad Pro相伴。 在這幾個月裡，我真的很頻繁地使用它，現在我可以寫一篇關於我的感受的文章了。 值得嗎？ 售價從1219歐元（包括稅費和增值稅）在意大利起，這絕對不是一個便宜的設備。 我還有一台更小的iPad，被宣傳為“普通iPad”，沒有其他形容詞。 現在這感覺真的很小又輕。 因為iPad Pro就像一頭猛獸。 它很大。而且非常沉，特別是當它連接到Magic Keyboard時。 但它的價值俯拾皆是 ...
| 2023-06-26 Angular Angular 教程有嗎？ Angular Angular 教程有嗎？感謝Algolia提供的搜尋功能，我注意到許多人對於Angular及相關話題的搜尋。 不過，目前我還沒有寫過有關Angular的文章，也沒有計劃在近期內撰寫相關主題。 為什麼呢？因為我已經寫了很多關於Vue和React的文章，而Angular跟它們並沒有很大的不同，而且我也沒有打算學習它。 如果這不是你所期望的，我深感抱歉！ tags: [“Angular”, “教程”]
| 2023-06-26 在深色模式下更改網頁圖示 在深色模式下更改網頁圖示如何在深色或亮色模式下顯示不同的網頁圖示 我在 Mac 上設置了自動切換深色和亮色模式的功能。 當我開始建立一個新的網站時，有一段時間我意識到我把一個白色圖片設置為網頁圖示，而在亮色模式下它幾乎是看不見的！ 所以我開始探索在深色模式中添加一個網頁圖示以及在亮色模式中添加不同的圖示的可能方法。 結果發現（目前）無法對 PNG/JPG 位圖圖片進行這樣的操作，但我們可以使用 SVG 向量圖像的技巧來實現。 我們可以在 SVG 圖像中嵌入 CSS。 ...
| 2023-06-26 CSS url() 函數 CSS url() 函數了解如何使用 CSS 的 url() 函數。 當我們談到背景圖片、@import 等等時，我們使用 url() 函數來載入資源： 123div { background-image: url(test.png);} 在這個例子中，我使用了相對 URL，它會在定義 CSS 檔案的資料夾中尋找該檔案。 我可以往前一層： 123div { background-image: url(../test.png);} 或 ...
| 2023-06-26 從 macOS 選單列執行 Node.js 腳本 從 macOS 選單列執行 Node.js 腳本我想要快速添加從選單列執行 Node.js 腳本的方法。 有許多選擇，包括製作自己的 macOS 選單列應用程式或使用第三方應用程式。 但是 macOS 也提供了一種簡單的方式，使用古老的 AppleScript。 在 macOS 上打開 Script Editor 應用程式。 開啟它的設定並啟用 在選單列顯示 Script 選單 ： 現在點擊檔案 → 新增選單以開啟腳本編輯器： 為了執行我的 Node.js 腳本，我添加了 ...
| 2023-06-26 JavaScript非同步程式設計與回呼函式（Callbacks） JavaScript非同步程式設計與回呼函式（Callbacks）JavaScript默認是同步的，並且是單線程的。這意味著程式碼無法創建新的線程並且並行運行。了解一下非同步程式碼的含義以及它是什麼樣子。 程式語言中的非同步性 JavaScript 回呼函式 處理回呼函式中的錯誤 回呼函式的問題 回呼函式的替代方案 程式語言中的非同步性電腦的設計使其成為非同步的。 非同步意味著事情可以獨立於主程式流程發生。 在現代消費者電腦中，每個程式運行一段特定的時間片段，然後停止執行 ...
| 2023-06-26 擁有成功的博客的好處 擁有成功的博客的好處我們都有限制在嗜好、家庭和朋友之間的時間。那麼為什麼你要每週抽出幾個小時來經營你的博客呢？而且不僅僅是一兩個小時，如果你想讓博客成功，你需要投入大量時間。 與生活中的一切一樣，你需要評估利與弊。 讓我們來分析一下好處。 個人滿足和滿意首先，博客能給你個人滿足感和滿意感。 許多人喜歡在空閒時間玩拼圖或解字遊戲。或者他們喜歡修補木工或電子設備。 在博客上寫作可以給你同樣的感覺。 此外，它還給你一種成就感。 有時候寫一篇博客文章很容易。 其他時候可能很困難，也許 ...
| 2023-06-26 如何在 PHP 中使用 Cookies 如何在 PHP 中使用 CookiesCookies 是瀏覽器的一項功能。 當我們向瀏覽器發送一個響應時，我們可以設置一個 cookie，並且該 cookie 會通過瀏覽器在客戶端保存。 然後，瀏覽器發送的每個請求都會將 cookie 返回給我們。 我們可以使用 cookie 來做很多事情，它們主要用於在不需要登錄服務的情況下創建個性化體驗。 需要注意的是，cookie 是特定於域名的，所以我們只能讀取我們設置在應用程序當前域名上的 cookie，不能讀取其他應用程序的 co ...
| 2023-06-26 倖存者偏見 倖存者偏見你上Indie Hackers，看到很多人“贏得了遊戲”：每月營收5萬美元，以1000萬美元的價格賣給大公司，等等。 這些都是很棒的成功故事。 每個人都喜歡寫成功故事（誰不喜歡呢？），而且人們也喜歡閱讀它們。 沒人想談論失敗。尤其是大失敗。這是痛苦的。 當有人談論失敗時，通常是在所謂的“肥皂劇情”下，過去的中等失敗是一個大成功故事的開始點。 這也是一種流行的營銷策略。你是否曾想過為什麼有人會給你發送他們的“巨大失敗故事”，童年劇情等等？因為這有助於他們與你建立聯繫。 ...
| 2023-06-26 Vue.js 事件 Vue.js 事件Vue.js允許我們透過在元素上使用v-on指令來攔截任何DOM事件。這個主題是使組件可以互動的關鍵。 什麼是Vue.js事件 存取原始事件對象 事件修飾符 什麼是Vue.js事件Vue.js允許我們透過在元素上使用v-on指令來攔截任何DOM事件。 如果我們想要在這個元素上發生點擊事件時做一些事情： 123<template> <a>點擊我！</a></template> 我們添加一個v-on指令： ...
| 2023-06-26 referenceerror: window未定義，如何解決 referenceerror: window未定義，如何解決了解如何修復“referenceerror: window未定義”錯誤。 在Node.js或類似Next.js的工具中，你可能會遇到這個錯誤。 window是瀏覽器提供的一個對象，在服務器端的JavaScript環境中不可用。 我在我的詳細的DOM 文檔物件模型指南中詳細介紹了window對象。 對於Node.js來說，沒有辦法解決這個問題 - 你必須找到使用window的特定位置，並重新檢查代碼以找出為什麼要訪問w ...
| 2023-06-26 Phaser：播放音效 Phaser：播放音效 本文是Phaser系列文章的一部分。點擊這裡查看該系列文章的第一篇。 與顯示圖像類似，要播放音頻文件，您必須預加載它並將其賦予一個標籤： 123function preload() { this.load.audio('sound', 'sound.mp3')} 對於圖像，我們使用了this.load.image()，這裡我們使用了this.load.audio()。 完成這一步後，我們可 ...
| 2023-06-26 在編程中什麼是神奇數字？ 在編程中什麼是神奇數字？在一些教程、書籍或視頻中，你可能會看到神奇數字這個術語。 那是什麼？ 什麼時候一個數字被稱為神奇？ 不幸的是，和神奇數字無關的是魔術師。 簡單地說，當一個數字沒有相關含義時，我們稱其為神奇數字。 可能是傳遞給函數的一個未記錄的數字，或者是在你的代碼中聲明的一個數字，可能是由團隊成員添加的，你真的不知道它代表什麼。 如果你對它進行更改會發生什麼？沒人知道。 需要通過實驗來找出結果。 這些數字真的很煩人。在代碼中應該避免使用神奇數字。 可以聲明一個帶有有意 ...
| 2023-06-26 JavaScript還值得學嗎？ JavaScript還值得學嗎？對於JS開發人員還有需求嗎？或者JavaScript已經趨於陳舊？ 我在Google上搜尋關於JavaScript的問題時，注意到Google在“還有人問”框中建議了一些我認為很有趣的問題： 這些引起了我的注意。 點擊其中一個問題的答案，結果向我確認了我毫不懷疑的觀點。但我對這個話題也有自己的想法，所以我想“讓我寫下來”！ 讓我們正確地說吧：JavaScript比以往任何時候都更加活躍。 JavaScript從來沒有像今天這樣受歡迎過。也從來 ...
| 2023-06-26 在Docker Hub上分享Docker鏡像 在Docker Hub上分享Docker鏡像像我們在從頭開始創建Node.js Hello World Docker容器的文章中創建的映像一樣，它是簡單的，但它是嘗試Docker的一個很酷特性的完美範例，通過Docker Hub提供公共和私有Docker鏡像的官方托管服務。 然而，在我們這樣做之前，我們需要在Docker Hub上註冊。 Docker Hub的基本計劃是免費的，包括無限的公共倉庫和一個私有倉庫。如果需要更多，可以選擇付費計劃。 註冊並登錄後，您將看到您的儀表板 ...
| 2023-06-26 2022年成為網頁開發者的路線圖 2022年成為網頁開發者的路線圖網頁開發一直在不斷演進，每年一月，我都喜歡停下腳步重新評估並觀察這個生態系統。 問題是：2022年初學者應該從哪裡開始學習，才能學到能找到工作的技能呢？ 地圖有變嗎？與去年有不同嗎？ 變革似乎需要很長的時間，但它們可以很微妙，有時候從一年到另一年事情會徹底變化，你甚至都意識不到。 因此，我開始撰寫這篇文章，指導您如何在網頁開發領域中導航。 對於想要跟上生態系統並保持相關性的開發人員來說，這也是很有用的。有什麼新東西你一定要學嗎？ 讓我們開始吧。 ...
| 2023-06-26 Next.js：在 Next.js 中只在伺服器端或客戶端執行程式碼 Next.js：在 Next.js 中只在伺服器端或客戶端執行程式碼如何編寫僅在前端或後端其中一方執行的程式碼 在您的頁面組件中，您可以通過檢查window屬性來僅在伺服器端或客戶端執行程式碼。 該屬性僅在瀏覽器中存在，因此您可以進行檢查： 12if (typeof window === 'undefined') {} 並將伺服器端程式碼放入該區塊中。 同樣地，您可以通過檢查進行僅客戶端程式碼的執行： 12if (typeof win ...
| 2023-06-26 如何在本地測試npm套件 如何在本地測試npm套件如果您想開發自己的npm套件，首先必須在本地測試它。 我在一個我希望模組化的專案中遇到了這個需求。 我建了一個名為flaviocopes-common-database的套件作為示例。 我在套件中添加了一個package.json檔案，該檔案包含了模組名稱在name屬性中，以及一些依賴項: 12345678910{ "name": "flaviocopes-common-database", " ...
| 2023-06-26 react-edit-doubleclick ＃React，雙擊編輯文本 如何在React中雙擊元素時編輯頁面的某部分 我需要監聽元素的雙擊事件並使該元素可編輯。 一種方法是使用toggle狀態變量，當元素被雙擊時顯示不同的元素： 1234567891011121314151617const [toggle, setToggle] = useState(true)const [name, setName] = useState('test')...toggle ? ( <p onDoubleCl ...
| 2023-06-26 HTTP 中的快取功能 HTTP 中的快取功能當資源需要傳輸時，快取是一種可以加快網絡連接速度的技術，因為傳輸的東西越少，效果就越好。 許多資源可能非常龐大，從時間和實際成本（例如在移動設備上）的角度來看都非常昂貴。 HTTP 提供了不同的快取策略，並由瀏覽器使用。 無快取 Expires 首部 條件式 GET 使用 If-Modified-Since 和 Last-Modified 使用 If-None-Match 和 ETag 無快取首先，Cache-Control 首部可以告訴瀏覽器在 ...
| 2023-06-26 Linux 指令：chmod Linux 指令：chmod快速指南：chmod 指令，用於更改檔案模式 Linux / macOS 操作系統（以及 UNIX 系統）中的每個檔案都有三個權限：讀取、寫入和執行。 進入一個資料夾，然後執行 ls -al 指令。 在每個檔案行中您看到的異常字元串，如 drwxr-xr-x，定義了檔案或資料夾的權限。 讓我們來拆解一下。 第一個字元表示檔案的類型： - 表示普通檔案 d 表示資料夾 l 表示連結 然後有三組值： 第一組表示檔案的所有者的權限 第二 ...
| 2023-06-26 blogging-3-half-years ＃關於寫部落格三年半的心得 自2018年1月起，我開始每天寫部落格。這已經是很長一段時間了，大約三年半。 是什麼讓我持續下去呢？ 有一件事我喜歡開玩笑地說，那就是我被這個部落格困住了。 我寫了這麼久，已經無法停下來了。 我會討厭在隔天醒來時問自己：「我到底在幹嘛？？？？」我已經持續進行中，我希望這三年半能變成五年、十年、二十年。 有些日子寫起來非常容易。我只需要做些事情，然後找到值得分享的內容。也許那天我能找到十個值得分享的事情。 有些日子就很難。我只想寫一些讓我興奮的事情， ...
| 2023-06-26 Meteor 入門指南 Meteor 入門指南Meteor 是一個網絡應用平台。不論是初學者還是專業人士，Meteor 都非常適合。它易於上手，並提供了龐大的庫生態系統，您可以利用這些庫來開發應用。 Meteor 是一個網絡應用平台。 現代網絡應用的編寫可能非常複雜，對於初學者來說尤其如此。 Meteor 是一個適合初學者和專家的工具，它使入門變得容易，並提供了龐大的庫生態系統供您使用。 JavaScript 即時通信 給人一種快速感 開源 易於使用 優秀的套件系統 Meteor 可如何改善您的生 ...
| 2023-06-26 JavaScript 程式語言介紹 JavaScript 程式語言介紹JavaScript 是全球最受歡迎的程式語言之一，現在也廣泛應用於瀏覽器以外的領域。近年來，Node.js 的崛起使得後端開發不再只局限於 Java、Ruby、Python、PHP 等傳統的服務器端語言。現在就一起來了解 JavaScript 吧！ 介紹 JavaScript 的基本定義 JavaScript 的版本 介紹JavaScript 是全球最受歡迎的程式語言之一。 它於 1995 年創建，從其不起眼的開始發展了很長的路程。 作 ...
| 2023-06-26 如何讀取物件的屬性值？ 如何讀取物件的屬性值？假設你有以下物件： 123const dog = { name: 'Roger'} 要讀取 name 屬性的值，你可以使用點號語法： 1dog.name 或者你可以使用方括號屬性存取語法： 1dog['name'] 這在屬性名稱無法做為有效變數名稱時特別有用，例如 the name： 12345const dog = { 'the name': 'R ...
| 2023-06-26 如何在 Fish Shell 中添加路徑 如何在 Fish Shell 中添加路徑我想要一個快速的方法，可以在我的 Fish Shell 中添加一個路徑，這樣我就可以在該資料夾中執行命令。 以下是在 Fish Shell 中執行這個操作的方法： 1fish\_add\_path "/Users/flavio/bin" tags: [“Fish Shell”, “path”, “command”, “folder”]
| 2023-06-26 如何在Node.js中檢查文件是否存在 如何在Node.js中檢查文件是否存在如何使用Node.js的fs模塊來檢查文件系統中是否存在文件。 使用Node.js檢查文件是否存在的方法是使用fs.existsSync()方法： 1234567891011const fs = require('fs')const path = './file.txt'try { if (fs.existsSync(path)) { //文件存在 }} ca ...
| 2023-06-26 python-modules ＃ Python模組 每個Python檔案都是一個模組。您可以從其他檔案中導入模組，這是任何具有適度複雜度的程式的基礎，因為它促進了合理的組織和程式碼重用。 在典型的Python程式中，有一個檔案充當入口點。其他檔案是模組，它們公開了我們可以從其他檔案中呼叫的函數。 dog.py這個檔案包含以下程式碼： 12def bark(): print('WOF!') 我們可以使用import從其他檔案導入這個函數，一旦這樣做，我們就可以使用點符號法來引用這 ...
| 2023-06-26 JavaScript 地圖資料結構 JavaScript 地圖資料結構在 JavaScript 中，使用地圖資料結構可以將資料與鍵值關聯起來。在 ES6 引入地圖資料結構之前，人們通常將物件用作地圖，將某個物件或值與特定的鍵值關聯起來。 什麼是地圖 ES6 之前 進入地圖 將項目添加到地圖中 按鍵從地圖中獲取項目 按鍵從地圖中刪除項目 從地圖中刪除所有項目 檢查地圖中是否包含特定鍵的項目 查找地圖中項目的數量 初始化具有值的地圖 地圖的鍵 你幾乎永遠不會在真實生活中遇到的奇怪情況 遍歷地圖 遍歷地圖的鍵 ...
| 2023-06-26 什麼是單頁應用程式？ 什麼是單頁應用程式？現代Web應用程式也被稱為單頁應用程式（Single Page Applications）。這是什麼意思？ 在過去，當瀏覽器的功能比現在差得多，JavaScript的性能也很差時，每個頁面都是從服務器上請求的。每次點擊某些東西時，都會向服務器發送一個新的請求，然後瀏覽器會加載新的頁面。 只有非常創新的產品才會以不同的方式工作，並嘗試新的方法。 如今，受到像React這樣的現代前端JavaScript框架的推動，一個應用通常被構建為單頁應用程式：你只加載一次 ...
| 2023-06-26 在 Express 中處理 CORS 在 Express 中處理 CORS如何透過設定 CORS 允許跨網站請求 通常在瀏覽器中運行的 JavaScript 應用程式只能存取由同一個網域（原始網站）提供的 HTTP 資源。 從相同來源載入圖片、腳本/樣式表一直是可行的。使用 @font-face 載入網頁字型時也已經有預設的「同源政策」。而其他較不常見的事物（例如 WebGL 紋理和 Canvas API 中載入的 drawImage 資源）也是如此。 然而，對於從外部第三方伺服器發送的 XHR 和 F ...
| 2023-06-26 JavaScript 中的 this JavaScript 中的 thisthis 是一個根據使用位置有不同值的關鍵字。不了解 JavaScript 中這個微小的細節可能會帶來很多困擾，所以花五分鐘的時間來學習所有的技巧是值得的。 this 在嚴格模式下在任何物件之外，在嚴格模式下，this 的值總是 undefined。 請注意，我提到了嚴格模式。如果未啟用嚴格模式（如果你的文件頂部沒有明確添加 'use strict'），你將處於所謂的松散模式，而 this - 除非下面特殊情況中提到的 - ...
| 2023-06-26 如何在本地測試 Netlify Functions 如何在本地測試 Netlify Functions我有很多網站都是在 Netlify 上託管的，其中一些使用了一項名為 Netlify Functions 的功能。 可能是因為他們提供了極佳的靜態託管服務，所以我最喜歡的功能是 Netlify Functions。 您只需添加一個帶有導出函數的 JavaScript 檔案，用於處理 URL 的請求，然後完成設置。 您幾乎可以做任何事情，我將它們用作小型實用工具，用於可視化我所需的內部數據，或者執行“連接點”的操作，即將我運營業 ...
| 2023-06-26 Linux, 裝置中沒有足夠的空間 Linux, 裝置中沒有足夠的空間我在一台 Linux Ubuntu 伺服器上遇到一些奇怪的問題，於是我登入了伺服器並查看了 Apache 的錯誤日誌，路徑在 /var/apache2/error.log。 裡面充滿了 裝置中沒有足夠的空間 的錯誤訊息。 😱 “這怎麼可能？？” 這是我第一個想法。 我嘗試執行 df，是的，磁碟已經滿了 100%。 為了找出是什麼原因導致這個問題，我使用以下命令釋放了一些空間： 1sudo apt-get clean 並安裝了 ncdu 工 ...
| 2023-06-26 軟體是超能力 軟體是超能力我們往往對我們已經知道的事情看輕：「因為我們知道它，每個人都應該也知道這個」。 但有一件事我永遠不會視為理所當然，那就是軟體賦予我們的力量。 不僅僅是寫軟體的能力，也包括簡單地擁有可以使用的軟體。無代碼工具已經非常先進，你可以用它們來做很多事情，並且它們將軟體的力量賦予給那些不是開發者而是專業使用者的人。 我是一個開發者，我也依賴低代碼或無代碼工具。它們能為你提供自動化的關鍵，將這種力量帶給更廣泛的受眾。 每當我做某件事情多次，我都會考慮建立一個系統，這樣我就不必 ...
| 2023-06-26 requestAnimationFrame()指南 requestAnimationFrame()指南學習使用API以可預測的方式執行動畫並安排事件 requestAnimationFrame()是一個相對較新的瀏覽器API。它提供一種更可預測的方式來連接到瀏覽器的渲染循環。 目前，所有現代瀏覽器（包括IE 10+）都支援這個API。 它不是專門用於動畫的API，但這是它被最廣泛使用的領域。 JavaScript有一個事件循環（event loop）。它不斷運行以執行JavaScript。 在過去，使用setTimeout() ...
| 2023-06-26 如何獲取URL的片段部分 如何獲取URL的片段部分了解如何獲取URL的片段部分的值 我曾經有需要以程式的方式訪問URL的片段部分，也就是#井號符號後面的部分。 例如，如果URL是index.html#second，我想要取回second。 以下是我如何實現的： 1const fragment = window.location.hash tags: [“JavaScript”, “URL”, “fragment part”]
| 2023-06-26 JavaScript演算法：快速排序 JavaScript演算法：快速排序快速排序是比選擇排序更有效率的搜尋演算法，它利用了遞迴的概念。 遞迴表示我們在同一函式中呼叫了該函式本身。這是一種非常有用的技巧，在某些情況下很適用，而這正是其中之一。 我說“在大多數情況下”，是因為正如我們將看到的，最壞的情況下，泡沫排序所需要的時間可能與選擇排序相同：O(n^2)。但在最佳情況下，它的運行時間會是O(n log n)，落在O(n)和O(n^2)之間。 它是如何運作的呢？給定一個數組，我們選擇一個項目作為主軸。然後將比主軸 ...
| 2023-06-26 cut-silence-videos 如何自動切割視頻中的沉默段落 我通常使用文字進行溝通，但有時候我也會製作視頻，例如編程教學，或者在通訊時想要親自說些什麼。 文字是很好的表達方式，但當人們在視頻中看到你的面孔，聽到你的聲音時，那種聯繫就有所不同。 更不用說親自見面了。 我知道這個是因為我在YouTube上關注了許多人，我覺得我和他們是朋友，雖然是單向的。 無論如何，我跑題了。視頻格式固然好，但製作視頻真的很麻煩。 對我來說就是這樣。我是意大利人，但我想要用英文進行交流（而我14歲才開始學習英語）。 此外，我不 ...
| 2023-06-26 無意念 無意念點子毫無價值，實踐加點子才是一切。 不要害怕公開談論你的點子。我告訴你一個事實：你的點子一文不值。真正有價值的是你如何實現這個點子。沒有人能偷走你的點子，因為沒有你的全部背景，最終結果將完全不同。 通常，最好的機會來自於奇怪的點子。有時機會是主動找上門來的。 一個一開始看起來是贏家的點子可能看起來不太可能。你向朋友、熟人和陌生人談論它。如果大多數人認為這是一個好點子，也許你應該擔心了。原因是：如果每個人都認為這是一個好點子，那麼把它帶到市場上已經太晚了，因為太多人已經意 ...
| 2023-06-26 React: 展示型组件與容器型组件 React: 展示型组件與容器型组件在React中，組件通常被分為兩大類：展示型組件和容器型組件。 每個組件都具有其獨特的特性。 展示型組件主要關注生成要輸出的標記。 它們不管理任何類型的狀態，除非與展示相關的狀態。 容器型組件主要關注“後端”操作。 它們可能處理各種子組件的狀態。 它們可能包裝幾個展示型組件。 它們可能與Redux進行交互。 為了簡化區分，我們可以說展示型組件關注外觀，容器型組件關注使事情運作。 例如，這是一個展示型組件。它從其props中獲取數據，並僅關注 ...
| 2023-06-26 linux-command-clear ＃Linux命令：clear 快速指南：clear命令，用於清除終端的屏幕。 輸入clear以清除當前終端中過去執行的所有命令。 屏幕將清除，您將只看到頂部的提示符： 注意：這個命令有一個方便的快捷鍵：ctrl-L 這樣做后，您將無法滾動查看先前輸入的命令的輸出。 因此，您可能想使用clear -x，它仍然清除屏幕，但允許您向上滾動查看先前的工作。 clear命令適用於Linux、macOS、WSL和任何擁有UNIX環境的地方 tags: [“Linux”, “co ...
| 2023-06-26 使用 Laravel Breeze 設置身份驗證 使用 Laravel Breeze 設置身份驗證 本教程是 Laravel 手冊的一部分，可以從 https://flaviocopes.com/access/ 下載 我們不希望隨機的人進入網站並編輯數據。 我們希望人們先登錄。 如果未登錄，他們會看到狗的列表。 如果已登錄，他們將有能力編輯列表。 Laravel 在框架中為我們提供了內置的身份驗證支持。 為了更加方便，它提供了 Breeze，這是一個應用程序的開始套件工具，可以快速創建我們所需的東西。Breeze 可以快速 ...
| 2023-06-26 Vue.js 速查表 Vue.js 速查表您在日常的 Vue.js 编程中将使用的常见命令和指令 指令指令是由 v- 前缀标识的属性。 指令 描述 v-text 将属性作为元素的文本值 v-html 将属性作为元素的文本值，解析 HTML v-if 仅在条件为真时显示一个元素 v-else 如果前面的 v-if 为假，则显示一个备用元素 v-else-if 添加一个 v-if 构造的否则-if 块 v-show 类似于 v-if，但即使为假也将该元素添加到 DOM ...
| 2023-06-26 Astro Props（Astro 屬性） Astro Props（Astro 屬性）你可能對於像 React、Vue 或 Svelte 這樣的現代 JavaScript 框架中的屬性概念很熟悉。 注意：我之前寫過相關文章，你可以在 React Props、Vue Props 和 Svelte Props 找到這些文章。 屬性是我們將信息傳遞給組件的方式。這包括變數和函數。 Astro 組件 也支持屬性。 以下是如何使用它們。 假設你在 src/components/Hello.astro 中定義了一個 Hello ...
| 2023-06-26 Python類別 Python類別使用類別在Python中定義新的物件 除了使用Python提供的型別外，我們可以宣告自己的類別並從類別實例化物件。 一個物件是一個類別的實例。 類別是一個物件的型別。 以這種方式定義一個類別： 12class <類別名稱>: # 我的類別 例如，讓我們定義一個狗(Dog)類別： 12class Dog: # 狗類別 類別可以定義方法： 1234class Dog: # 狗類別 def bark(self): print('WO ...
| 2023-06-26 如何在本地主機上配置React應用程序的HTTPS 如何在本地主機上配置React應用程序的HTTPS如果您使用create-react-app建立應用程序並在本地計算機上運行它，則默認情況下它將使用HTTP協議進行服務。 任何在生產環境運行的應用程序都將使用HTTPS，它是HTTP的安全版本。 在大多數情況下，您將輕而易舉地獲得HTTPS，特別是如果您使用像Netlify或Vercel這樣的現代平台來提供應用程序的話。 但是在本地環境中，情況會比我們希望的要複雜一些。 讓我們看看您可以如何實現這一點！ 正如您所知，creat ...
| 2023-06-26 關於SwiftUI的一些想法 關於SwiftUI的一些想法過去幾週，我一直在認真學習SwiftUI。 再次嘗試之前，我曾經嘗試過，但只堅持了幾天。 它和React非常相似，除了語言不同，SwiftUI使用的是Swift而不是JavaScript。 當然，這並不是什麼新鮮事。SwiftUI無疑受React和React Native的啟發。我只是作為一位資深的React開發者對其印象做個表述。 React在Web上引入了一些徹底改變我們構建應用程序方式的事物: 声明式UI、不可變性和基於數據的UI更改。 這些 ...
| 2023-06-26 如何在JavaScript中檢查變數值是否為數字 如何在JavaScript中檢查變數值是否為數字要如何確定變數值是否為數字呢？ 我們有多種方式來檢查變數值是否為數字。 第一種方式是使用isNaN()，這是一個全域變數，在瀏覽器中被分配到window物件： 123456789const value = 2;isNaN(value); // falseisNaN('test'); // trueisNaN({}); // trueisNaN(1.2); // false 如果isNaN ...
| 2023-06-26 如何在 JavaScript 物件中檢查是否存在特定的鍵 如何在 JavaScript 物件中檢查是否存在特定的鍵使用 JavaScript 物件時，你可以使用 in 運算子來檢查是否存在特定的鍵。 假設有一個 car 物件： 123const car = { color: 'blue'} 我們可以使用下面的語句來檢查 color 屬性是否存在，並且會返回 true： 1'color' in car 我們可以將其用於條件判斷式中： 123if ('color& ...