收藏 / 列表

baby7_68bfdb7205674 頭像

baby7 - Vue視差標題背景

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

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

gaiya_68f1e7ba5b140 頭像

蓋亞 - 解決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 頭像

xiaohe0601 - 🥳 Uni ECharts 2.1 發佈：正式支持鴻蒙，零成本遷移、全平台兼容、跨端開發零負擔！

Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni-app 平台上使用 echarts。 官網 文檔：https://uni-echarts.xiaohe.ink Github：https://github.com/xiaohe0601/uni-echarts 🏝️ 背景 🎵 “本來應該從從容容遊刃有餘，現在是匆匆忙忙連

vue.js , uni-app , echarts , typescript , 前端

nihaoanihao 頭像

你好啊你好 - 摩天輪（vue）

效果圖 使用示例 script lang="ts" setup import FerrisWheel from "**/FerrisWheel.vue"; import { ref } from "vue"; const defaultUrls = [ "https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.

vue.js , Css , HTML , 前端 , Javascript

wszgrcy 頭像

wszgrcy - ngx-formly的代替品piying-view

如果你正在使用 ngx-formly,或正在尋找一個更靈活、更現代、更易擴展的表單解決方案,那麼 piying-view 可能是你值得嘗試的下一代選擇。 📌背景 ngx-formly 是一個非常優秀的表單抽象庫 但隨着項目複雜度上升,我發現它在一些方面上存在侷限性.所以我基於 ngx-formly 的核心理念,進行了相關改進,並支持了更多功能,實現了piying-view 🚀改進

angular , form , jsonschema , typescript , 前端

benfangdechaofen 頭像

奔放的炒粉 - CSS值的處理過程

CSS值的定義到最終渲染實際上會經過一系列的步驟，這一過程在W3C Recommendation中有介紹，整個過程一共分為6步： 聲明值：應用於元素的每個屬性都會為它提供一個聲明值，當然也可能存在多個，比如在多個樣式表中重複聲明 級聯值：這一步其實就是在計算樣式屬性的權重，從而得到一個權重最高的值 指定值：它一般等於級聯值或者默認值，繼承屬性用的繼承值 inherit，非繼承屬性將用初

vue.js , bootstrap , Css

liuyue_5e7eb6745e089 頭像

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

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

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

invalidnull 頭像

註銷 - 程序處理中 Exceptions 和 Messages 的區別和各自的使用場合

在計算機軟件工程中，異常處理（exceptions）和消息傳遞（messages）是兩種常見的處理錯誤情況的方式。它們各自有着不同的特點和適用場合，下面將對它們進行詳細介紹，並通過實例來説明它們的應用。 異常處理（exceptions）： 異常處理是一種在程序執行過程中，出現錯誤時跳出正常流程，進入專門的錯誤處理流程的機制。在許多編程語言中，異常通常由系統或開發者定義，並在代碼中觸發。異常可以捕獲

機器學習 , 人工智能 , 計算機科學 , 計算機網絡 , 計算機

winnn 頭像

Winn - 簡易聊天室【NestJS+Socket.io】

用過nestjs的前端小夥伴都會覺得，它是一個好用但不火的框架。不火的原因是它和springBoot風格近似，但是相比較spring的生態，nestjs還是太弱了，對於純後端人員來説確實不夠用。 但如果是單純的前端開發人員用過nestjs就會覺得比較驚豔，不僅前後端可以一把擼，且從中可以學習到後端的知識體系。 今天本文帶來前端使用Vue3 + TS，後端使用NestJS+Socket.io練手的簡

socket.io , 聊天室 , 程序員 , nestjs , 即時通訊

nanian_5cd6881d3cc98 頭像

那年 - vue 使用computed報錯 .. was assigned to but it has no setter.

問題： a-radio @change="chooseOther" v-model="tempReadio"其他/a-radio computed: { tempReadio() { if (this.reasonValue == 7) { return true; } else { return false; }

vue.js , 雙向綁定 , computed , 前端 , Javascript

qfifteen 頭像

十五 - 中後台開發必修課：Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中，我們構建一個 Web 應用都離不開它們，如果你是 Vue2 的用户，那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

kayo5994 頭像

kayo5994 - Vue 響應式原理剖析 —— 數據更新常見問題

概況 在 Vue 開發的過程中，多少都會遇到數據更新後，頁面沒有更新渲染這類問題。而在上兩篇文章《Vue 響應式原理剖析 —— 從實例化、渲染到數據更新（上）》和《Vue 響應式原理剖析 —— 從實例化、渲染到數據更新（下）》中，從「實例化」、「渲染」、「數據更新」三條線完整地講述了 Vue「響應式」的工作原理，本文正是基於這些原理去解決一些常見的數據更新相關問題。 對象數據的某些修改無法被檢聽？

框架學習 , vue.js , 觀察者模式 , 框架源碼 , 響應式

heath_learning 頭像

heath_learning - 手把手教你用webpack打包一個多個模塊且不包含共享模塊代碼的JS庫

1、什麼叫“多個模塊且不包含共享模塊代碼的JS庫”？ 假設你現在要在npm上發佈一個js庫，你的庫裏有module1.js、module2.js2個模塊，這2個模塊都依賴了hex.js工具模塊，如果使用普通的 打包模式打包module1.js、module2.js2個模塊，那麼module1.js、module2.js2個模塊中都會包含hex.js工具模塊，這會導致 在項目導入這2個模

打包 , webpack , js庫 , 模塊化開發 , Javascript

charon_5f4765a39cea7 頭像

charon_5f4765a39cea7 - Vue Virtual DOM基礎之Snabbdom解析(3-1-3)

前言：前面寫了1篇vue 觀察者模式響應式數據的解析，裏面關於dom操作部分是直接操作的真實dom，並沒有涉及到虛擬dom部分，然後這裏就做一個虛擬dom的實現解析。 首先，還是説什麼是虛擬dom，我之前一篇mini-react中説過虛擬dom的概念，這裏再重複一下。 Virtual DOM(虛擬 DOM)，是由普通的 JS 對象來描述 DOM 對象，因為不是真實的 DOM 對象，所以叫

vue.js , virtual-dom

hooray 頭像

Hooray - 爆款預訂，2022 年最值得關注的後台框架 —— Fantastic-admin

前言 如果 2021 年你還沒有聽説過 Fantastic-admin ，那即將到來的 2022 年可不要再錯過了。 Fantastic-admin 做為一款開箱即用的 Vue 中後台管理系統框架，距離首次面向大眾已經過去一年多的時間了，在這一年多的時間裏，我們服務了數百個團隊和個人開發者，應用在近千款的產品和項目中(保守估計)。其中小到有剛步入社會的新人，用 Fantastic-admin 寫

vue.js , css3 , 後台 , Javascript

powerful_simon 頭像

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳，閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案，其原理是： 1.把真實的 DOM 樹轉換成 js 對象（虛擬 DOM） 2.數據更新時生成新的 js 對象（新的虛擬 DOM） 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

hai2007 頭像

你好2007 - Git版本管理工具常用命令整理和説明

工作區：就是你在電腦裏能看到的目錄。 暫存區：英文叫stage, 或index。一般存放在 ".git目錄下" 下的index文件（.git/index）中，所以我們把暫存區有時也叫作索引（index)。 版本庫：工作區有一個隱藏目錄.git，這個不算工作區，而是Git的版本庫。 第一步：用户名和郵箱。 分別修改用户名和郵箱，其中--global帶和不帶的區別在於操作文件是.git/config還

terminal , Git

yeshifu 頭像

程序員老葉 - 2025 年 CRM 系統 TOP10 排名榜單

隨着企業數字化轉型的深入，CRM系統已成為企業提升客户管理效率、優化銷售流程、推動業績增長的重要工具。2025年，CRM市場競爭激烈，各類軟件在功能、特點、適用性等方面持續優化，以滿足企業多樣化需求。本文精選2025年十大CRM系統，為企業選擇提供全面參考。 1. Zoho CRM 功能：涵蓋銷售自動化（管理銷售線索、商機及銷售漏斗）、AI助手Zia（智能預測、客户行為分析）、多渠道溝通（郵件、電

vue.js , angular , chrome-devtools

nidexiaoxiongruantangna 頭像

ThinkPHP - Yii2.0+Vue2.0前後端分離框架通用後台源碼

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

vue.js , yii , element-ui

jdcdevloper 頭像

京東雲開發者 - 納尼?自建K8s集羣日誌收集還能通過JMQ保存到JES

一、背景 基於K8s集羣的私有化交付方案中，日誌收集採用了ilogtail+logstash+kafka+es方案，其中ilogtail負責日誌收集，logstash負責對數據轉換，kafka負責對日誌傳遞中的消峯進而減少es的寫入壓力，es用來保存日誌數據。在私有化交付中本方案中涉及的中間件一般需要單獨部署，但是在京東內網環境的部署考慮到kafka和es的高可用，則不推薦採用單獨部署的方案。 二

程序員

fengliudeshanghen 頭像

風流倜儻的傷痕 - FastAPI的CI流水線怎麼自動測端點，還能讓Allure報告美到犯規？

url: /posts/eed6cd8985d9be0a4b092a7da38b3e0c/ title: FastAPI的CI流水線怎麼自動測端點，還能讓Allure報告美到犯規？ date: 2025-09-16T01:32:40+08:00 lastmod: 2025-09-16T01:32:40+08:00 author: cmdragon summary:

flask , django , fastapi , 後端 , Python

u_9849794 頭像

子丶不語 - 用好 CSS 的三角函數，讓佈局更聰明

在日常開發中，我們經常用calc()、var()來讓樣式變得動態可控。但其實，CSS 還能做更“數學化”的計算——從 CSS Values Level 4 開始，瀏覽器支持了sin()、cos()、tan()等三角函數。 這意味着，我們在樣式中，也能像在 JavaScript 裏那樣，直接用角度計算出幾何關係，讓佈局、動畫更自然、更精準。 一、CSS 三角函數是什麼？

三角函數 , Math , Css , 前端開發 , HTML

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的(column)柱狀圖修改圖例

(highchart的(column)柱狀圖修改圖例) 情況説明 柱狀圖的圖例默認是圓點的，如圖 要修改成方形，可以採用如下形式 plotOptions: { column: { tooltip: { pointFormat: `span style="color:{point.color}"\u25A0/span {series.n

vue.js , highcharts , 前端 , Javascript

dirackeeko 頭像

DiracKeeko - [nginx] 一個CORS的漏洞修復

前端項目被掃描出了一個CORS漏洞，記錄一下漏洞的復現和修復。 首先要明確，這個問題出在哪裏。 我負責的系統是一個前後端分離的應用，前端部署使用Nginx做反向代理。對於前端應用來説client是瀏覽器，瀏覽器發起的請求都是通過nginx配置轉發到不同後端的服務器。 舉個例子，某個用户用瀏覽器瀏覽頁面，發起了4個請求： front.domain/api/auth/login - auth服務

cors , Nginx , 前端