tag 前端

標籤
貢獻1,077
4600
06:37 AM · Oct 27 ,2025
smileZAZ 頭像 tuzixiansen_63d4d65909d62 頭像 qaz666 頭像 opentiny 頭像 invalidnull 頭像 dirackeeko 頭像 beishangdejianjidan_cqxuxf 頭像 yayu 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 icecreamlj 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

smileZAZ 頭像

林恆 - 前端拖拽，看似簡單，其實處處是坑

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 拖拽功能是前端開發裏最常見的交互之一： 從 百度網盤的文件拖拽，到 Figma 的畫布操作，都離不開拖拽能力。 很多人會覺得——拖拽不就是 mousedown + mousemove + mouseup 嗎？三行代碼就能搞定！ 但當你真正落地到生產環境時，坑點就會接踵而來： PC 和移動端事

前端

收藏 評論

jimodetiebanshao 頭像

UXbot - 2026年AI原型設計工具篩選指南

在AI浪潮的推動下，產品原型設計正發生翻天覆地的變化。從傳統的手工繪圖，到如今只需輸入一句話便能自動生成完整頁面，AI原型工具已不再只是設計師的“輔助工具”，而是逐步成為產品團隊不可或缺的創作核心。2025年，眾多AI設計工具持續進化，在功能深度、智能化程度和協作體驗上日益出色。以下為大家推薦幾款今年尤為值得關注的AI原型工具，適配不同角色、場景與核心需求。在AI技術迅猛發展的浪潮下，產品原型設計

vue.js , 產品經理 , 原型 , 程序員 , 前端

收藏 評論

smileZAZ 頭像

林恆 - 為什麼 SVG 能在現代前端中勝出？

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 如果你關注前端圖標的發展，會發現一個現象： 過去前端圖標主要有三種方案： PNG 小圖（配合雪碧圖） Iconfont SVG 到了今天，大部分中大型項目都把圖標系統全面遷移到 SVG。 無論 React/Vue 項目、

前端

收藏 評論

3yya 頭像

三眼鴨的編程教室 - 學廢了，JavaScript 中的作用域與作用域鏈

