Hlang社區-前端社區宣傳首頁實現

文章目錄

  • 前言
  • 頁面結構
    • 固定釘
    • 頭部
    • 輪播
    • JS特效
  • 完整代碼
  • 總結

前言

這里的話,博主其實也是今年參與考研的大軍之一,所以的話,是抽空去完成這個項目的,當然這個項目的肯定是可以在較短的時間內完成的。
那么廢話不多說,昨天也是干到1點多,把這個首頁寫出來了。先看看看效果吧:
請添加圖片描述

在這里插入圖片描述
請添加圖片描述

實在是想不到文案了,不然的話,直接繼續套。這次的話,沒有辦法不適合暗黑風格,只能這樣干。

頁面結構

老規矩,我們先來分析一下這個頁面的結構?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/38507.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/38507.shtml
英文地址,請注明出處:http://en.pswp.cn/news/38507.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Linux中 socket編程中多進程/多線程TCP并發服務器模型

一、循環服務器(while)【不常用】 一次只能處理一個客戶端的請求,等這個客戶端退出后,才能處理下一個客戶端。缺點:循環服務器所處理的客戶端不能有耗時操作。 模型 sfd socket(); bind(); listen(); while(1) {newfd accept();while(1){r…

分別在linux和windows上設置socket為阻塞模式

在 Linux 和 Windows 系統中,都可以將 socket 設置為非阻塞模式。 Linux平臺 在 Linux 系統中,可以使用 fcntl 函數來設置 socket 為非阻塞模式。例如: int flags fcntl(socket_fd, F_GETFL, 0); fcntl(socket_fd, F_SETFL, flags | O_NO…

【問心篇】渴望、熱情和選擇

加班太嚴重完全沒有時間學習,怎么辦? 我真的不算聰明的人,但是,我對學習真的是有渴望的。說得好聽一點,我希望自己在不停地成長,不辜負生活在這個信息化大變革的時代。說得不好的一點,就是我從…

斷點續傳的未來發展趨勢與前景展望

斷點續傳是一種在網絡傳輸中斷后,能夠從中斷的位置繼續傳輸的技術。它可以有效地避免因為網絡不穩定、服務器故障、用戶操作等原因導致的傳輸失敗,節省了用戶的時間和流量,提高了傳輸的效率和可靠性。斷點續傳在很多場景中都有廣泛的應用&…

AI 繪畫Stable Diffusion 研究(八)sd采樣方法詳解

大家好,我是風雨無阻。 本文適合人群: 希望了解stable Diffusion WebUI中提供的Sampler究竟有什么不同,想知道如何選用合適采樣器以進一步提高出圖質量的朋友。 想要進一步了解AI繪圖基本原理的朋友。 對stable diffusion AI繪圖感興趣的朋…

【洛谷 P5736】【深基7.例2】質數篩 題解(埃氏篩法)

【深基7.例2】質數篩 題目描述 輸入 n n n 個不大于 1 0 5 10^5 105 的正整數。要求全部儲存在數組中,去除掉不是質數的數字,依次輸出剩余的質數。 輸入格式 第一行輸入一個正整數 n n n,表示整數個數。 第二行輸入 n n n 個正整數 …

jquery如何修改選中狀態

jquery修改選中狀態的方法:1、使用addClass和removeClass方法,可以向選中的元素添加一個多個類名,從而改變其樣式或狀態;2、使用toggleClass方法,可以在選中元素上添加或移除一個類名,如果該類名已經存在&a…

208. 實現 Trie (前綴樹)

Trie(發音類似 "try")或者說 前綴樹 是一種樹形數據結構,用于高效地存儲和檢索字符串數據集中的鍵。這一數據結構有相當多的應用情景,例如自動補完和拼寫檢查。 請你實現 Trie 類: Trie() 初始化前綴樹對象…

手撕LFU緩存

手撕LRU緩存_右大臣的博客-CSDN博客 是LRU的升級,多了一個訪問次數的維度 實現 LFUCache 類: LFUCache(int capacity) - 用數據結構的容量 capacity 初始化對象int get(int key) - 如果鍵 key 存在于緩存中,則獲取鍵的值,否則返…

C# Lamda到底是什么?!

lamda作為匿名函數,現在已經能夠出現子啊C#程序的任何可能位置,它可能作為參數為委托或其他函數復制,或者單獨作為表達式,或者承擔一些類似C中內聯函數的一些作用承擔一些簡單計算。熟練的使用Lamda表達式能夠讓減少代碼的冗余&am…

Django圖書商城系統實戰開發-總結經驗之后端開發

Django圖書商城系統實戰開發-總結經驗之后端開發 簡介 在這篇博客中,我將總結經驗分享后端開發Django圖書商城系統的過程。在開發過程中,我遇到了各種挑戰和問題,并且通過實踐獲得了寶貴的經驗和教訓。通過本文,我希望能幫助讀者…

vue3+vite配置vantUI主題

?在項目中統一配置UI主題色,各個組件配色統一修改 vantUI按需安裝 參考vantUI文檔 創建vantVar.less文件夾進行樣式編寫 vantVar.less :root:root{//導航--van-nav-bar-height: 44px;//按鈕--van-button-primary-color: #ffffff;--van-button-primary-backgr…

linux——mysql的高可用MHA

目錄 一、概述 一、概念 二、組成 三、特點 四、工作原理 二、案例 三、構建MHA 一、基礎環境 二、ssh免密登錄 三、主從復制 master slave1 四、MHA安裝 一、環境 二、安裝node 三、安裝manager 一、概述 一、概念 MHA(MasterHigh Availability&a…

力扣 198. 打家劫舍

題目來源:https://leetcode.cn/problems/house-robber/description/ C題解:因為是間接偷竊,所以偷nums[i]家前,一定偷過第i-2或者i-3家,因為i-1不能偷。 例如12345共5家,先偷第1家,那么2不能偷…

(三)Unity開發Vision Pro——入門

3.入門 1.入門 本節涵蓋了幾個重要主題,可幫助您加快visionOS 平臺開發速度。在這里,您將找到構建第一個 Unity PolySpatial XR 應用程序的分步指南的鏈接,以及 PolySpatial XR 開發時的一些開發最佳實踐。 2.開發與迭代 有關先決條件、開…

顯卡nvidia-smi后 提示Faild 解決過程,包含卸載重裝NVIDIA驅動步驟

顯卡異常: 顯卡nvidia-smi后 提示Faild 解決過程,卸載重裝nvidia驅動步驟 文章目錄 顯卡異常: 顯卡nvidia-smi后 提示Faild 解決過程,卸載重裝nvidia驅動步驟 [toc]1 緣由2 解決過程3 過程所需命令4 解決4.1 把該顯卡重新拔插一下卸載NVIDIA驅動的方法&a…

單元測試優化:為什么要對程序進行測試?測試有什么好處?

單元測試(Unit Testing)又稱為模塊測試, 是針對程序模塊(軟件設計的最小單位)來進行正確性檢驗的測試工作。 程序單元是應用的最小可測試部件。簡單來說,就是測試數據的穩定性是否達到程序的預期。 我們日常開發時可能…

19、SQL注入之SQLMAP繞過WAF

目錄 邏輯層1、邏輯問題2、性能問題 白名單方式一:IP白名單方式二:靜態資源方式三:url白名單方式四: 爬蟲白名單 sqlmap在測試漏洞的時候,選擇了no,它就不會去測試其它的了,我們一般選擇yes,為了…

Deep Learning With Pytorch - 最基本的感知機、貫序模型/分類、擬合

文章目錄 如何利用pytorch創建一個簡單的網絡模型?Step1. 感知機,多層感知機(MLP)的基本結構Step2. 超平面 ω T ? x b 0 \omega^{T}xb0 ωT?xb0 or ω T ? x b \omega^{T}xb ωT?xb感知機函數 Step3. 利用感知機進行決策…

SpringBoot整合Minio

SpringBoot整合Minio 在企業開發中&#xff0c;我們經常會使用到文件存儲的業務&#xff0c;Minio就是一個不錯的文件存儲工具&#xff0c;下面我們來看看如何在SpringBoot中整合Minio POM pom文件指定SpringBoot項目所依賴的軟件工具包 <?xml version"1.0" …