博客 RSS 訂閱

yaochujiadejianpan 頭像

要出家的鍵盤 - MVVM與MVC的區別

MVC和MVVM都是一種設計模式。 MVC MVC Model：模型，用於存儲業務數據； View：視圖，界面的展示； Controller：控制器，處理視圖與數據的交互。 MVC之間的關係： View展示數據依賴Model，View可以直接訪問Model； View更新數據通過Controller，Controller更新Model。 MVVM MVVM Model：模型，用於存儲業務

設計模式 , mvvm , mvc , 前端

收藏 評論

leguandeludeng 頭像

數據集成與治理 - 從數據管理的角度，理解數據治理的內容

一説到“數據治理”，很多人都會説：不就是讓數據更好用嗎？我都聽煩了。 但問題不在於“懂不懂”，而是“會不會用”。就比如數據部門經常會出現的情況—— 銷售和財務報出的業績數據對不上；月底報表總要花大量時間手工核對；想分析客户行為，卻發現基礎信息殘缺不全？ 這些正是數據缺乏有效治理和管理的直接體現。 數據治理不是空談，而是解決這些痛點的系統性方法，它的核心，正是數據管理。今天我就從數據管理的角度，來跟

數據管理 , 大數據 , 教程 , 知識

收藏 評論

daimajiangxin 頭像

代碼匠心 - 從零開始學Flink：事件驅動

在實時計算領域，很多業務邏輯天然適合“事件驅動”模式：當事件到達時觸發處理、在某個時間點觸發補償或彙總、根據狀態變化發出告警等。Apache Flink 為此提供了強大的 ProcessFunction 家族（KeyedProcessFunction、CoProcessFunction、BroadcastProcessFunction 等），它們在算子層面同時具備“事件處理 + 定時器 + 狀態”

大數據 , 事件驅動 , JAVA , flink , 數據處理

收藏 評論

chen_67f9ccbe6f07b 頭像

異常君 - TCP 初始序列號 ISN 的生成機制與安全性分析

每天當我們瀏覽網頁、收發郵件或者使用 APP 時，背後都有無數 TCP 連接在默默支撐着數據傳輸。這些連接如何確保數據不會丟失或重複？答案隱藏在一個看似平凡的數字中——TCP 的初始序列號(ISN)。這個看似隨機的數字背後，藴含着精妙的設計思想和嚴密的安全考量。今天，我們就深入探討這個網絡協議中的關鍵元素，看看它是如何影響我們日常網絡體驗的安全與穩定。 TCP 序列號的基本概念和作用 TCP 是面

序列號 , tcp , 算法 , Linux , rfc

收藏 評論

smalbox 頭像

SmalBox - 【URP】Unity[後處理]景深DepthOfField

【從UnityURP開始探索遊戲渲染】專欄-直達 Unity URP中的景深(Depth of Field)是一種模擬真實相機光學特性的後處理效果，通過模糊近處或遠處的物體來突出焦點區域，增強畫面層次感和真實感。其發展經歷了從Built-in管線的基礎實現到URP/HDRP的物理化演進過程，早期採用高斯模糊近似，現代則引入散景(Bokeh)等更接近真實光學特性的算法。 核心作用 ‌視覺引

遊戲開發 , unity3d , 圖形學

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Six Key Components of UX Strategy

For years, “UX strategy” felt like a confusing, ambiguous, and overloaded term to me. To me, it was some sort of a roadmap or a “grand vision”, with a few business decisions attached to it. And look

workflow , ux , Business

收藏 評論

guyskk 頭像

guyskk - 自宅創業 - #24 繼續獨立開發藝爪付費

藝爪付費 這一期藝爪付費做了一些更新，主要包括： 接入了支付寶標準支付渠道 後台界面支持手動增減用户餘額 會員數據導入增加執行進度，支持大批量導入 付費牆和權益增加別名字段，方便API集成 其他界面和功能上的小改進 我也把蟻閲的會員系統遷移到藝爪付費了，大約半天時間實現代碼集成，然後花了一些時間測試和驗證。後續我準備寫一篇文章介紹遷移過程，蟻閲的代碼也是開源的，方便用户作為實際案例參