什麼是作用域？ 作用域定義了變量的可見性或可訪問性。大白話來説，就是一個變量能不能被訪問或引用，是由它的作用域決定的。 在 JavaScript 中有三種作用域。 全局作用域 函數作用域（局部作用域） 塊作用域 let globalVariable = "我是全局作用域下的變量" function func() { let localVariable = "我是局部作用域下的變量

vue.js , 作用域 , 作用域鏈 , 前端 , Javascript

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - Vue 3 vs Vue 2：深入解析從性能優化到源碼層面的進化

Vue.js 是當今前端開發中最受歡迎的框架之一。隨着 Vue 3 的發佈，它在性能優化、開發體驗、響應式系統、構建工具和熱更新等多個方面都帶來了巨大提升。本文將深入剖析 Vue 3 的進化，包括其 源碼實現 方面的優化，如 diff算法、靜態標記、編譯優化 ，以及 Vue 3 在熱更新、構建工具上的改進。 1. 性能提升：底層優化的革命 1.1 響應式系統的改進：從 Object.defineP

vue2 , vue.js , vue3 , 前端 , Javascript

收藏 評論

smileZAZ 頭像

林恆 - 一文讀懂：CommonJS 和 ES Module 的本質區別

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 面試官：你能説説 CommonJS 和 ES Module 的區別嗎？ 我：……（腦子裏只剩下 require 和 import） 説實話，這個問題你一定見過，而且99% 的前端都背過標準答案。 但真要往深了問一句： 為什麼 ESM 可以 Tree Shaking

前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 小白必看！SSL證書類型掃盲：DV, OV, EV到底怎麼選？

當你決定為網站安裝SSL證書時，迎面而來的就是三個神秘的縮寫：DV、OV、EV。它們看起來很像，價格卻天差地別。 別擔心，這篇文章將用最通俗易懂的方式，幫你徹底搞懂它們的區別，並告訴你如何根據自身情況做出最佳選擇。 核心概念：驗證等級的不同 這三種證書最根本的區別，在於證書頒發機構（CA）對申請者身份信息的驗證嚴格程度不同。你可以把它類比成我們生活中的三種證件： DV證書 ≈ “網上暱稱”

後端 , 前端

收藏 評論

shawnphang 頭像

茶無味的一天 - 面試官問我 JS 中 foreach 能不能跳出循環

當年懵懂無知的我被問到這個問題時，腦袋一片空白，因為我一度認為forEach可能只是為了方便書寫所創造出來的語法糖，在業務代碼中也經常使用，但沒有思考過它存在的問題，本文旨在記錄自己的心路歷程，拋磚引玉，如果對你有所幫助那就更好啦。 那麼回到標題，首先forEach是不能使用任何手段跳出循環的，為什麼呢？繼續往下看。 我們知道forEach接收一個函數，它一般有兩個參數，第一個是循環的當前元素，第

foreach , for循環 , 前端 , Javascript

收藏 評論

shiqing_5e690563e48cc 頭像

時傾 - sessionStorage 多 Tab 標籤頁數據“共享”

問題描述 在 A 頁面設置一些 sessionStorage 數據，然後 a 標籤 _blank 方式打開另一個 tab B 頁面，發現 B 頁面有A 頁面的 sessionStorage 數據。 問題原因 不同 tab 頁面 sessionStorage 數據出現了 “共享”。 sessionStorage 為什麼會共享呢？下面看下 sessionStorage 的官方 MDN 介紹： 頁面

sessionstorage , 前端 , Javascript

收藏 評論

sunr 頭像

小馬過河﹎ - 一些有用的javascript函數

作者：不愛喝橙子汁 /** * 類型檢測函數 * 為typeof關鍵字的增強版，可以準確判斷null，date類型 * 原理是使用V8引擎最初的toString方法觀察數據類型 * @author 不愛喝橙子汁 * @version 1.0.0 * @param {Object} obj 任意對象，例如null，undefined，date * @return {String}

前端

收藏 評論

susuhhhhhh 頭像

用户bPcSPjP - 用css的transform屬性實現一個翻轉字符

本文將用rotateY為大家展示一個翻轉的字符 1.實現效果 2.transform介紹 transform 屬性向元素應用 2D 或 3D 轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。 語法： transform: none|transform-functions; eg： transform:rotate(7deg); -ms-transform:rotate(7deg);

css3 , transform , hsl , HTML , 前端

收藏 評論

sailCoding 頭像

bug糕手 - 純HTML + CSS + JS 實現Popup彈窗

在 Web 開發中，彈窗（Popup）是一種極其常見的交互組件，廣泛用於： 表單提交確認 刪除操作二次確認 登錄/註冊入口 信息提示或警告 雖然現在有大量 UI 框架（如 Element UI、Ant Design、Bootstrap）提供現成的彈窗組件，但理解其底層實現原理，不僅能讓你在無框架環境下快速構建功能，還能加深對 DOM 操作、事件處理和 CSS 佈局的理解。 本文將基於你

前端

收藏 評論

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 3.1 redux 介紹

書籍完整目錄 3.1 開始使用 redux 前面我們介紹了 flux 架構以及其開源實現 redux，在這一節中，我們將完整的介紹 redux: redux 介紹 redux 是什麼 redux 概念 redux 三原則 redux Stores redux Action

react , flux , redux , leanreact , 前端

收藏 評論

patrick_5e38db294d0cb 頭像

魚不想説話 - JavaScript模塊化-AMD

最近寫一個小遊戲的時候用的是RequireJs構建項目，順便補了一下RequireJs，下面講解一些基礎和進階的用法。 AMD AMDAsync Module Definition代表的意思為異步模塊定義，是Javascript模塊化的瀏覽器解決方案，它採用異步的方式加載模塊，模塊的加載不影響它後面語句的運行。所有依賴這個模塊的語句，都定義在回調函數中，等到加載完成之後，這個回調函數才會運行。

amd模塊加載 , 模塊化 , require , 前端 , Javascript

收藏 評論

xcold 頭像

xcold - 更優雅地用 JS 進行 “IPC” 調用，我寫了 event-invoke 庫

背景 團隊最近有一個 Node.js 全新的模塊需要開發，涉及多進程的管理和通訊，簡化模型可以理解為需要頻繁從 master 進程調用 worker 進程的某些方法，簡單設計實現了一個 event-invoke 的庫，可以簡單優雅進行調用。 Node.js 提供了 child_process 模塊，在 master 進程通過 fork / spawn 等方法調用可以創建 worker 進程並獲取其

node.js , pm2 , typescript , 前端 , Javascript

收藏 評論

chengxuyuanyouyage 頭像

程序員優雅哥 - 開箱即用yyg-cli：快速創建 vue3 組件庫和vue3 全家桶項目

1 yyg-cli 是什麼 yyg-cli 是優雅哥開發的快速創建 vue3 項目的腳手架。在 npm 上發佈了兩個月，11月1日進行了大升級，發佈 1.1.0 版本：支持創建 vue3 全家桶項目和 vue3 組件庫項目。具體如下： vue3 全家桶項目 使用 yyg-cli 創建的 vue3 全家桶項目，底層基於優雅哥編寫的開源項目 vue3-vite-archetype，默認整合如下庫： -

腳手架cli , 組件庫 , vue-cli3 , vue3 , 前端

收藏 評論

smileZAZ 頭像

林恆 - 老闆：能不能別手動複製路由了？我：寫個腳本自動掃描

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 起因 週五快下班，老闆過來看權限配置頁面。 "這個每次都要手動輸路徑？" "對，現在是這樣。"我打開給他看： 角色：運營專員 路由路徑：[手動輸入] /user/list 組件路徑：[手動輸入] @/views/user/List.vue "上次運營配錯了，/user/list 寫成 /user/lists，頁面打不開

前端

收藏 評論

xutongbao 頭像

徐同保的博客 - electron打包項目

安裝要求安裝python 並配置環境變量 按照打包時的報錯提示鏈接收到下載壓縮包 解壓後放到對應的位置 本文包含：--> -->

後端開發 , electron , 壓縮包 , harmonyos , 前端 , Javascript , Python

收藏 評論

junxiudetuoba 頭像

伊伊DK - “碼”上跑腿：拆解一套可商用的校園外賣跑腿小程序源碼如何快速部署

商用級校園外賣跑腿小程序的快速部署，核心是 “標準化流程 + 校園場景適配 + 合規落地”，本文基於可商用的完整源碼包（UniApp 前端 + SpringBoot 後端），從環境準備、源碼部署、配置調試到上線商用，拆解全流程，讓你最快 1 天完成部署，適配校園商業化運營需求。 一、部署前核心準備 核心資源清單（商用必備） 二、5 分鐘適配前端小程序（UniApp）

php , 後端 , 前端

收藏 評論

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - 住宅代理技術深度解析：真實網絡身份如何改變數據採集與賬號穩定性

在風控算法不斷升級的今天，網絡上的每一次訪問都伴隨“身份校驗”。對於跨境電商、數據採集、廣告驗證和自動化測試等高敏感領域而言，能否呈現出可信、自然的訪問環境，直接決定任務能否順利執行。在所有環境構建方案中，住宅代理（Residential Proxy）被視為最接近真實用户身份的技術手段，因此在 2025 年依然是全球企業與開發者最依賴的基礎設施之一。 一、為什麼住宅代理被視為“高可信網絡身份”？

Css , typescript , 前端 , Javascript

收藏 評論

dabizidebaowenbei_df8whi 頭像

阿里雲ESA - 開發者集合！【必看教程】阿里雲ESA Pages大賽部署全流程

一、前置條件 開通阿里雲ESA邊緣安全加速產品，並開通“函數和Pages”服務。 擁有一個可用的Github賬號，並將本地項目上傳至Github倉庫。具體步驟可參考：本地項目如何上傳至GitHub倉庫。 二、創建構建配置文件esa.jsonc 您需要在Github倉庫的根目錄創建esa.jsonc文件（或在ESA控制枱創建Pages項目時填寫構建參數），以便讓ESA瞭解您倉庫的構建邏輯。這

vue.js , 教程 , npm , HTML , 前端

收藏 評論

xiaolu_5faa2ab5d9cdb 頭像

xiaolu_5faa2ab5d9cdb - 【從青銅到鑽石】3 年創業公司成長經歷 && 面試總結

當了幾年的伸手黨，最近也準備輸出一些自己的東西。 關於我 首先介紹一下我自己，17 年畢業於一所 211 學校，但是由於大學四年馳騁在召喚師峽谷，畢業時也沒有找到一份大廠的工作，隨便找了一家創業公司簽了三方就去了。好在這家公司也挺給力，我這一呆就是三年，996 當着「全乾工程師」，從前端到服務端，從 JavaScript 到 Java，這幾年下來都積累了一些經驗，不説精通，也算是比較熟悉了。 今年

全棧 , 面試 , 全棧工程師 , 前端 , Javascript

收藏 評論

qaz666 頭像

可不簡單 - vue 甘特圖 vxe-gantt 手動增加一條依賴線，刪除連接線的用法

vue 甘特圖 vxe-gantt 手動增加一條依賴線，刪除連接線的用法,通過設置 links 定義連接線,from 對應源任務的行主鍵,tom 對應目標任務的行主鍵 0 FinishToStart 結束後才開始，表示一個任務必須在另一個任務開始之前完成 1 StartToFinish 開始到結束，表示從某個過程的開始到結束的整個過程 2 StartToStart 開始後才開始，表示一

Vue , 前端

收藏 評論

fenanjiu 頭像

南玖 - Taro4.0支持使用Vite構建

前言 早在Taro3.5的版本發佈時，Taro團隊就表示將會在接下來的3.6版本落地對Vite的支持。 但在3.6的版本中根本就沒看到Vite的身影，隨着社區對Vite的呼聲越來越高，終於在Taro4.0beta版本中支持了這一功能！ 目前 Taro 在 Vite 編譯系統適配方面，優先支持了小程序、H5 和鴻蒙三端。 但仔細一想🤔，H5支持使用Vite編譯可以理解，但小程序是隻支持Commo

vite , taro , 前端

收藏 評論