主頁 > 前端設計 > CGB2005-京淘15

CGB2005-京淘15

2020-09-16 02:44:30 前端設計

1.Redis集群說明

1.1 Redis集群資料存盤的原理

Hash槽演算法 磁區演算法.
說明: RedisCluster采用此磁區,所有的鍵根據哈希函式**(CRC16[key]%16384)**映射到0-16383槽內,共16384個槽位,每個節點維護部分槽及槽所映射的鍵值資料.根據主節點的個數,均衡劃磁區間.
演算法:哈希函式: Hash()=CRC16[key]%16384
在這里插入圖片描述

當向redis集群中插入資料時,首先將key進行計算.之后將計算結果匹配到具體的某一個槽的區間內,之后再將資料set到管理該槽的節點中.
在這里插入圖片描述

1.2 面試題說明

問: Redis集群中最多存盤16384個key 錯
CRC16(KEY1)%16384 = 2000
CRC16(KEY2)%16384 = 2000
表示key1和key2都歸節點1進行管理. 至于節點到底是否能夠存盤 由記憶體決定.

問: Redis集群中最多有多少個主機?? 16384臺

1.3 Spring整合Redis集群

1.3.1 編輯pro組態檔

#添加redis的配置

#添加單臺配置
#redis.host=192.168.126.129
#redis.port=6379

#配置多臺的redis資訊
#redis.nodes=192.168.126.129:6379,192.168.126.129:6380,192.168.126.129:6381

#配置Redis集群
redis.nodes=192.168.126.129:7000,192.168.126.129:7001,192.168.126.129:7002,192.168.126.129:7003,192.168.126.129:7004,192.168.126.129:7005

1.3.2 編輯配置類

@Configuration //標識我是一個配置類
@PropertySource("classpath:/properties/redis.properties")
public class JedisConfig {

    @Value("${redis.nodes}")
    private String nodes; //node,node,node

    @Bean //實體化集群的物件之后交給Spring容器管理
    public JedisCluster jedisCluster(){
        Set<HostAndPort> set = new HashSet<>();
        String[] nodeArray = nodes.split(",");
        for(String node : nodeArray){ //host:port
            String[] nodeTemp = node.split(":");
            String host = nodeTemp[0];
            int port = Integer.parseInt(nodeTemp[1]);
            HostAndPort hostAndPort = new HostAndPort(host, port);
            set.add(hostAndPort);
        }
        return new JedisCluster(set);
    }
  }

1.3.3 修改CacheAOP注入物件

在這里插入圖片描述

1.3.4 頁面效果展現

說明:只要資料可以正確獲取 則表示運行成功!!
在這里插入圖片描述

1.4 Redis持久化策略說明

1.4.1 持久化需求說明

說明:Redis資料都保存在記憶體中,如果記憶體斷電則導致資料的丟失.為了保證用戶的記憶體資料不丟失,需要開啟持久化機制.
什么是持久化: 定期將記憶體中的資料保存到磁盤中.

1.4.2Redis中持久化介紹

說明:Redis中的持久化方式主要有2種.
方式1: RDB模式 dump.rdb 默認的持久化方式
方式2: AOF模式 appendonly.aof 默認關閉的需要手動的開啟.

1.4.3 RDB模式

說明: RDB模式是Redis中默認的持久化策略.
特點:
1. RDB模式可以實作定期的持久化,但是可能導致資料丟失.
2. **RDB模式作的是記憶體資料的快照,**并且后拍攝的快斬訓覆寫之前的快照.所以持久化檔案較小.恢復資料的速度較快. 作業的效率較高.

命令:
用戶可以通過命令要求redis進行持久化操作.
1). save 是同步操作 要求redis立即執行持久化操作. 用戶可能會陷入阻塞狀態.
2). bgsave 是異步操作, 開啟單獨的執行緒執行持久化操作. 持久化時不會影響用戶的使用. 不能保證立即馬上執行.

持久化策略說明:
LG: save 900 1 redis在900秒內執行一次set操作時則持久化一次.
用戶操作越頻繁則持久化的周期越短.
在這里插入圖片描述
持久化目錄: 可以執行持久化檔案生成的位置.
在這里插入圖片描述
持久化檔案名稱的設定
在這里插入圖片描述

1.4.3 AOF模式

