博客 RSS 訂閱

威哥愛編程 - 推薦被Stars5.8k的Java框架RuoYi

一直想做一款後台管理系統,看了很多優秀的開源項目但是發現沒有合適的。於是利用空閒休息時間開始自己寫了一套後台系統。如此有了若依。她可以用於所有的Web應用程序,如網站管理後台,網站會員中心,CMS,CRM,OA。所有前端後台代碼封裝過後十分精簡易上手,出錯概率低。同時支持移動客户端訪問。系統會陸續更新一些實用功能。 性別男,若依是給女兒取的名字(寓意:你若不離不棄,我必生死相依)。 若

項目實戰 , 項目開發 , java-ee , JAVA , java-web

收藏 評論

威哥愛編程 - 適合才最美:Shiro安全框架使用心得

大家好,我是 V 哥。Apache Shiro 是一個強大且靈活的 Java 安全框架,專注於提供認證、授權、會話管理和加密功能。它常用於保護 Java 應用的訪問控制,特別是在 Web 應用中。相比於 Spring Security,Shiro 的設計更簡潔,適合輕量級應用,並且在許多方面具有更好的易用性和擴展性,今天 V 哥就來聊聊 Shiro 安全框架。 Shiro 的核心概念 按照慣例,和

java-ee , shiro , JAVA , java-web

收藏 評論

威哥愛編程 - 【項目場景】請求數據時測試環境比生產環境多花了1秒是怎麼回事?

威哥,第一次給你發消息就是求教一個問題呢,近期我在優化系統查詢的時候,在測試環境優化達標,但是發佈到生產後,發現從客户端發起請求到接收響應,多花了1秒(測試環境的庫數據量和生產一致)。測試環境的庫在內網,服務器的庫是阿里雲的RDS杭州節點。我們的服務器機房在成都,使用系統羣體也絕大部分在成都區域。 經過在服務器上的抓包,一個mysql的request和response,相差了500毫秒,一個列

項目實戰 , java-ee , JAVA , java-web

收藏 評論

威哥愛編程 - Java靈魂拷問13個為什麼,你都會哪些?

大家好,我是 V 哥。今天看了阿里雲開發者社區關於 Java 的靈魂拷問,一線大廠在用 Java 時,都會考慮哪些問題呢,對於工作多年,又沒有大廠經歷的小夥伴不妨看看,V 哥總結的這13個為什麼,你都會哪些?先贊後看,絕不擺爛。 1. 為什麼禁止使用 BigDecimal 的 equals 方法做等值比較? BigDecimal 的 equals 方法在等值比較時存在一些問題,通常不建議直接使用它

經驗 , java-ee , 面試 , JAVA , java-web

收藏 評論

威哥愛編程 - 一文講清楚什麼是serialVersionUID常數和瞬時變量

大家好,我是 V 哥,今天來聊一聊serialVersionUID常數、瞬時變量,這幾個都是 Java 開發中比較基礎的概念,但容易被大家所忽視,V 哥通過一篇文章來介紹清楚,讓你無後顧之憂。先贊後看,家財萬貫。 以下是關於serialVersionUID常數和瞬時變量的詳細介紹: serialVersionUID常數 定義與作用:serialVersionUID是Java中用於序列化和反序列

java-ee , JAVA , java-web

收藏 評論

家人俠 - 事務面試題

1.什麼是數據庫事務 答: 事務時數據庫操作的一個邏輯單元,由一組SQL操作組成,這些操作要麼全部成功執行,要麼全部失敗回滾。事務的目的是保證數據的一致性和完整性。 事務的四大特性(ACID): 1.原子性:事務是一個不可分割的工作單位,所有操作要麼都完成要麼都不完成。 2.一致性:事務必須使數據庫從一個一致狀態變換到另一個一直狀態。 3.隔離性:多個事務併發執行時,一個事務的執行不應

java-web

收藏 評論

豆皮範兒 - CSS3實戰:實現一個旋轉的3D金幣

CSS3實戰:實現一個旋轉的3D金幣 最近親愛的產品同學,提了一個需求:在頁面某個角落增加一個旋轉的金幣來吸引用户參加活動~越快上越好,我們的“未見”同學直接上手用css擼了一個旋轉的金幣的動畫,讓我們來看一下是如何實現的吧~ 作者:未見 如下圖 拿到這個需求,第一反應gif+a標籤,簡單粗暴+便捷。即將實施就碰到一個問題,UI小姐姐還沒有做設計,排期需要在x天后~怎麼辦?沒有難做的工作,只有解