微信公眾平台

收藏 評論

nanchengfe 頭像

南城FE - 純CSS實現魔法漸變邊框卡片

如圖所示，這是一個很炫酷的卡片效果，關鍵效果在於卡片的邊框呈漸變色變化着，在網頁中有這樣一個卡片相信可以極大的增強用户體驗交互。本次文章將解讀如何使用純CSS實現這個炫酷的卡片效果。 基於上面的動圖可以分析出以下是本次實現的主要幾點： 卡片的邊框是漸變色 卡片的邊框呈順時針動畫 卡片底部還有陰影隨着邊框動畫而變化 鼠標懸停時動畫隱藏顯示靜態的卡片 實現過程 看到這樣的邊框首先要想到的

css3 , 動畫 , Css , 用户體驗 , 前端

收藏 評論

nanchengfe 頭像

南城FE - 基於 Letterize.js + Anime.js 實現炫酷文本特效

如上面gif動圖所示，這是一個很炫酷的文字動畫效果，文字的每個字符呈波浪式的擴散式展開。本次文章將解讀如何實現這個炫酷的文字效果。 基於以上的截圖效果可以分析出以下是本次要實現的主要幾點： 文案呈圓環狀擴散開，擴散的同時文字變小 文字之間的間距從中心逐個擴散開，間距變大 文案呈圓環狀擴散開，擴散的同時文字變大 文字之間的間距從中心逐個聚攏，間距變小 動畫重複執行以上4個步驟 實現過

css3 , 動畫 , Css , 前端 , Javascript

收藏 評論

nanchengfe 頭像

南城FE - 純CSS實現炫酷背景霓虹燈文字效果

如圖所示，這是一個很炫酷的霓虹燈文字效果且背景炫酷，就像很多個燈光閃爍着不同的顏色。 本次文章將解析如何用CSS代碼實現這個效果，根據上面的動圖分析出我們要實現的幾個主要功能點： 整個背景中有平均分佈的小點襯托中心區域 文字閃爍效果如同霓虹燈一樣 文字背景呈多個平均分佈的亮點 背景亮點的顏色整體呈現漸變色變化 1. 默認背景色 首先我們來看看如何通過CSS創建一個多個小點背景效果。

交互設計 , css3 , 動畫 , Css , 前端

收藏 評論

uwatechnologies 頭像

侑虎科技 - 解析UE動畫系統——核心實現

【USparkle專欄】如果你深懷絕技，愛“搞點研究”，樂於分享也博採眾長，我們期待你的加入，讓智慧的火花碰撞交織，讓知識的傳遞生生不息！ 一、想寫的內容有哪些 動畫系統是引擎核心功能之一，之前用Unity開發，只是用用編輯器，一直沒太深入去看原理。最近看了看UE的功能和源碼，收穫很多，對動畫是怎麼跑起來的，有了更深的理解，同時看的時候也遇到很多問題。 關於動畫的實現，資料並不多，很多隻是

動畫 , unreal

收藏 評論

uwatechnologies 頭像

侑虎科技 - UWA學堂彙總，看這一篇就夠啦！

學堂自成立以來，已經上線了近300門課程，涵蓋了遊戲開發中的多方面內容。隨着課程數量的增加，如何才能更快地找到我們需要的課程呢？ UWA學堂：edu.uwa4d.com 一、搜索🔍 最簡單直接的就是根據 關鍵詞/作者 去搜索對應的課程內容。 二、根據分類檢索 點擊下拉箭頭，可展開分類： 本期我們根據分類，分別推薦了部分課程，更多內容歡迎登錄UWA學堂：edu.uwa4d.com 進

渲染 , 動畫 , ai開發 , ui

收藏 評論

nanchengfe 頭像

南城FE - 純CSS絲滑邊框線條動畫