特點:
1. AOF模式默認的條件下是關閉狀態,需要手動的開啟.
2. AOF模式記錄的是用戶的執行的狀態.所以持久化檔案占用空間相對較大.恢復資料的速度較慢.所以效率較低.
3. 可以保證用戶的資料盡可能不丟失.

配置:
1.開啟AOF配置
在這里插入圖片描述
2.AOF模式的持久化策略

appendfsync always   			如果用戶執行的了一次set操作則持久化一次
appendfsync everysec		aof每秒持久化一次
appendfsync no					不主動持久化.

1.4.4 關于RDB/AOF模式特點

1.如果用戶可以允許少量的資料丟失可以選用RDB模式(快).
2.如果用戶不允許資料丟失則選用AOF模式.
3.實際開發程序中一般2種方式都會配置. 一般主機開啟RDB模式,從機開啟AOF模式.

1.4.5 情景題

假設你是專案組長,手下一個特別漂亮的妹子在線上執行了flushALL命令.問:如果是你應該怎么辦??
A: 嚴厲訓斥 自己背鍋 B: 批評教育,自己快速解決 C:嚴厲的訓斥 之后開除員工
解決方案: 應該將AOF模式中flushAll洗掉,之后重啟redis即可.

1.5 關于Redis記憶體優化的說明

1.5.1 背景說明

Redis可以當做記憶體使用,但是如果一直往里存盤不洗掉資料,則必然導致記憶體溢位.
想法:如何可以實作記憶體資料的維護呢? 可以讓用戶永遠都可以存資料.

1.5.2 LRU演算法

LRU是Least Recently Used的縮寫,即最近最少使用,是一種常用的頁面置換演算法,選擇最近最久未使用的頁面予以淘汰,該演算法賦予每個頁面一個訪問欄位,用來記錄一個頁面自上次被訪問以來所經歷的時間 t,當須淘汰一個頁面時,選擇現有頁面中其 t 值最大的,即最近最少使用的頁面予以淘汰,
維度:時間T
LRU演算法是當下實作記憶體清理的最優演算法.

1.5.3 LFU演算法

LFU(least frequently used (LFU) page-replacement algorithm),即最不經常使用頁置換演算法,要求在頁置換時置換參考計數最小的頁,因為經常使用的頁應該有一個較大的參考次數,但是有些頁在開始時使用次數很多,但以后就不再使用,這類頁將會長時間留在記憶體中,因此可以將參考計數暫存器定時右移一位,形成指數衰減的平均使用次數,
維度: 參考次數

1.5.3 Random演算法

1.5.3 TTL演算法

說明:監控剩余的存活時間,將存活時間少的資料提前洗掉.

1.5.4 Redis記憶體優化策略

1.volatile-lru  在設定了超時時間的資料中,采用lru演算法.
2.allkeys-lru  所有資料采用lru演算法
3.volatile-lfu  在超時的資料中采用lfu演算法
4.allkeys-lfu -> 所有資料采用lfu演算法
5.volatile-random -> 設定超時時間的資料采用隨機演算法
6.allkeys-random -> 所有資料隨機洗掉
7.volatile-ttl ->  洗掉存活時間少的資料
8.noeviction -> 不會洗掉資料,如果記憶體溢位報錯回傳.

在這里插入圖片描述

2 京淘專案前臺搭建

2.1 京淘專案架構圖設計

說明:在分布式的條件下,有web服務器向后端的業務服務器獲取資料.通過http請求協議利用遠程呼叫的方式獲取業務資料,將來采用更加通用的json方式回傳.實作跨系統之間的資料訪問.
并且每個節點根據用戶訪問量的不同搭建不同規模的集群.從而實作用戶的高并發的訪問.
tomcat 經過調優大約可以支持 1000/秒 跳大tomcat運行的記憶體即可.
在這里插入圖片描述

2.2 京淘專案web創建

2.2.1 web專案創建說明

1.埠號: 8092
2.域名: http://www.jt.com
3.web服務器不需要鏈接資料庫.
4.打包: war (JSP頁面)
5.注意事項: 繼承父級jt/依賴工具APIjt-common/配置maven插件.

2.2.2 創建jt-web專案

在這里插入圖片描述
在這里插入圖片描述

2.2.3 添加繼承/依賴/插件

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <artifactId>jt-web</artifactId>
    <!--設定打包方式-->
    <packaging>war</packaging>

    <!--添加繼承-->
    <parent>
        <artifactId>jt</artifactId>
        <groupId>org.example</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>

    <!--添加依賴項-->
    <dependencies>
        <dependency>
            <groupId>org.example</groupId>
            <artifactId>jt-common</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
    </dependencies>

    <!--添加插件-->
    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>
</project>

2.2.4 匯入靜態資源檔案

說明:將課前資料中的靜態資源檔案,進行匯入.
在這里插入圖片描述

2.2.5 配置web專案啟動項

在這里插入圖片描述

2.2.6 關于web專案配置資料源的說明

SpringBoot特點: 開箱即用!!!
報錯說明:由于jt-web繼承jt所以web服務器啟動時,會加載資料源的自動化配置.但是由于web不需要鏈接資料庫,所以導致程式例外.
在這里插入圖片描述
解決方案:
在這里插入圖片描述

2.2.7 專案啟動效果

在這里插入圖片描述

2.2.8 配置nginx

需求說明: 用戶通過http://www.jt.com的方式訪問服務器localhost:8092,修改之后重啟nginx即可.

#搭建jt-web服務器
	server {
		listen 80;
		server_name www.jt.com;

		location / {
			proxy_pass http://localhost:8092;
		}
	}

2.2.9 修改hosts檔案

在這里插入圖片描述

2.3 谷歌瀏覽器禁用https

步驟說明:
1.瀏覽器鍵入 chrome://net-internals/#hsts
在這里插入圖片描述

2.4 添加web的配置類

2.4.1 編輯配置類

作用:要求springMVC可以攔截以.html為結尾的請求.

@Configuration						  //配置web.xml組態檔
public class MvcConfigurer implements WebMvcConfigurer{
	
	//開啟匹配后綴型配置,為了將來程式實作靜態頁面的跳轉而準備的
	@Override
	public void configurePathMatch(PathMatchConfigurer configurer) {
		
		configurer.setUseSuffixPatternMatch(true);
	}
}

2.5 搜索引擎作業原理

2.5.1 關于.html說明

一般搜索引擎只能檢索靜態頁面資訊不能檢索.jsp等動態的頁面結構,所以一般為了提高網站的曝光率,使得商品更加容易的被用戶檢索,所以一般的商品頁面都是.html的.

2.5.2.搜索引擎的作業原理

需求:假設資料庫中有1億條記錄,搜索引擎如何能夠在1秒之后檢索所有的資料,并且有效的回傳呢?
倒排索引: 根據關鍵字檢索文章的位置.
在這里插入圖片描述

2.5.3 為什么搜索引擎只能記錄.html頁面

在這里插入圖片描述

2.5.4 偽靜態

偽靜態是相對真實靜態來講的,通常我們為了增強搜索引擎的友好面,都將文章內容生成靜態頁面,但是有的朋友為了實時的顯示一些資訊,或者還想運用動態腳本解決一些問題,不能用靜態的方式來展示網站內容,但是這就損失了對搜索引擎的友好面,怎么樣在兩者之間找個中間方法呢,這就產生了偽靜態技術偽靜態技術是指展示出來的是以html一類的靜態頁面形式,但其實是用ASP一類的動態腳本來處理的,
概括: 以.html結尾的"動態頁面"腳本技術. (.JSP/.html)

擴展知識

前提:在高并發的條件下由于引入快取但是可能會引發如下的問題,導致資料庫服務器宕機,影響用戶的體驗.

快取-穿透

特點: 用戶高并發的環境下,訪問一個資料庫中不存在的資料就叫快取穿透!!!
解決方案: 限制用戶單位時間內的訪問次數 , 封禁IP地址. 網關過濾.

快取-擊穿

特點: 某些高頻的訪問資料由于操作不當導致快取失效.從而使得大量的用戶直接訪問資料庫. (一個)
解決方案: 配置多級快取

快取-雪崩

特點: 由于redis中的高頻key在同一時間內大量的失效.導致用戶的請求直接訪問資料庫,導致宕機的風險. (flushAll)

解決方案: 配置多級快取,設定不同的超時時間.

3.作業

1.什么是跨域
2.什么是同源策略
3.解決跨域的常用手段 JSONP CORS

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/52196.html

標籤:其他

上一篇:測驗理論+經驗分享(更新中)

下一篇:程式猿職場求生指南[手動狗頭]

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more