收藏 / 列表

hui_61e3b3803b922 頭像

xachary - 基於 CSS Grid 的簡易拖拉拽 Vue3 組件，從代碼到NPM發佈（3）- 小結

基本完成了拖動、調整大小、拖入、拖出、嵌套、刪除等特性，可以基於組件嵌套，也可以基於數據結構嵌套。算是告一段落了，後面在使用過程發現問題解決問題好了。 請大家動動小手，給我一個免費的 Star 吧~ 大家如果發現了 Bug，歡迎來提 Issue 喲~ github源碼 NPM 示例地址 文檔 交互細節 拖動 基本拖動 拖動區域擴展 拖動目標判斷 調整大小 基本調整大小 調整

組件庫 , vue3 , 拖拽 , typescript , 前端

wanzuqiudeshangba 頭像

玩足球的傷疤 - JavaScript與TypeScript的對比：深入理解兩者的異同

JavaScript 和 TypeScript 是當今最流行的兩種編程語言，尤其在前端開發中，它們佔據着主導地位。雖然這兩種語言在表面上看起來很相似，但它們有着顯著的差異，尤其是在類型系統、開發體驗、代碼維護性等方面。本文將深入探討 JavaScript 和 TypeScript 的差異，幫助開發者理解何時選擇使用 JavaScript 或 TypeScript，以及如何在項目中有效地運用它們。

ecmascript-6 , typescript , HTML , 前端 , Javascript

fengliudeshanghen 頭像

風流倜儻的傷痕 - 需求驅動測試：你的代碼真的在按需行事嗎？

url: /posts/83d162ba92c87a4acbe64338ccb2de1e/ title: 需求驅動測試：你的代碼真的在按需行事嗎？ date: 2025-09-11T01:11:39+08:00 lastmod: 2025-09-11T01:11:39+08:00 author: cmdragon summary: 需求驅動測試（Requiremen

flask , django , fastapi , Python

laughingzhu 頭像

LaughingZhu - Cloudflare R2 - 免費圖牀

前言 之前看了一篇文章，關於介紹 Cloudflare R2 來搭建圖牀的方案，主要是白嫖 Cloudflare 的空間和 cdn 服務。我現在博客 DevNow 的 CDN 使用的是七牛雲，偶爾還是有一點點的支出。 雖然不多，但是吧，看到有白嫖的方案，還是蠢蠢欲動，這不今天就來試着弄下看看。 1. 註冊Cloudflare賬號 先簡單介紹下 Cloudflare 是一家提供網絡安全和性能優化服

cloudflare , blog

sihaihande 頭像

漢得數字平台 - 漢得H-ZERO全新“輕透”主題上線，體驗煥然一新！

漢得H-ZERO開發平台全新主題「輕透」正式上線！ 「輕透」主題是一套柔和普適的H-ZERO主題，通過結構化組件和清晰視覺規則，為H-ZERO用户帶來全新的視覺體驗。 同時，「輕透」主題新增功能集合功能，並優化門户功能，助力企業數字化再上新台階！ 一、主題體驗升級：輕透·簡潔·高效 「輕透」主題細節全面優化，採用低飽和色彩策略，弱化主題色的突出感，更多運用中性灰搭配，營造出高級簡約的視覺風

視覺設計 , 用户交互 , ui

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤（空格分隔）： underscore 本文是underscore源碼剖析系列第六篇文章，上節我們介紹了throttle節流函數的實現，這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下，為了防止函數的頻繁調用，將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

xingfudenaozhong 頭像

幸福的鬧鐘 - AJAX是如何憑一己之力提高前端程序員的工資水平的？

作者：阿達西 鏈接：juejin.cn/post/7395396352183009290 emmm，今天無意間聽到一個比較奇怪的信息，就是在很早之前，前端工程師只是一個切圖崽，而且工資也不是很高。説白了，就是沒含金量的工作。因為那時候的Web應用相對簡單，主要關注於頁面的靜態內容和基本的交互。所以前端開發的工作主要集中在HTML、CSS和基礎的JavaScript上。 但是自從AJAX出現後

Ajax , 程序員 , 前端

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 一文了解 history 和 react-router 的實現原理

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 在前一篇文章中，我們詳細的説了 react-router@3.x 升級到 @6.x 需要注意的問題以及變更的使用方式。 react-router 版本更新非常快，但是它的底層實現原理確是萬變不離其中，在本文中會從前端路由出發到 react

react , react-router , 前端

wuyagege 頭像

雲綺棠兮 - 每日算法題--- 爬樓梯（利用JS實現）

假設你正在爬樓梯。需要 n 階你才能到達樓頂。 每次你可以爬 1 或 2 個台階。你有多少種不同的方法可以爬到樓頂呢？ 示例 1： 輸入：n = 2 輸出：2 解釋：有兩種方法可以爬到樓頂。 1. 1 階 + 1 階 2. 2 階 示例 2： 輸入：n = 3 輸出：3 解釋：有三種方法可以爬到樓頂。 1. 1 階 + 1 階 + 1 階 2. 1 階 + 2 階 3. 2 階 + 1 階

遞歸 , 前端

jsliang 頭像

jsliang - CSS 實例系列 - 02 - 2023 兔年祝福

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 新年新氣象，讓我們耍一個兔飛猛進的祝福吧： 這個是一個完整的線上小實例，小夥伴們可以填寫數據，服務器會用 Node.js 定期讀取數據： 填寫數據：https://kdocs.cn/l/cbmawranzvNL 效果查看：https://liangjunrong.github.io/ 例如你填的用户名稱是：

puppeteer , node.js , css3動畫 , html5 , Javascript

changlina 頭像

長林啊 - 打造高效React應用：CSS方案深度解析

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者；致力於終生學習和技術分享。 在React以其聲明式編程範式和組件化架構，成為了構建用户界面的首選技術之一。然而，隨着項目規模的擴大和設計需求的多樣化，如何高效地管理 CSS 樣式成為了每個React開發者都需要面對的挑戰。 本文將從一下三個方面進行介紹，探討如何在 React 中應用和管理樣式，包括內聯樣式、CSS

react , 全棧 , web開發 , next.js , 前端

linong 頭像

linong - 探索 IP 代理服務的類型及應用場景，以及可視化數據抓取工具簡介

在我們日常工作中有很多場景需要使用代理服務，比如説前端開發環境的 proxy 正向代理，比如説常見的 nginx 反向代理，比如常見的 cdn 等等。但是還有很多場景也可以使用代理服務。 今天我給大家介紹一下不同類型的 IP 代理服務適用於何種場景，最好可以教會大家如何使用 IP 代理服務。 請注意，雖然 IP 代理功能強大，我們應始終秉持合法、合規的原則使用，尊重網絡規則，不濫用技術侵犯他人

node.js , 代理 , 爬蟲 , 前端 , Javascript

htvlz 頭像

海豚V靚仔 - HTML 樣式

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

前端 , html5

aresn 頭像

Aresn - View UI Plus 發佈 1.1.0 版本，支持 SSR、支持 Nuxt、增加 TS 聲明文件

View UI Plus 1.1.0 版本已於 2022-05-30 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 支持了 SSR。#48 #49 #50 支持了 Nuxt。https://github.com/view-desig... 增加了 TS 聲明文件。#56 Playground 現已支持 Vue.js 3 及 View UI Plus。https

vue.js , iview , Css , 前端 , html5

zxl20070701 頭像

zxl20070701 - 從零開始搭建 Vue3 組件庫開發環境

搭建開發環境 Vite初始化 新建一個空的文件夾，比如叫 Vue3UI ，然後使用命令行在此文件夾下使用npm初始化： npm init 回車後，我們再安裝vite（我們這裏選擇使用Vite進行打包，使用別的也類似）： npm install --save-dev vite 根目錄創建 index.html 文件，裏面內容如下： !DOCTYPE html html lang="zh-cn"

vue.js , vite , component , 前端 , ui

nulidexiaocongmang 頭像

MangoGoing - 探究幾種CSS視差動畫實現方案及原理

滾動視差 介紹 視差滾動（Parallax Scrolling）是指多層背景以不同的速度移動，形成立體的運動效果，帶來非常出色的視覺體驗。 實現原理 方式一： 利用 background-attachment 屬性，我們可以把網頁解刨成：背景層、內容層、懸浮層 background-attachment 的作用是設置背景圖像隨着頁面滾動的時候固定，即使一個元素有滾動機制，背景也不會隨着元素

parallax-animation , css3動畫 , 前端