在這個網站（minimal-portfolio-swart.vercel.app）發現一個不錯的交互效果，用户體驗效果很不錯。如封面圖所示，這個卡片上有一根白色的線條圍繞着卡片移動，且在線條的卡片內部跟隨這一塊模糊陰影，特別是在線條經過卡片圓角部分有特別絲滑的感覺。 今天的文章就來解析如何實現這種效果，文末附源碼預覽地址。根據示例圖片分析需要實現的功能點如下： 線條跟隨卡片邊框勻速移動 線

css3 , 動畫 , Css , 前端

收藏 評論

nanchengfe 頭像

南城FE - 純 CSS 實現計時器效果

本文翻譯自 How to Make a CSS Timer，作者：PREETHI SAM， 略有刪改。 有時候我們需要再網站中使用計時器。比如下單購物成功後增加倒計時回到首頁；或者一些時間管理工具（番茄工作法），當遇到這些情況時，我會毫不猶豫地使用JavaScript，因為它可能是處理這類事情的更強大的工具。 然而在某些場景下 CSS 替代品也同樣有趣和高效。現在的電子郵件客户端具有很強的 CSS

動畫 , Css , 前端

收藏 評論

swiftcommunity 頭像

Swift社區 - 高級 SwiftUI 動畫進階 —— Part4：TimelineView

前言 前三篇高級 SwiftUI 動畫系列是作者在 WWDC 2021 之前實戰總結的內容。對 2021 年 WWDC 介紹的 TimelineView 和 Canvas 感到激動。這開啓了一個全新的可能性，筆者將試圖在這一部分和下一部分的系列中闡釋這些可能性。 在這篇文章中，我們將詳細地探索 TimelineView 。我們將從最常見的用途緩慢開始。然而筆者認為，最大的可能性來自於 Timel

swift , 動畫 , objective-c , xcode , ios

收藏 評論

beckyyyy 頭像

beckyyyy - 可視化學習：如何生成簡單動畫讓圖形動起來

