@前端
贡献者508
粉丝0
贡献者
@前端
动态 列表Input報錯“Form elements must have labels: Element has no title attribute Element has no placeholde”
喵~ 項目開發難免會遇到些不解的問題，以下總結的是簡化版，重在復現問題，解決問題。 寫表單時，如果只是單獨寫了input元素，發現在後台管理會飄紅。感覺很奇怪，明明沒有寫錯語法，為什麼會飄紅呢？ 1、寫一段最普通的html頁面 2、右鍵，選擇 “檢查”，打開後台管理器，指向input元素 此時，可以看到飄紅的input，鼠標指向input，會顯示一段提示： 3、按照提示，Shift +
昵称 代碼喵仔
【3分鐘學會】一招禁用表單中input輸入框回車鍵自動觸發提交事件！
知其然知其所以然 在前端項目開發中，偶爾會有表單提交的問題： 用户輸入表單後，不小心按了回車鍵，導致提前觸發了提交事件？ 問題概述 當表單中僅有一個input輸入框時，按下回車鍵就會自動觸發提交事件，這是為什麼呢？ 這裏就要提到一個標準：W3C 文中最後一句話已經解釋了原因： 當表單中只有一個單行文本輸入字段時，用户代理應接受在該字段中按Enter鍵作為提交表單的請求。
昵称 代碼喵仔
HTML5 微數據規範
HTML5 微數據規範 簡介 微數據是一種內置於 HTML 中的結構化數據格式。它允許網頁作者定義頁面上的特定內容類型，例如文章、事件或人物。這有助於機器（例如搜索引擎）理解和解釋網頁內容。 微數據的基本概念 項目（Items）：一個微數據項代表頁面上的某個對象或實體，例如一個人、一本書或者一個事件等。一個item通常由itemscope屬性定義。 類型（Types）：每個item可以有
昵称 騎着烏龜奔跑的蝸牛
記錄---瀏覽器多窗口通信有效實踐總結
🧑💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 如何跨越不同窗口通信 在現代 Web 開發中，多個窗口或標籤頁之間的通信成為了越來越常見的需求，尤其是在應用需要同步數據、共享狀態或進行實時更新的場景中。不同窗口間的通信方式有很多種，選擇合適的方式可以大大提高開發效率和用户體驗。本文將詳細介紹幾種常見的瀏覽器多窗口通信技術，並結合實際代碼示例，分析它們的優缺點及兼容性。
昵称 林恆
Node中url模塊的使用
URL模塊是NodeJS的核心模塊之一，用於解析url字符串和url對象 url.parse(url_str[,boolean]) url.parse(url_str[,boolean])用於將url字符串轉為對象格式。該方法有兩個參數，第一個參數為url字符串，第二個為布爾值，可以不寫，表示是否也將query轉為對象 url.parse(url_str) //注意 以下代碼只能在node中運行
昵称 月半小夜曲
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
昵称 飛仔FeiZai
替代 webpack？一文帶你瞭解 snowpack 原理，你還學得動麼
近期，隨着 vue3 的各種曝光，vite 的熱度上升，與 vite 類似的 snowpack 的關注度也逐漸增加了。目前（2020.06.18）snowpack 在 Github 上已經有了將近 1w stars。 snowpack 的代碼很輕量，本文會從實現原理的角度介紹 snowpack 的特點。同時，帶大家一起看看，作為一個以原生 JavaScript 模塊化為核心的年輕的構建工具，它是如
昵称 alienzhou
前端視角看 HTTPS
最近用Docusaurus搭了一個個人網站，部署後看到瀏覽器地址欄上“不安全”三個字感覺特別辣眼，便不由自主的想起了HTTPS。回憶起自己在日常開發中遇到的一些與HTTPS相關的知識，忍不住想將這些年積累的一些細節和心得體會整理一下。 為什麼要使用HTTPS HTTPS的發展歷程是一段頗具趣味的歷史，充滿了技術創新與安全挑戰。作為前端開發者為什麼要使用HTTPS，難道HTTP不能用了嗎？當然不是，
昵称 ASER_1989
如何跨標籤頁通信
🧑💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 開篇小劇場：為什麼標籤頁要"聊天"？ 想象你在網上商城： 標籤1：瀏覽商品頁 標籤2：開着購物車 當你在標籤1點擊"加入購物車"，標籤2的購物車數字應該立即+1！這就是標籤頁通信的魔力啦！✨ 🎨 方案1：BroadCast Channel（對講機頻道） 🛠️ 方案2：Service Worker（隱形郵差） 📦 方案3
昵称 林恆
vscode Live Server插件問題修改
基於Windows11下Visual Studio Code中的Live Server插件使用過程中出現的問題與解決方法 本文字符約881個，閲讀需10分鐘 問題 Open a folder or workspace... (File - Open Folder) 這個是沒有打開文件夾 點擊這個後沒有啓動瀏覽器
昵称 longlong688
使用vuex4.0完成兩個組件數據的雙向綁定（實現modules模塊化）
問題場景：在優化項目的交互體驗時，想實現在左側表單輸入數據，右側篩選條件組件同步顯示輸入的功能，第一時間想到使用vuex 由於vuex升級到了4.0，語法發生了較大的變化，首先查詢官方文檔 vuex官方文檔 看到項目結構引起了我的注意，考慮到後期管理項目能更加便利，使用modules勢在必行 在store目錄下新建modules文件夾，之後的module文件都放在這個文件夾
昵称 trueYann
B站首頁的 Banner 這麼好看，我讓你直接用到你的項目！
🧑💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 寫在前面 我最開始是用 Angular 去實現了B站的 Banner ，那時候還沒有人做這東西，可以看到下面那一長串 Bannet 圖片的第一個圖是好幾年以前的了。然後隨着逐步完善，在這幾年偶爾也看到有人發過這東西的實現方法。 但我為什麼要寫這篇文章？因為我打算用原生 JS 和三大框架都去實現一遍，以滿足所有人的需求
昵称 林恆
前端構建這十年
寫在前面 前端模塊化/構建工具從最開始的基於瀏覽器運行時加載的 RequireJs/Sea.js 到將所有資源組裝依賴打包 webpack/rollup/parcel的bundle類模塊化構建工具，再到現在的bundleless基於瀏覽器原生 ES 模塊的 snowpack/vite，前端的模塊化/構建工具發展到現在已經快 10 年了。 本文主要回顧 10 年間，前端模塊化/構建工具的發展歷程及
昵称 李十三
如何進行頁面前端監控
🧑💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 前端監控主要分三個方向 前端性能（用户體驗優化） 異常監控 業務指標跟 下面我來分別介紹三類指標如何獲取 1）前端性能指標： 一、用户體驗相關的： 頁面加載時間（Page Load Time） ： 定義：從用户請求頁面到頁面完全加載的時間。
昵称 林恆
記錄---讓網頁像現實世界一樣“拿起來，放進去”
🧑💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 引言 2025年，我們早已習慣用手指滑動屏幕、拖動文件。而這一切流暢體驗的背後，HTML5 的拖拽（Drag and Drop）功能功不可沒。它讓網頁不再只是“點一點”，而是可以“拖一拖、放一放”，大大提升了交互的直觀性和用户體驗。 為什麼拖拽如此重要？ 回想一下 iPad 為何能迅速風靡全球？一個重要原因就是它的操作“傻
昵称 林恆
【D01】Django中實現帶進度條的倒計時功能（簡易版）
首先説明簡易版是隻有一個 倒計時 和一個 進度條，頁面加載後自動開始計時，下次計時需要手動刷新頁面。 後續會更新實現完整的倒計時功能的文章 前期準備 前端框架 你需要準備一些前端框架：Bootstrap4 和 jQuery 安裝方法請自行查閲官方文檔或教程 Bootstrap4：https://v4.bootcss.com/docs/getting
昵称 stu(dying)
js判斷是否手機模式
function autoLoad() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAg
昵称 大da臉
記錄--JavaScript 中有趣的 9 個常用編碼套路
這裏給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 1️⃣ set對象：數組快速去重 常規情況下，我們想要篩選唯一值，一般會想到遍歷數組然後逐個對比，或者使用成熟的庫比如lodash之類的。 不過，ES6帶來了一個新玩意兒！它引入了一個全新的對象類型：Set！而且，如果結合上...展開運算符，我們可以超級快速地創建一個已經去重的全新數組！😎 const arr = [
昵称 林恆
簡單實用摺疊面板可以摺疊收起展開內容區域
前端簡單實用摺疊面板可以摺疊收起展開內容區域,閲讀全文下載完整代碼請關注微信公眾號： 前端組件開發 效果圖如下: 代碼如下: # 簡單實用摺疊面板可以摺疊收起展開內容區域。 #### 使用方法 ```使用方法 !-- leftText:做標題 rigText: 有註明文字 isOpen:展開摺疊狀態 isIcon:是否展示箭頭圖片 默認true -- C
昵称 前端組件開發
利用jQuery製作簡易的table上下無縫輪播
!DOCTYPE html html lang="en" head meta charset="UTF-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=device-width, initial-scale=1.0" title
昵称 Z-HarOld
驗證碼插件 vercode.js
第1代圖片驗證碼 -字母數字型 第2代滑動驗證碼 - 圖片截取型 第3代驗證碼 - 選圖型 vercode.js 結合了上面的情況下新研發的一種驗證碼。 驗證碼類型 驗證碼描述 操作性 安全性 描述 字母數字型圖片驗證碼 這是一種通過後台隨機碼生成圖片的驗證碼。服務器會在隨機碼生成時保
昵称 名字什麼都是浮雲
閒來無事整個“方塊消消樂”小遊戲
寫在前面的話 在996是福報，“付費上班”的如今。身為信息化進程的一顆螺絲釘，每天的通勤時間要四十幾分鍾（僅僅是在地鐵上哦），漫漫這時候回家路難免顯得有點寂寞有點空虛。這時好學的人會説聽聽有聲書，趁着下班時間提升自己。而我可要優雅的迴應道：“老子搬了一天磚了，下班還不能享受享受了”。這不就迷上了各種小遊戲，什麼“種樹賺錢”，“鬥地主”，“消消樂”，這不就被小遊戲給腐蝕了一心工作的 心靈。某團的
昵称 七分暖