收藏 / 列表

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

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

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

lihaixing - 二進制運算實例

實際使用 位運算只可運用於整數,對於 float 和 double 不行。 WebGL 遊戲數據處理 WebSockets、AJAX、Fetch、WebRTC 服務通信 WebUSB、WebAudio 硬件通信 Crypto 加密算法 1. 一些基本用法 位運算 功能 示例 x 1 去掉最後一位 101101-101

react , vue.js , 二進制 , 前端 , Javascript

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中,Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整,靈活地填充可用空間。因此,無論是在桌面端還是移動端,Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例:響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄,項之間應均勻分佈,並且在小屏幕上時,導航項能夠堆疊在一起: nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

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

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 - Doc for DevNow

前言 DevNow 是一個精簡的開源技術博客項目模版,支持 Vercel 一鍵部署,支持評論、搜索等功能,歡迎大家體驗。 🎉🎉 首先慶祝下 DevNow star 在不久前過百,對我來説還是蠻有成就感的,感謝大家的支持。 文檔 之前收到一些朋友私信問關於 DevNow 部署和一些配置的問題,陸陸續續發了幾個相關的文章,但是當文章多了的時候就會不容易查找,所有這兩天就整理了下相關的內容,輸出了

astro , 博客

漢得數字平台 - 零衍門户組件聯邦模式:重新定義組件開發新體驗!

引言 門户自定義組件是零衍門户的核心能力之一,基於這項能力,客户可以更靈活、自由地構建出多種風格的門户。然而隨着零衍門户被越來越多的企業使用,傳統門户自定義開發模式存在的一些問題也逐漸顯現,比如開發調試流程繁瑣、渲染性能較差等成為了用户使用過程中的痛點。 為解決上述問題,零衍經過探索與研究,推出了新的門户自定義組件開發模式——聯邦模式,全面提升了用户開發與使用體驗。 優勢與亮點 ◆ 快速編譯,輕

組件化 , 系統管理

友人A - threejs-夜景

記錄threejs實現夜景光照、投影、陰影、反射、材質顏色編碼的效果 主要是光源設置了shadow、encoding !DOCTYPE html html head meta charset="UTF-8" titleThree.js Scene/title style body { margin: 0; }

three.js , 三維模型 , gis , 前端

尹光耀 - underscore源碼剖析之整體架構

underscore源碼分析之整體架構 最近打算好好看看underscore源碼,一個是因為自己確實水平不夠,另一個是underscore源碼比較簡單,比較易讀。 本系列打算對underscore1.8.3中關鍵函數源碼進行分析,希望做到最詳細的源碼分析。 今天是underscore源碼剖析系列第一篇,主要對underscore整體架構和基礎函數進行分析。 基礎模塊 首先,我們先來簡

underscore , 前端 , Javascript

幸福的鬧鐘 - 我們都被困在系統裏的…程序員

前言 2020年外賣最火熱的時候,有一篇文章《外賣騎手,困在系統裏》。 作為一個互聯網從業人員,我之前從未有機會體會到,當每一個工作都要被時間和算法壓榨時,我會是一種怎樣的感受。 而最近的一段經歷,我感覺也被困在系統裏了。 起因 如果你是一個研發人員,免不了要值班、處理線上問題。當然這都很正常,每個系統都有bug或者諮詢類的問題。 由於我們面臨的客户比較多,加上系統有一些易用性的問題或bu

react-native , JAVA , 程序員 , 後端 , 前端

袋鼠雲數棧UED - 你應該瞭解的hooks式接口編程 - useSWR

什麼是 useSWR ? 聽名字我們都知道是一個 React 的 hooks,SWR 是stale-while-revalidate的縮寫, stale 的意思是陳舊的, revalidate 的意思是重新驗證/使重新生效, 合起來的意識可以理解成 在重新驗證的過程中先使用陳舊的,在http 請求中意味着先使用已過期的數據緩存,同時請求新的數據去刷新緩存。 這在 http 請求中Cache-Con

react , hooks , 前端

jsliang - CSS 實例系列 - 04 - Dropdown 下拉麪板

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 今兒要實現的是:Dropdown 下拉麪板 本期將和小夥伴們探討: √ 通過精簡結構,講解 HTML 和 CSS 搭配如何實現 Dropdown 下拉麪板 本實例的代碼地址: Github - all for one 碼上掘金 - 04 - Dropdown 下拉麪板 視頻講解 一 前言 本 CSS 系

css3 , Css , css3動畫 , 前端 , html5

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時,加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設,整理了一下現有的線上報錯,其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript

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

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

前端 , html5

Aresn - View UI Plus 發佈 1.3.0 版本,新增 Space、$ImagePreview 組件

View UI Plus 1.3.0 版本已於 2022-06-21 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增間距組件 Space。 ImagePreview 新增下載圖片功能。 ImagePreview 新增屬性 toolbar,可選擇開啓的快捷功能並排序。 圖片預覽支持 $ImagePreview 實例化調用。 ImagePreview 新增拖

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