skychx 頭像

鹵代烴 - 🪢 [網絡協議] 淺談 HTTP 優先級算法的演進

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 前兩天在「即刻」上一時興起寫了一段 HTTP 優先級的發展歷程，這兩天覺得當時寫的還是太倉促了，所以準備寫個 Blog 擴寫一下，就「優先級」這個概念縱向分析，看看這些基礎協議的發展和進化。 正式講之前先列個時間線，這樣的話對以下內容的理解會有個更直觀的認識： 1997 年，經過前幾年幾

http3 , http-2 , HTTP , 網絡傳輸協議 , 前端

limingcan562 頭像

limingcan - 有了這些方法，webpack你也可以自己配

前言 通過上篇文章——弄懂這幾個概念後，我對webpack有了更新的理解 的講解，我們大致瞭解了： 使用webpack過程中出現的一些概念 結合打包過程中出現的概念，淺析了webpack打包流程，讓大家對打包流程有個大致的理解 我們都知道，我們在實際開發過程中，使用webpack無非就是為了最後輸出瀏覽器能運行的css、img、js、html等前端資源。 那麼，為了更貼近實際，我們這篇文章

構建工具 , webpack5 , challenge , 前端 , Javascript

yangyaya 頭像

陽呀呀 - “寒冬”三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）之手寫題（一）

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 手寫題是比較好準備的一個環節，大部分公司考察的題也就那麼多，大都不會超出範圍。 往期 "寒冬"三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等） "寒冬"三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）

面試 , 筆試 , 前端 , Javascript

huobaodejianpan 頭像

火爆的鍵盤 - HTTP 請求優化指南：Axios 和 Fetch 的比較

在前端開發中，處理 HTTP 請求是一個常見且重要的任務。JavaScript 提供了多種方式來發送網絡請求，其中最受歡迎的兩種方式分別就是 Fetch API 和 Axios。儘管兩者都能完成同樣的任務，即從客户端向服務器發送請求並接收響應，但它們在使用方式、功能及靈活性方面各有千秋，下面我們簡單瞭解下。 1. 基礎介紹 Fetch API Fetch API 是現代瀏覽器內置的一個標準 Jav

HTTP , fetch , Axios , 前端 , Javascript

webinfoq 頭像

破曉L - 現代 JavaScript 框架工作原理你瞭解多少？

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年，但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時，我常常會被自己不知道的事情壓得喘不過氣來。 不過，瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外，我們還得讓那些 “days since last JavaScr

react , vue.js , 響應式 , 前端 , Javascript

hai2007 頭像

你好2007 - 關於CSS中設置overflow屬性的值為hidden的相關理解

包裹元素剪裁條件 是不是包裹元素overflow設置為hidden以後，內部元素如果超過包裹元素的話就會被剪裁？答案是不一定，這要看此刻的CSS環境。 根據對CSS2.1規範的理解，可以這樣表述：如果一個元素的包含塊的overflow屬性設置為hidden，那麼超過這個包含塊部分的內容就會被剪裁。 因此我們需要學會尋找一個元素的包含塊，不過在這之前，讓我們先簡單的知道如果一個元素的overflow

overflow , bfc , hidden , Css

hellotech 頭像

哈囉技術 - 街貓自研多媒體能力介紹

背景 哈囉街貓移動團隊在支撐業務發展過程中，已有的多媒體基礎能力存在一些問題/瓶頸： 貓屋直播 - 三方直播sdk，在MTK芯片的機型上存在兼容問題（hevc硬解報錯），導致直播流無法播放，用户無法使用app的核心功能 音視頻流合成、濾鏡 - 需要能夠靈活的支持用户去觸發對貓屋直播流的截取、合成、添加濾鏡等，使用系統多媒體Api，在可擴展性，流處理效率，兼容性，以及濾鏡的支持上，都存在問題

移動端 , 前端

kagol 頭像

Kagol - 🎈Fluent Editor 富文本開源2個月的總結：增加格式刷、截屏、TypeScript 類型聲明等新特性

你好，我是 Kagol，個人公眾號：前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、 功能強大、開箱即用。 2024年8月12日，Fluent Editor 正式開源！ 源碼：https://github.com/opentiny/fluent-editor/ 官網：https://op

富文本編輯器 , typescript , 前端