收藏 / 列表

baby7 - Vue視差標題背景

一、説明 這個我是為了放在博客的標題部分作為背景圖,上下滾動的時候比較好看。 原理就是通過幾張透明的png進行疊加,然後在上下滾動時,外層png移動的快,內層png移動得慢來實現視差效果。 先放一張示意圖: 這裏實際的距離X和Y在觀察者看來是一樣的,原因是距離觀察者的距離Z不一樣導致的。 再放一張視差標題背景的3d示意圖: 二、Vue代碼 這裏為了代碼高亮分三部分展示 html部分

vue.js , 視差滾動 , 視差動畫 , 博客

蓋亞 - 解決electron+Vue(Vite):ERR _CONNECTION_REFUSED

解決用electron打包Vue工程(Vite)報錯electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED Background: 生產環境通過 Electron 直接加載本地文件系統中的靜態資源 注:node後的狀態碼不重要 明明前端工程可以運行,後端連接也沒問題,為什麼打包完成後總是連不上網址?

vue.js , electron , typescript , npm , Javascript

xiaohe0601 - 🔒 JavaScript 不是單線程嗎?怎麼還能上“鎖”?!

在 JavaScript 日常開發中,經常會遇到這樣的情況:多個異步任務需要同時訪問或修改同一個資源。這個資源可能很簡單,比如內存中的一個變量;也可能複雜一些,比如一份配置文件、一條數據庫記錄或者是某個外部服務的接口調用,只要它是共享的,就有可能被不同的任務同時操作。 問題在於,異步任務不像同步代碼那樣一行一行地按順序執行,而是可能同時進行。如果沒有任何機制來協調它們的先後順序,就會出現混亂:有的

插件 , , 異步 , 前端 , Javascript