qinyuanqiblog - vue-cli3 本地無法代理到生產環境的問題分析

問題描述 一個古老項目,之前是基於vuecli2 後來被我遷移到vue cli3, webpack 版本是4.46, vue-cli版本是4.4.4 vuecli配置,之前這個配置是可以直接訪問到生產環境的,後來同樣的配置,無法代理到生產環境,問了下運維大哥,他説就nginx加了個認證來源而已,別的啥都沒做,肯定是前端代理的姿勢不對 解決辦法 輾轉反側,經過一年終於解決了這個問題。

vue-cli , 前端

zxl20070701 - sftp基本的操作

連接 sftp -P 22 username@ip 然後輸入密碼即可登錄。 文件傳輸 上傳文件 put -r /User/zxl20070701/Desktop/demo.html /root/zxl20070701 上面的例子就是把本機電腦的/User/zxl20070701/Desktop/demo.html文件上傳到服務器的 /root/zxl20070701文件夾下。 下載文件 get -

sftp , ftp-get , ftp , Linux , ftp-client

MangoGoing - 如何從 create-react-app 遷移到 Vite?

在不斷髮展的 Web 開發領域,對於任何希望提高性能和可維護性的開發人員來説,掌握高效的工具和流程都至關重要。對於許多希望構建現代單頁 React 應用程序的人來説,Vite 已成為 Create React App (CRA) 的自然繼任者。在本綜合指南中,我們將逐步介紹將您的項目從 CRA 遷移到 Vite 的步驟,重點是實用性和易用性。 距離 Vite 推出已經有4年時間,Vite 5.0

react , vite , create-react-app , 前端

PatWu16 - Webview中h5上傳圖片踩坑記錄

前段時間開發端內h5項目,用到了h5上傳圖片,現記錄下遇到的坑。 端內h5上傳圖片問題歸納: 1、Webview中使用原生h5 input file上傳圖片時android只能單選、ios只能多選;android上還存在的一個問題為:點擊上傳按鈕進入圖片選擇頁後,如果取消選擇,返回項目,則無法再次上傳,會波及到整個webview,其他h5頁面也無法上傳,只有關閉此webview重新進入才可以

upload , file , 前端 , Javascript

鹵代烴 - 🔬 一文搞懂前端兼容問題

如果你喜歡我的文章,希望點贊👍 收藏 📁 評論 💬 三連支持一下,謝謝你,這對我真的很重要! 對於大部分開發者來説,版本兼容是一件存在感很低的事情,因為它在絕大部分情況下都是一行配置,在一些前端工具鏈(例如 Babel、CoreJS,Autoprefixer 等工具)的幫助下適配到目標瀏覽器,只會在一些大的 break change 事件(例如 Vue3 必須在支持 Proxy 的現代瀏覽

瀏覽器兼容性 , webpack , babel , 兼容性問題 , 前端

起風了 - javascript中的esm是什麼?

esm是什麼? esm 是將 javascript 程序拆分成多個單獨模塊,並能按需導入的標準。和webpack,babel不同的是,esm 是 javascript 的標準功能,在瀏覽器端和 nodejs 中都已得到實現。使用 esm 的好處是瀏覽器可以最優化加載模塊,比使用庫更有效率。 esm 標準通過import, export語法實現模塊變量的導入和導出。 esm 模塊的特點 存在模塊

ecmascript , Javascript

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

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

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

陽呀呀 - “寒冬”三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等)之CSS篇

前言 不論是寒冬還是暖冬,找工作之前都需要做好充足的準備,面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己,也給需要的同學。 CSS是前端必須要掌握的技能之一。一般面試也都會從CSS開始。所以CSS問題答的好壞會直接影響你在面試官心中的形象。 本文主要介紹面試中常會遇到的CSS問題及給出建議性的答案。 往期 “寒冬”三年經驗前端面試總結(含

面試 , 筆試 , Css , 前端 , Javascript

火爆的鍵盤 - 瞭解 gRPC 狀態碼及其重要性

gRPC 是什麼? gRPC(gRPC Remote Procedure Call)是一個高性能的開源框架,它通過遠程過程調用(RPC)機制促進應用程序之間的通信。 gRPC 框架使客户端應用程序能夠調用不同機器上的服務器應用程序的方法,就好像它是本地對象一樣。因此,該框架通過抽象網絡通信的複雜性,簡化了分佈式系統的開發。 gRPC 的關鍵特性 語言中立性 RPC 是平台無關的,並支持多種編程語言

grpc , 微服務 , rpc , 程序員 , 後端

破曉L - 瞭解關鍵區別:await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面,它使我們能夠處理耗時的操作,而不會阻塞其他任務的執行。使用異步函數時,我們會遇到三個重要的關鍵字:await 、return、return await。在本文中,我們將探討這些關鍵字之間的差異,並討論何時使用每個關鍵字。 在深入探討細節之前,讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數,可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript