博客 RSS 訂閱

immerse 頭像

沉浸式趣談 - Next.js 中為什麼 App Router 可能是未來，但 Pages Router 仍然重要？

Next.js 作為一個強大的 React 框架，為開發者提供了兩種路由系統：App Router 和 Pages Router。這兩種路由系統各有特色，適用於不同的場景。本文將深入探討這兩種路由系統的區別、優缺點和使用場景，幫助你做出最佳選擇。 App Router：新一代的路由革命 App Router 是 Next.js 13 引入的新路由系統，它使用 app 目錄來組織路由，帶來了許多令人

app-router , next.js , 路由 , router , 前端

收藏 評論

invalidnull 頭像

註銷 - 什麼是 SAP Router？

SAP Router 是 SAP 體系中一個非常關鍵的組件，它在整個 SAP 網絡架構中扮演着重要角色，特別是在安全性、網絡管理以及跨網絡通信方面。要理解 SAP Router 的重要性，必須首先了解它的背景和設計初衷。 什麼是 SAP Router？ SAP Router 是 SAP 提供的一種專用網絡路由器軟件，主要用於在不同網絡之間（如公司內部網絡與 SAP 外部網絡）建立安全的通信通道。它

router

收藏 評論

htvlz 頭像

海豚V靚仔 - HTML 樣式

您已經很好地概述了HTML中style屬性的用途以及它與舊HTML標籤和屬性的對比。style屬性確實提供了一種靈活且強大的方式來直接在HTML元素上應用CSS樣式，而無需依賴外部或內部樣式表（儘管在大型項目中，通常推薦使用外部樣式表以維護樣式的集中管理和重用性）。 使用style屬性的好處 直接性：可以立即看到樣式變化的效果，無需跳轉到CSS文件進行修改。 靈活性：對於小型項目或快速原型設

前端 , html5

收藏 評論

shenyongweiwudemaozi 頭像

sAkuraOfficial - 記錄react+electron開發單頁應用SPA遇到的路由問題

遇到的問題 在electron-vite提供的開發服務器中，electron能正常顯示頁面中的路由並能正常跳轉. 而在build打包後，雙擊運行electron應用，路由失效，顯示空白頁面 排查BUG 閲讀了腳手架為我生成的主函數代碼： // HMR for renderer base on electron-vite cli. // Load the remote URL for

react , vite , electron , router

收藏 評論

htvlz 頭像

海豚V靚仔 - HTML 文本格式化

HTML 提供了豐富的元素來格式化文本和展示內容，這些元素不僅讓網頁內容更加豐富多彩，還提高了內容的可讀性和表達力。下面是對您提到的一些文本格式化標籤和“計算機輸出”標籤的進一步解釋和説明： 文本格式化標籤 b 和 strong：兩者都用於加粗文本，但 strong 在語義上更強調文本的重要性，而 b 僅僅是樣式上的加粗。 i 和 em：i 用於表示斜體文本，但主要是樣式上的變化；em 則用

前端 , html5

收藏 評論

qfifteen 頭像

十五 - 中後台開發必修課：Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中，我們構建一個 Web 應用都離不開它們，如果你是 Vue2 的用户，那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

收藏 評論

htvlz 頭像

海豚V靚仔 - 小米13T Pro系統合集：性能與攝影的極致融合，值得你升級的系統ROM

小米 13T Pro 是一款性能卓越、設計精美的旗艦機型，具備多項領先配置，且在與前一代產品及友商機型的對比中優勢明顯，值得深入探討。 性能提升 小米 13T Pro 搭載了最新的 天璣 9200+ 處理器，相較於前一代（小米 12T Pro）的 驍龍 8+ Gen 1，在性能和能效表現上均有顯著提升。天璣 9200+ 的 AI 算力及多任務處理能力使得系統響應速度更快，用户在運行大型應用、遊戲或

前端 , html5

收藏 評論

htvlz 頭像

海豚V靚仔 - HTML 註釋

關於HTML註釋標籤和條件註釋的説明非常清晰。 HTML 註釋標籤 HTML中的註釋標籤用於在代碼中添加説明或註釋，這些註釋對瀏覽器是不可見的，因此不會影響頁面的顯示。註釋標籤的語法非常簡單，以!--開始，以--結束。註釋可以用於解釋代碼段的功能、標記需要修改或待完成的部分，或者放置版權信息、作者信息等。 示例 !-- 這是一個註釋，它不會在頁面上顯示 -- p這是一個段落。/p !-- 提醒：

前端 , html5

收藏 評論

htvlz 頭像

海豚V靚仔 - HTML 顏色

顏色在網頁設計和數字藝術中扮演着至關重要的角色。正如您所提到的，顏色可以通過紅色、綠色和藍色的混合（RGB）來定義，這種混合方式允許我們創建出數百萬種不同的顏色。每種顏色的強度（或稱為亮度）可以從0（最暗，表示為#00）到255（最亮，表示為#FF）變化。 在HTML和CSS中，顏色可以通過十六進制顏色代碼（如#FF0000表示紅色）、RGB函數（如rgb(255, 0, 0)也表示紅色）或者顏色

前端 , html5

收藏 評論

guixiangyyds 頭像

guixiang - markdown的html優雅使用語法（2024/10/10guixiang原創）

一：圖片部分 因為博客園可能會吞我語法，所以我把代碼放到下面部分 https://files.cnblogs.com/files/blogs/827070/markdown的優雅html語法.zip?t=1757144163download=true 第一範式 圖 2 全字段排序 center img style="border-radius: 0.3125em;

前端 , html5

收藏 評論

jm365 頭像

jm365 - webpack配置看這裏就夠了

webpack簡述 webpack簡單來説就是一個模塊打包器，也是目前最流行的前端構建工具之一，他將整個項目根據依賴關係通過各種loader與plugin的處理後進行打包；可以實現對代碼的各種處理，比如less、sass、stylus的解析，ecmascript版本的轉換、代碼的壓縮分割等等 webpack之loader loader可以説是webpack最核心的部分，前面所説的各種功能大部分就是

webpack , 模塊化開發

收藏 評論

codemz 頭像

代碼喵仔 - Input報錯“Form elements must have labels: Element has no title attribute Element has no placeholde”

喵~ 項目開發難免會遇到些不解的問題，以下總結的是簡化版，重在復現問題，解決問題。 寫表單時，如果只是單獨寫了input元素，發現在後台管理會飄紅。感覺很奇怪，明明沒有寫錯語法，為什麼會飄紅呢？ 1、寫一段最普通的html頁面 2、右鍵，選擇 “檢查”，打開後台管理器，指向input元素 此時，可以看到飄紅的input，鼠標指向input，會顯示一段提示： 3、按照提示，Shift +

前端 , html5

收藏 評論

codemz 頭像

代碼喵仔 - 【3分鐘學會】一招禁用表單中input輸入框回車鍵自動觸發提交事件！

知其然知其所以然 在前端項目開發中，偶爾會有表單提交的問題： 用户輸入表單後，不小心按了回車鍵，導致提前觸發了提交事件？ 問題概述 當表單中僅有一個input輸入框時，按下回車鍵就會自動觸發提交事件，這是為什麼呢？ 這裏就要提到一個標準：W3C 文中最後一句話已經解釋了原因： 當表單中只有一個單行文本輸入字段時，用户代理應接受在該字段中按Enter鍵作為提交表單的請求。

前端 , html5

收藏 評論

zhifou_5cf8bb7bcc249 頭像

知否 - JavaScript模塊化開發

1：發展歷史 早期的Javascript是作為瀏覽器的腳本語言，使用script標籤直接引入，沒有所謂的模塊化。也就是説如果我們需要一個js文件，我們就加一個script標籤，把需要的js引入進來。這種方式的特點在於：簡單粗暴。 但是當項目越來越大，依賴越來越多時可能就會出現問題，比如邏輯越來越混亂，頁面也越複雜，然後可維護性就變差了，除此之外還存在全局變量暴露、文件的引入順序的問題。比如説一個文

模塊化 , 模塊化開發

收藏 評論

woniuseo 頭像

騎着烏龜奔跑的蝸牛 - HTML5 微數據規範

​ HTML5 微數據規範 簡介 微數據是一種內置於 HTML 中的結構化數據格式。它允許網頁作者定義頁面上的特定內容類型，例如文章、事件或人物。這有助於機器（例如搜索引擎）理解和解釋網頁內容。 微數據的基本概念 項目（Items）：一個微數據項代表頁面上的某個對象或實體，例如一個人、一本書或者一個事件等。一個item通常由itemscope屬性定義。 類型（Types）：每個item可以有

前端 , html5

收藏 評論

yuan_life 頭像

草原的原 - webpack

一、webpack是什麼？ webpack是一款模塊加載器兼打包工具，它能把各種資源，例如JS（含JSX）、coffee、樣式（含less/sass）、圖片等都作為模塊來使用和處理。 webpack 的核心是 依賴分析,把依賴分析出來了，其他都是細枝末節了 它主要的用途是通過CommonJS的語法把所有瀏覽器端需要發佈的靜態資源做相應的準備，比如資源的合併和打包。 二、為什麼使用web

webpack , 模塊化開發

收藏 評論

smileZAZ 頭像

林恆 - 記錄---瀏覽器多窗口通信有效實踐總結

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 如何跨越不同窗口通信 在現代 Web 開發中，多個窗口或標籤頁之間的通信成為了越來越常見的需求，尤其是在應用需要同步數據、共享狀態或進行實時更新的場景中。不同窗口間的通信方式有很多種，選擇合適的方式可以大大提高開發效率和用户體驗。本文將詳細介紹幾種常見的瀏覽器多窗口通信技術，並結合實際代碼示例，分析它們的優缺點及兼容性。

前端 , html5

收藏 評論

yuebanxiaoyequ_5b12c826c10bc 頭像

月半小夜曲 - Node中url模塊的使用

URL模塊是NodeJS的核心模塊之一，用於解析url字符串和url對象 url.parse(url_str[,boolean]) url.parse(url_str[,boolean])用於將url字符串轉為對象格式。該方法有兩個參數，第一個參數為url字符串，第二個為布爾值，可以不寫，表示是否也將query轉為對象 url.parse(url_str) //注意 以下代碼只能在node中運行

node.js , 模塊化開發 , 前端

收藏 評論

xiejinrong 頭像

老謝 - 前端模塊化開發之ES Module

瞭解過Web前端開發的小夥伴應該知道，歷史上，JavaScript一直沒有自己模塊體系（module），無法將一個大程序拆分成互相依賴的小文件，再用簡單的方法拼裝起來。其他語言如java、python等都具備這項功能，唯獨Javascript沒有，在ES6之前，要想在前端做模塊化開發，必須依賴第三方框架來實現，如：requireJS與seaJS，requireJS支持的是AMD規範，seaJS支持

module , 前端模塊化 , 模塊化開發

收藏 評論

yuzhihui 頭像

飛仔FeiZai - H5 頁面中實現跳轉到其他 APP

H5 頁面中實現跳轉到其他 APP 在 H5 頁面中跳轉到其他 APP，可以使用以下幾種方式： 1. URL Scheme（自定義協議） 許多 APP 都支持 URL Scheme 方式的跳轉，例如： a href="weixin://"打開微信/a a href="alipay://"打開支付寶/a a href="yourapp://path"打開自定義 APP/a 注意： 需要目標 A

前端 , html5

收藏 評論

alienzhou 頭像

alienzhou - 替代 webpack？一文帶你瞭解 snowpack 原理，你還學得動麼

近期，隨着 vue3 的各種曝光，vite 的熱度上升，與 vite 類似的 snowpack 的關注度也逐漸增加了。目前（2020.06.18）snowpack 在 Github 上已經有了將近 1w stars。 snowpack 的代碼很輕量，本文會從實現原理的角度介紹 snowpack 的特點。同時，帶大家一起看看，作為一個以原生 JavaScript 模塊化為核心的年輕的構建工具，它是如

構建工具 , webpack , 模塊化開發 , 前端 , Javascript

收藏 評論

aser1989 頭像

ASER_1989 - 前端視角看 HTTPS

最近用Docusaurus搭了一個個人網站，部署後看到瀏覽器地址欄上“不安全”三個字感覺特別辣眼，便不由自主的想起了HTTPS。回憶起自己在日常開發中遇到的一些與HTTPS相關的知識，忍不住想將這些年積累的一些細節和心得體會整理一下。 為什麼要使用HTTPS HTTPS的發展歷程是一段頗具趣味的歷史，充滿了技術創新與安全挑戰。作為前端開發者為什麼要使用HTTPS，難道HTTP不能用了嗎？當然不是，

前端 , html5

收藏 評論

smileZAZ 頭像

林恆 - 如何跨標籤頁通信

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 開篇小劇場：為什麼標籤頁要"聊天"？ 想象你在網上商城： 標籤1：瀏覽商品頁 標籤2：開着購物車 當你在標籤1點擊"加入購物車"，標籤2的購物車數字應該立即+1！這就是標籤頁通信的魔力啦！✨ 🎨 方案1：BroadCast Channel（對講機頻道） 🛠️ 方案2：Service Worker（隱形郵差） 📦 方案3

前端 , html5

收藏 評論

longlong688 頭像

longlong688 - vscode Live Server插件問題修改

基於Windows11下Visual Studio Code中的Live Server插件使用過程中出現的問題與解決方法 本文字符約881個，閲讀需10分鐘 問題 Open a folder or workspace... (File - Open Folder) 這個是沒有打開文件夾 點擊這個後沒有啓動瀏覽器

前端 , html5

收藏 評論