你好啊你好 - 邊緣吸附組件(vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

wszgrcy - 我開源了一個表單庫 - 元數據定義一次,即可渲染

我查看了市面上所有的表單庫,都有一個致命的缺點,定義多次才能實現表單 比如,像下面的代碼(偽代碼) interface Test { firstName: string; } const form = useFormTest({ defaultValues: { firstName: "default", }, onSubmit: async ({ value }

react , vue.js , angular , typescript , Javascript

奔放的炒粉 - 技術決策者最為關注的核心問

在企業級數據集成領域,數據一致性(Consistency) 是技術決策者最為關注的核心問題之一。然而,這一看似簡單的需求背後, 卻隱藏着複雜的技術挑戰和架構設計。當使用SeaTunnel進行批流一體數據同步時,企業用户通常最關心以下問題:🔍 "如何保證源庫與目標庫之間的數據完整性?" "任務中斷或故障恢復後,能否避免數據重複或丟失? "⚙️ "全量與增量數據同步過程中的一致性如何保障?"

restful , 程序員

水冗水孚 - 你用過docker部署前端項目嗎?Tell Me Why 為何要用docker部署前端項目呢?

需求開發場景 在説docker之前,我們先來看看一般的需求開發和部署場景,是否需要安裝node 需求開發部署場景 開發環境,我們使用windows或mac,開發前端項目,正常來説,都是要安裝好對應node版本 ,使用node提供的npm包管理(構建)工具【除非是一個簡單的只有hello world的html文件不用node】 生產環境,要發佈到服務器上 1. 靜態SPA單頁面應用部署 服務器

node.js , dockerfile , Docker , HTML , Ubuntu

劉悦的技術博客 - 以寡治眾各個擊破,超大文件分片上傳之構建基於Vue.js3.0+Ant-desgin+Tornado6純異步IO高效寫入服務

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_218 分治算法是一種很古老但很務實的方法。本意即使將一個較大的整體打碎分成小的局部,這樣每個小的局部都不足以對抗大的整體。戰國時期,秦國破壞合縱的連橫即是一種分而治之的手段;十九世紀,比利時殖民者佔領盧旺達, 將盧旺達的種族分為胡圖族與圖西族,以圖進行分裂控制,莫不如是。 21世紀,人們往往會在Leetcode平台上刷分治算法題

vue.js , 文件 , 上傳文件 , 文件上傳 , tornado

註銷 - 微信小程序開發系列 (三) :微信小程序如何響應用户點擊事件和微信平台 API 的使用方法介紹

筆者由於工作需要,曾經參加過一個微信小程序同 SAP 系統集成的項目,因此從零開始學習了微信小程序的開發知識。這裏通過系列文章把自己所學分享出來,希望對相關學習者有所幫助。 本教程前面兩篇文章: 微信小程序開發系列 (一) :開發環境搭建和微信小程序的視圖設計與開發 微信小程序開發系列 (二) :微信小程序的單步調試和控制器實現步驟概述 通過本教程前面兩篇文章的介紹,大家對微信小程序的視圖

微信 , 微信小程序 , 微信開發 , 微信公眾平台 , Javascript

TANKING - 本地使用PaddleOCR進行圖片識別獲得文字(返回JSON)

優點 ✅ 識別率高,支持繁簡中文和手寫識別 ✅ 支持角度檢測,避免文字方向影響識別效果 ✅ 還能識別表格、票據等複雜場景 方法 pip install paddleocr pip install paddlepaddle (如果你有 GPU,可以安裝 paddlepaddle-gpu 以加速識別) 使用示例 from paddleocr import PaddleOCR ocr =

圖片識別 , paddleocr , 圖片處理 , ocr , Python

heath_learning - 記錄一次vue-cli創建vue項目失敗,一直卡着不動問題

問題描述:使用 vue create a-test 命令創建項目一直卡着安裝依賴失敗,報錯:ERROR Failed to get response from https://registry.npm.taobao.org/binary-mirror-config,命令行出現如下信息: Failed to check for updates ✨ Creating project in

vue.js , registry , vue-cli , npm

子丶不語 - Flex佈局-實戰篇

flex佈局屬於一維佈局簡單來説就是橫向或縱向佈局,將子元素羣編排成行或列。 上面的佈局我們用flex都可以輕鬆幾行實現 一、骰子的佈局 下面,就來看看Flex如何實現,從1個點到9個點的佈局。 HTML模板如下 div class="box" span class

Css , 前端開發 , ide , HTML

charon_5f4765a39cea7 - vue 源碼解析(3-2-1,數據響應式)

Vue源碼解析 推薦可以先去看下總結:vue解析總結 之前我們解析了mini-vue的響應式實現,和虛擬dom庫的實現,現在我們就來解析一下vue內部具體是如何做的,看看它在我們簡易實現上增加了什麼。 準備工作: 首先下載一份vue源代碼 地址:https://github.com/vuejs/vue 這個版本是2.6的,分析這個版本的原因: 到目前為止vue3.0正式

vue.js , 設計模式 , virtual-dom , compiler

程序員老葉 - 2025年正版客户管理系統熱門排行榜!

客户管理系統已經成為企業提升客户滿意度、增加銷售和優化經營效率的關鍵工具。2025年市場上涌現出眾多功能強大且用户廣泛的客户管理系統產品。本文將從專業、全面的角度出發,評點當今熱門的客户管理系統排行榜,幫助企業選擇最適合的客户管理解決方案。 2025年正版客户管理系統熱門排行榜包含:Zoho CRM、Salesforce、HubSpot、Microsoft Dynamics 365、Pipedri

safari , tailwind-css

ThinkPHP - 【小編推薦】Yii2.0+Vue2.0前後端分離框架通用後台源碼

yii-vue-cms 是一個yii2 + vue + element-ui的後台極速開發框架,前後端分離。 可通過gii實現自動生成頁面(支持文本、富文本、單圖、多圖、生成),快速開發。 基礎功能有: 權限管理(實現了頁面路由 + 接口權限控制, 接口權限可隨意關閉)、圖片相冊、圖片上傳、富文本、導出。網址: http://yii2.vue2.notestore.cn/index.html

yii

京東雲開發者 - 原生Redis跨數據中心雙向同步優化實踐

一、背景 公司基於業務發展以及戰略部署,需要實現在多個數據中心單元化部署,一方面可以實現多數據中心容災,另外可以提升用户請求訪問速度。需要保證多數據中心容災或者實現用户就近訪問的話,需要各個數據中心擁有一致的全量數據,如果真正實現用户就近讀寫,也就是實現真正的業務異地多活,數據同步是異地多活的基礎,這就需要多數據中心間數據能夠雙向同步。 二、原生redis遇到的問題 1、不支持雙主同步 原生red

redis , 同步 , 數據庫 , SQL , 程序員

熱飯班長 - 使用form-data的content-type上傳文件問題

問題 當後端需要我們上傳文件時,一般會用form-data的類型。 接口文檔像這樣: 目標是發出這樣一個請求: 代碼示例 // file從input為file的輸入框獲取 const formData = new FormData(); formData.append('code', 'xxx') formData.append('index', "xxx"); formData.

formdata , 文件上傳 , fetch , Javascript

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

新茶十九 - forceWebGL 和 forbidenWebGL

高德地圖中 forceWebGL 和 forbiddenWebGL 這兩個參數的區別、用法和注意事項。 這是一個非常具體且重要的問題,因為它直接關係到高德地圖渲染引擎的選擇。 🆚 核心區別對比 特性 window.forceWebGL = true window.forbiddenWebGL = true

vue.js , 高德地圖 , API , webgl , 前端開發

OpenTiny社區 - 如何使用 TinyEditor 快速部署一個協同編輯器?

本文由曹裏林同學原創。 簡介 TinyEditor 是一個框架無關的富文本編輯器,既可以在原生 JavaScript 項目中使用,也可以在 Vue、React 等前端框架中使用。 本篇文章帶來的是如何使用 TinyEditor 最新的協同編輯模塊快速部署多人實時協作編輯。 前端集成 1、安裝TinyEditor 首先需要安裝 TinyEditor pnpm i @opentiny/fluent-

vue.js , 富文本編輯器 , 前端

後山人 - 迎接下一個繁榮浪潮:程序員在經濟下行期應做的“三層準備”

迎接下一個繁榮浪潮:程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場,程序員羣體正經歷前所未有的挑戰。然而,歷史經驗表明,每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機,程序員不能僅憑技術能力,更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”,指導程序員如何從“代碼執行者”轉型為“價值創造者”

vue.js , php , Javascript

農民工前端 - 動態生成 CSS 工具類:CSS函數實現 `pad20-top`、`pad40-bottom` 等靈活樣式

在前端開發中,經常需要為元素設置不同的 padding 或 margin 值。如果每次都手動編寫 CSS 類,不僅效率低下,還容易出錯。為了提高開發效率,可以通過 CSS 預處理器(如 Sass 或 Less)動態生成工具類,例如 pad20-top、pad40-bottom 等。 本文將詳細介紹如何通過 Sass 或 Less 實現這一功能,並探討其擴展性和應用場景。 需

vue.js , sass , less , ci , 前端開發