動態

@nulidexiaocongmang

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

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

nulidexiaocongmang 頭像

@nulidexiaocongmang

昵稱 MangoGoing

@jsliang

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

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

jsliang 頭像

@jsliang

昵稱 jsliang

@jsliang

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

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

jsliang 頭像

@jsliang

昵稱 jsliang

@jsliang

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

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

jsliang 頭像

@jsliang

昵稱 jsliang

@jsliang

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

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

jsliang 頭像

@jsliang

昵稱 jsliang

@winnn

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

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

winnn 頭像

@winnn

昵稱 Winn

@talkcss

2023 年開始寫 CSS 會與眾不同

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

talkcss 頭像

@talkcss

昵稱 大漠

@dengzhanyong

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

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

dengzhanyong 頭像

@dengzhanyong

昵稱 鄧佔勇

@qinyuanqiblog

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

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

qinyuanqiblog 頭像

@qinyuanqiblog

昵稱 qinyuanqiblog

@gitegg

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

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

gitegg 頭像

@gitegg

昵稱 全棧程序猿

@huidadebianpao

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

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

huidadebianpao 頭像

@huidadebianpao

昵稱 七牛開發者

@finally_m

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

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

finally_m 頭像

@finally_m

昵稱 威哥愛編程

@meituanjishutuandui

基本功 | 一文講清多線程和多線程同步

多線程編程是現代軟件開發中的一項關鍵技術,在多線程編程中,開發者可以將複雜的任務分解為多個獨立的線程,使其並行執行,從而充分利用多核處理器的優勢。然而,多線程編程也帶來了挑戰,例如線程同步、死鎖和競態條件等問題。本篇文章將深入探討多線程編程的基本概念(原子操作、CAS、Lock-free、內存屏障、偽共享、亂序執行等)、常見模式和最佳實踐。通過具體的代碼示例,希望能夠幫助大家掌握多線程編程的核心技

meituanjishutuandui 頭像

@meituanjishutuandui

昵稱 美團技術團隊

@finally_m

金融系統中Java如何處理大量的交易和請求

金融服務行業需要處理大量的交易和請求,Java的多線程能力可以有效地管理這些併發操作,確保系統的響應性和效率。 在金融服務行業中,例如一個股票交易平台,它需要處理大量的買入和賣出請求,交易邏輯會涉及數據庫交互、錯誤處理和事務管理等方面的複雜性。這就是一個 Java 多線程能力的點型應用了,V 哥從項目中剝離了這個案例,分享給你參考。 1. 定義交易請求和響應 在金融服務行業中,定義清晰的交易請求和

finally_m 頭像

@finally_m

昵稱 威哥愛編程

@renzhendezicai

一個Android App最少有幾個線程?實現多線程的方式有哪些?

本文首發於公眾號“AntDream”,歡迎微信搜索“AntDream”或掃描文章底部二維碼關注,和我一起每天進步一點點 多線程編程是Android應用開發中非常重要的一個環節,可以有效地提升應用的性能和用户體驗。下面是對Android中多線程相關內容的詳細介紹,包括app最少有幾個線程。 1. 基本概念 主線程(UI線程): Android應用啓動時,操作系統會啓動一個主線程,主線程負責更新U

renzhendezicai 頭像

@renzhendezicai

昵稱 認真的紫菜

@soroqer

Rust 和 Go 在多線程的對比

1. Go 的 Goroutine:輕量且高效 Goroutine 是 Go 中非常核心的併發單元。它是 用户級線程,由 Go 的運行時調度器管理,而不是由操作系統的內核調度。 輕量性: 內存佔用:每個 goroutine 的棧內存只有 2KB 左右,遠小於傳統線程的棧大小(一般為幾 MB)。這使得你可以輕鬆地創建成千上萬的 goroutines,而不會造成明顯的內存壓力。

soroqer 頭像

@soroqer

昵稱 soroqer

@jkkang

