tag 前端

標籤
貢獻1,077
4600
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

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

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

前端

收藏 評論

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

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

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

收藏 評論

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

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

前端

收藏 評論

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

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

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

收藏 評論

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

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

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

收藏 評論

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

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

前端

收藏 評論

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

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

後端 , 前端

收藏 評論

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

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

foreach , for循環 , 前端 , Javascript

收藏 評論

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

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

sessionstorage , 前端 , Javascript

收藏 評論

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

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

前端

收藏 評論

用户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 , 前端

收藏 評論

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

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

前端

收藏 評論

陳學家_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 , 前端

收藏 評論

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

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

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

收藏 評論

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

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

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

收藏 評論

程序員優雅哥 - 開箱即用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 , 前端

收藏 評論

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

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

前端

收藏 評論

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

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

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

收藏 評論

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

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

php , 後端 , 前端

收藏 評論

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

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

Css , typescript , 前端 , Javascript

收藏 評論

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

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

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

收藏 評論

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

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

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

收藏 評論

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

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

Vue , 前端

收藏 評論

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

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

vite , taro , 前端

收藏 評論