大家好，本文分享的是如何生成簡單動畫讓圖形動起來。 在可視化展現中，動畫它是強化數據表達，吸引用户的重要技術手段。 在具體實現動畫之前，我們先來了解一下動畫的三種形式，分別是固定幀動畫、增量動畫和時序動畫。 graph LR A[動畫的三種形式] -- B[固定幀動畫] A -- D[增量動畫] A -- E[時序動畫] B -- F[使用已生成的靜態圖像，將圖像依次播放] D -- C[動態繪製

shader , css3 , 動畫 , webgl , 前端

收藏 評論

nanchengfe 頭像

南城FE - 純CSS實現海浪文字效果

如圖所示，這是一個很炫酷的文字波動效果，文字呈現出一個海浪波動的效果，這樣的動畫效果可以顯著加強文案本身的含義。本文將解析如何使用純CSS實現這個特效，基於這個動圖可以分析出實現這個效果的主要功能要點： 整體呈現出3D文案效果 文案呈現波動狀態動畫 文案有漸變顏色的變化 文案在變化過程中有傾斜分層的效果 1. 基礎樣式 首先我們從佈局和基礎樣式開始。 通過上面的圖片可以看出動畫中的

css3 , 動畫 , Css , 前端

收藏 評論

hightopo 頭像

hightopo - 掌控物體運動藝術：圖撲 Easing 函數實踐應用

現如今，前端開發除了構建功能性的網站和應用程序外，還需要創建具有吸引力且尤為流暢交互的用户界面，其中動畫技術在其中發揮着至關重要的作用。在數字孿生領域，動畫的應用顯得尤為重要。數字孿生技術通過精確模擬現實世界中的對象、過程和系統，對動畫的需求遠遠超過傳統前端開發。 在這種環境中，動畫不僅僅是為了美觀，更是用於實現系統與現實的同步、演示覆雜過程和數據可視化的關鍵手段。 HT 動畫介紹 在足夠短的時間

函數式編程 , 動畫 , 可視化 , 前端 , Javascript

收藏 評論

haikuotiankong_mac 頭像

海闊天空_mac - 基於小程序請求接口 wx.request 封裝的類 axios 請求

Introduction wx.request 的配置、axios 的調用方式 源碼戳我 feature 支持 wx.request 所有配置項 支持 axios 調用方式 支持 自定義 baseUrl 支持 自定義響應狀態碼對應 resolve 或 reject 狀態 支持 對響應（resolve/reject）分別做統一的額外處理 支持 轉換請求數據和響應數據 支持 請

小程序 , 前端工程師 , 前端優化 , 前端 , Javascript

收藏 評論

jibvxiz 頭像

吉古力 - 微前端是什麼，可以帶來什麼收益

轉自掘金原文《微前端究竟是什麼，可以帶來什麼收益》 本文將講解微前端誕生的背景，詳細解説微前端概念的緣由以及其深入理解，讀完本文，相信你對微前端有一個比較全面的認知，明白它可以解決您團隊以及整個企業什麼問題，帶來怎麼樣的收益。 一.背景 現在很多企業，基本在物理上進行了應用代碼隔離，實行單個應用單個庫，閉環部署更新測試環境、預發佈環境和正式環境。於是，我們的探討的是，基於不同應用不同庫並獨立部署的

前端框架 , 前端優化 , 前端設計 , 微前端 , Javascript

收藏 評論

jump_and_jump 頭像

jump__jump - 聊聊不可變數據結構

三年前，我接觸了 Immutable 庫，體會到了不可變數據結構的利好。 Immutable 庫具有兩個最大的優勢: 不可修改以及結構共享。 不可修改(容易回溯，易於觀察。減少錯誤的發生) let obj = { a: 1 }; handleChange(obj); // 由於上面有 handleChange，無法確認 obj 此時的狀態 console.log(obj) 結構共享(

性能優化 , 開發工具 , 前端優化 , immutable-js , Javascript

收藏 評論

ethanprocess 頭像

EthanProcess - 我是如何在 Vue 項目中做代碼分割的

通常為了開發效率，我們會使用 vue-cli 創建項目，這樣創建的項目默認情況下編譯是會對代碼進行分割的。但是如果是自行配置的 webpack 環境的話，還是很有必要熟悉代碼分割的相關知識的。 為什麼要做代碼分割 在配置 webpack 的過程中，很多時候我們的 webpack 入口只寫了一個 entry: '${sourceDir}/index.js’，默認情況下只會生成一個 bundle 文件

vue.js , 前端優化 , webpack , 前端

收藏 評論

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 當我們進行性能優化，我們在優化什麼（LightHouse優化實操）

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_214 好的互聯網產品不僅僅在功能上要高人一籌，在性能層面也需要出類拔萃，否則金玉其外敗絮其中，頁面是美輪美奐了，結果首屏半天加載不出來，難免讓用户乘興而來，敗興而歸。 幸運的是，前端的性能優化有諸多有跡可循的理論和方法，其中相對權威的，無疑是LightHouse。 LightHouse 是一個開源的自動化工具，它作為 Chrom

性能優化 , lighthouse , 前端優化 , 優化 , 前端

收藏 評論

ntksol 頭像

歐雷 - 前端鏟💩日記 #1：項目目錄結構調整

最近哥們兒我接手了一個官網的前端項目，雖説是官網，但它是個 Web 應用而非營銷網站，所以還是有一定複雜度在的。 這幾天是邊往死裏摁🐞邊熟悉代碼邏輯，沒想到這是個燙手🍠，前人留了一堆坑給我——令我覺得他撐死了也就中級水平，不能再高了……🙁☹️🙂‍↔️ 是不以為我看到這💩山會苦惱不堪，心中如那呼倫貝爾大草原般萬🐎奔騰？ 不！你想錯了！！我興奮得很呢！！！ 別誤會，別誤會！我不是那個什麼「

react , 前端架構 , 前端優化 , next.js , 重構

收藏 評論