css3 , css3動畫 , 前端

收藏 評論

munergs - 純CSS實現linear-gradient的漸變動畫效果

話不多説,先上效果圖 受制於網站的容量,最多隻能上傳4MB的動圖,所以我調快了動畫的速度,縮短了動圖的時間,實際上動畫是很緩和的。 説到動畫,眾所周知,漸變是不能夠使用通過keyframes實現動畫過渡效果的,只會突然的改變顏色。 例如,如果關鍵幀代碼如下 @keyframes test { 0%{ background: linear-gradient(60deg, rgba

animation , Css , css3動畫

收藏 評論

天渺工作室 - css實現一個簡單的 閃爍效果

純css閃爍效果demo 具體速度和顏色自己可以自己調 div class="father-box" div class="header-box" /div /div @keyframes test { from { opacity: 1.0; } 50% { opaci

Css , css3動畫 , html5

收藏 評論

用户bPcSPjP - css實現炫酷的圓環相交轉動動畫

1.實現效果 2.實現原理 CSS perspective 屬性:屬性定義 3D 元素距視圖的距離,以像素計。該屬性允許您改變 3D 元素查看 3D 元素的視圖。當為元素定義 perspective 屬性時,其子元素會獲得透視效果,而不是元素本身。 perspective 屬性隻影響 3D 轉換元素。(請與 perspective-origin 屬性一同使用該屬性,這樣您就能夠改變 3

css3動畫 , 前端

收藏 評論

用户bPcSPjP - css的rotate3d實現炫酷的圓環轉動動畫

1.實現效果 2.實現原理 2.1 rotate3d rotate3d:rotate3d() CSS 函數定義一個變換,它將元素圍繞固定軸移動而不使其變形。運動量由指定的角度定義; 如果為正,運動將為順時針,如果為負,則為逆時針。 語法: rotate3d(x, y, z, a) 含義: x number 類型,可以是 0 到 1 之間的數值,表示旋轉軸 X 座標方向的矢量。 y numb

css3動畫 , 前端

收藏 評論

jsoncode - vue3封裝一個帶動畫的關閉按鈕

預覽效果: 實現源碼: template MenuBtn :open="openMenu" :size="24" / /template template div :class="`menu ${open?'open':''}`" :style="`width:${size}px;height:${size}px`" span :sty

vue3 , css3動畫

收藏 評論

MangoGoing - 探究幾種CSS視差動畫實現方案及原理

滾動視差 介紹 視差滾動(Parallax Scrolling)是指多層背景以不同的速度移動,形成立體的運動效果,帶來非常出色的視覺體驗。 實現原理 方式一: 利用 background-attachment 屬性,我們可以把網頁解刨成:背景層、內容層、懸浮層 background-attachment 的作用是設置背景圖像隨着頁面滾動的時候固定,即使一個元素有滾動機制,背景也不會隨着元素

parallax-animation , css3動畫 , 前端

收藏 評論

jsliang - CSS 實例系列 - 01 - Tab 滑動門

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 本 CSS 系列文章: 主推學以致用。結合面試題和工作實例,讓小夥伴們深入體驗 61 個工作常見的 CSS 屬性和各種 CSS 知識。 主推純 CSS。儘可能使用 HTML + CSS 完成學習目的,但仍然有 “一小部分” 功能需要用到 JavaScript 知識,適合新人學習 + 大佬複習。 如果文章在一些細節

實例 , Css , css3動畫 , 前端

收藏 評論

jsliang - CSS 實例系列 - 02 - 2023 兔年祝福

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 新年新氣象,讓我們耍一個兔飛猛進的祝福吧: 這個是一個完整的線上小實例,小夥伴們可以填寫數據,服務器會用 Node.js 定期讀取數據: 填寫數據:https://kdocs.cn/l/cbmawranzvNL 效果查看:https://liangjunrong.github.io/ 例如你填的用户名稱是:

puppeteer , node.js , css3動畫 , html5 , Javascript

收藏 評論

jsliang - CSS 實例系列 - 03 - Rate 愛心評分

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 今兒要實現的是:Rate 評分 本期將和小夥伴們探討: √ 通過 CSS,配合簡單的 HTML + JS 完成評分組件 本實例的代碼地址: Github - all for one 碼上掘金 - 03 - Rate 愛心評分 一 前言 本 CSS 系列文章: 主推學以致用。結合面試題和工作實例,讓小夥

css3 , css3動畫 , 前端

收藏 評論

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

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

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

收藏 評論

Winn - 純css編寫開關按鈕點擊切換

效果圖預覽: 完整代碼如下: !DOCTYPE html html head title純css編寫開關按鈕點擊切換/title style type="text/css" #toggle-button{ display: none; } .button-label{ position: relative; displa

Css , 程序員 , css3動畫 , 前端 , html5

收藏 評論

大漠 - 2023 年開始寫 CSS 會與眾不同

CSS 的發展速度比以往任何時候都要快。在 Flexbox 和 Grid 之後,CSS 的發展似乎經歷了一段漫長的停滯期,但在近幾年,CSS 已經新增了許多新功能可用,而且還會有更多新功能即將推出。這個發展速度是令人興奮的,同時也有些壓倒性。 雖然 CSS 新增了很多新功能,但很多 Web 開發者都認為這些花裏胡哨的東西並沒有給自己帶來實質上的變化。換句話説,所有這些花裏胡哨的東西(CSS 新特

animation , 特性 , Css , css3動畫 , Web

收藏 評論

鄧佔勇 - 利用CSS延遲動畫,打造令人驚豔的複雜動畫效果!

動畫在前端開發中是經常遇到的場景之一,加入動畫後頁面可以極大的提升用户體驗。 絕大多數簡單的動畫場景可以直接通過CSS實現,對於一些特殊場景的動畫可能會使用到JS計算實現,通過本文的學習,可以讓你在一些看似需要使用JS實現的動畫場景,使用純CSS一樣可以實現,並且更方便快捷。 先看一個簡單的例子:一個方塊的位置隨着滑條滑動的位置改變 這個場景實現起來很簡單,滑條值改變後,使用JS計

css3 , css3動畫 , 前端

收藏 評論

qinyuanqiblog - 前端直傳七牛雲 3.0 sdk詳細使用

前言 最近產品大哥説要把電商項目改成支持視頻播放,視頻要在後管項目上可以上傳到七牛雲,100M以上的這種視頻,因為我們nginx限制了只能上傳30m,所以只能採用前端直傳七牛雲的這個方案 項目介紹 這是一個基於若依的前後端不分離的項目,前端代碼卸載jsp裏面,主要是後台大哥在維護,我們需要幫助後台做好前端直傳這個動作。 前端直傳七牛雲 如何註冊賬號,創建空間 一般這一步,不需要我們做,可以做為

七牛雲存儲 , 前端

收藏 評論

全棧程序猿 - SpringCloud微服務實戰——搭建企業級開發框架(二十九):集成對象存儲服務MinIO+七牛雲+阿里雲+騰訊雲

  微服務應用中圖片、文件等存儲區別於單體應用,單體應用可以放到本地讀寫磁盤文件,微服務應用必需用到分佈式存儲,將圖片、文件等存儲到服務穩定的分佈式存儲服務器。目前,很多雲服務商提供了存儲的雲服務,比如阿里雲OSS、騰訊雲COS、七牛雲對象存儲Kodo、百度雲對象存儲BOS等等、還有開源對象存儲服務器,比如FastDFS、MinIO等。   如果我們的框架只支持一種存儲服務,那麼在後期擴展或

騰訊雲 , 七牛雲存儲 , oss , minio , 對象存儲

收藏 評論

七牛開發者 - 七牛靈矽 AI 正式發佈:把“對話”裝進每一台智能硬件

8 月 15 日,七牛雲正式發佈靈矽 AI ——為新一代智能硬件而生的語音交互新範式,讓智能硬件不僅會“説話”,更能聽懂情緒、自然交流。這不僅是語音交互技術從“能用”到“好用”的升級,更是語音交互從“功能附加”躍升為“核心必備競爭力”的開始。 據 Canalys 預測,2025 年全球個人智能音頻設備出貨量將突破 5.33 億台。然而,儘管市場高速增長,但大多數語音交互體驗產品依然普遍存在延遲高、

智能硬件 , 七牛雲存儲 , 機器人 , 語音 , 人工智能

收藏 評論

威哥愛編程 - Java Executors類的9種創建線程池的方法及應用場景分析

在Java中,Executors 類提供了多種靜態工廠方法來創建不同類型的線程池。在學習線程池的過程中,一定避不開Executors類,掌握這個類的使用、原理、使用場景,對於實際項目開發時,運用自如,以下是一些常用的方法,V哥來一一細説: newCachedThreadPool(): 創建一個可緩存的線程池,如果線程池中的線程超過60秒沒有被使用,它們將被終止並從緩存中移除。 newFixe

線程池 , executorservice , java-ee , 多線程 , JAVA

收藏 評論