別再被多線程搞暈了!一篇文章輕鬆搞懂 Linux 多線程同步!

前言 大家有沒有遇到過,代碼跑着跑着,線程突然搶資源搶瘋了?其實,這都是“多線程同步”在作怪。多線程同步是個老生常談的話題,可每次真正要處理時還是讓人頭疼。這篇文章,帶你從頭到尾掌握 Linux 的多線程同步,把概念講成大白話,讓你看了不再迷糊,還能拿出來裝一裝逼!不管是“鎖”、“信號量”,還是“條件變量”,我們都一網打盡,趕緊點贊收藏,一文搞懂! 一、什麼是線程同步?——“排隊來操作,按規矩走”

jkkang 頭像

@jkkang

昵稱 小康

@zhangfeidezhu

GoLang協程Goroutiney原理與GMP模型詳解

本文原文地址:GoLang協程Goroutiney原理與GMP模型詳解 什麼是goroutine Goroutine是Go語言中的一種輕量級線程,也成為協程,由Go運行時管理。它是Go語言併發編程的核心概念之一。Goroutine的設計使得在Go中實現併發編程變得非常簡單和高效。 以下是一些關於Goroutine的關鍵特性: 輕量級:Goroutine的創建和切換開銷非常小。與操作系統級別的線

zhangfeidezhu 頭像

@zhangfeidezhu

昵稱 張飛的豬

@jinyeyoudianerliang

AQS 核心方法和源碼

在 AQS (AbstractQueuedSynchronizer) 中,這些方法涉及到同步的獲取和排隊機制,它們實現了類似於鎖(Lock)和信號量(Semaphore)的功能。AQS 通過內部維護一個 FIFO 隊列和一些節點來管理線程的同步。下面逐個解釋這些方法的作用: AQS 核心方法和源碼 1. acquire(int arg) 作用:嘗試獲取同步狀態,如果失敗,則加入隊列並阻塞線程

jinyeyoudianerliang 頭像

@jinyeyoudianerliang

昵稱 今夜有點兒涼

@finally_m

JAVA線程池有哪些隊列? 以及它們的適用場景案例

大家好,我是 V 哥。在高併發應用場景下,線程池的使用是必然的,那在線程中的隊列都有哪些呢?下面 V 哥整理的幾種常見的線程池隊列以及適用場景案例,分享給大家。 線程池中的隊列主要用於存放等待執行的任務,以下是幾種常見的線程池隊列: 1. 無界隊列(Unbounded Queue) LinkedBlockingQueue(基於鏈表的阻塞隊列): 特點:它是一個基於鏈表實現的阻

finally_m 頭像

@finally_m

昵稱 威哥愛編程

@wangzhongyang_go

某訊面試中常見的Java多線程面試題

這是我花費時間為大家整理的騰訊面試中常問的多線程面試題,看看你掌握多少? 1.什麼是進程?什麼是線程? 2.説説線程的生命週期和狀態? 3.什麼是上下文切換? 4.創建線程創建的方式都有哪些? 5.synchronized 關鍵字的作用 6.線程池的核心構造參數有哪些? 1. 什麼是進程?什麼是線程? 什麼是進程? 進程是程序的一次執行過程,是系統運行

wangzhongyang_go 頭像

@wangzhongyang_go

昵稱 王中陽講編程

@seazhan

【Java多線程】斷點續傳 如何使用Java多線程下載網絡文件

如何使用Java多線程下載網絡文件,並實現斷點續傳 在現代網絡應用中,多線程下載是一種常見的技術,它可以顯著提高下載速度並提供更好的用户體驗。本篇文章將介紹如何使用Java實現多線程下載,並結合項目中的代碼作為示例進行講解。 1. 多線程下載的基本原理 多線程下載的基本思想是將一個文件分成多個部分,每個部分由一個線程獨立下載,最後將這些部分合併成完整的文件。這樣可以充分利用帶寬和計算資源,提高下載

seazhan 頭像

@seazhan

昵稱 seazhan