收藏 / 列表

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 - 🥳 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 , 前端

你好啊你好 - 摩天輪(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 - ngx-formly的代替品piying-view

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

angular , form , jsonschema , typescript , 前端

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

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

vue.js , bootstrap , Css

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

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

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

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

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

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

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

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

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

那年 - 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

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

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

vue.js , pinia , router , 前端

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

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

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

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 - 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 - 爆款預訂,2022 年最值得關注的後台框架 —— Fantastic-admin

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

vue.js , css3 , 後台 , Javascript

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

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

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

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

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

terminal , Git

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

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

vue.js , angular , chrome-devtools

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

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

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

程序員

風流倜儻的傷痕 - 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

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

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

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

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

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

vue.js , highcharts , 前端 , Javascript

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

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

cors , Nginx , 前端