主頁 > 前端設計 > Java技術堆疊——Java多執行緒詳述

Java技術堆疊——Java多執行緒詳述

2020-09-23 02:36:06 前端設計

Java技術堆疊——Java多執行緒詳述

  • 一.多執行緒
    • 1.1多執行緒概述
    • 1.2 程式運行原理
      • 1.2.1 搶占式調度詳解
    • 1.3 主執行緒
    • 1.4 Thread類
    • 1.5 創建執行緒
      • 1.5.1 run()與start()
      • 1.5.2 繼承Thread類原理
      • 1.5.3 多執行緒的記憶體圖解
      • 1.5.4 獲取執行緒名稱
    • 1.6 創建執行緒方式—實作Runnable介面
      • 1.6.1 Runnable的優點
    • 1.7 執行緒的匿名內部類使用
  • 二、執行緒池
    • 2.1 執行緒池概念
    • 2.2 使用執行緒池方式--Runnable介面
    • 2.3 使用執行緒池方式—Callable介面

一.多執行緒

1.1多執行緒概述

????在了解學習多執行緒之前,我們先要熟悉了解幾個關于多執行緒有關的概念,
行程:行程指正在運行的程式,確切的來說,當一個程式進入記憶體運行,即變成一個行程,行程是處于運行程序中的程式,并且具有一定獨立功能,
在這里插入圖片描述

執行緒:執行緒是行程中的一個執行單元,負責當前行程中程式的執行,一個行程中至少有一個執行緒,一個行程中是可以有多個執行緒的,這個應用程式也可以稱之為多執行緒程式,
在這里插入圖片描述
????簡而言之:一個程式運行后至少有一個行程,一個行程中可以包含多個執行緒,什么是多執行緒呢? 多執行緒定義:在一個程式中,這些獨立運行的程式片段叫作“執行緒”,即就是一個程式中有多個執行緒在同時執行,

????我們可以通程序式執行流程,來區分單執行緒程式與多執行緒程式的不同:
單執行緒程式:即,若有多個任務只能依次執行,當上一個任務執行結束后,下一個任務開始執行,如接水,有一個水龍頭,一個人接完,下一個人才能開始接水,
多執行緒程式:即,若有多個任務可以同時執行,如在飲水機處接水,溫水處與熱水處可以同時放水,

1.2 程式運行原理

分時調度:所有執行緒輪流使用 CPU 的使用權,平均分配每個執行緒占用 CPU 的時間,分時調度可以在分時調度類中公平地分布處理資源,內核的其他部分可以在短時間內獨占處理器,而不會縮短用戶察覺的回應時間,在Java中可以設定一個或多個行程的優先級級別,優先級的級別范圍通常為 0 到 +10(不指定的話,java默認創建為5),值越低,優先級越高,
搶占式調度:這里有必要說明一下,搶占式調度是實時調度的一種,優先讓優先級高的執行緒使用 CPU,如果執行緒的優先級相同,那么會隨機選擇一個(執行緒隨機性),Java使用的為搶占式調度,

1.2.1 搶占式調度詳解

????現在大部分電腦作業系統都支持多行程并發運行,即支持多個軟體同時運行,比如打開了微信,并且同時聽著某易音樂,然后在CSDN上撰寫分享博客,“感覺上,這些運用在同時進行,”實際上,CPU(中央處理器)使用搶占式調度模式在多個執行緒間進行著高速的切換(針對于某一個核來說),我們根本就沒有察覺到,對于CPU的一個核而言,某個時刻,只能執行一個執行緒,而 CPU的在多個執行緒間切換速度相對我們的感覺要快,看上去就是在同一時刻運行,所以,仔細想想就會發現,多執行緒程式并不能提高程式的運行速度,但能夠提高程式運行效率,讓CPU的使用率更高,

1.3 主執行緒

????再來看看我們最開始之前,學習常用的場景,當我們在dos命令列中輸入java空格類名回車后,啟動JVM,并且加載對應的class檔案,虛擬機并會從main方法開始執行我們的程式代碼,一直把main方法的代碼執行完成,如果在執行程序遇到回圈時間比較長的代碼,那么在回圈之后的其他代碼是不會被馬上執行的,如下代碼演示:

class Demo{
	String name;
	Demo(String name){	
		this.name = name;
	}

	void show() {
		for (int i=1;i<=10000 ;i++ ) {
			System.out.println("name="+name+",i="+i);
		}
	}
}
class ThreadDemo {
	public static void main(String[] args) {
    	Demo demo = new Demo("CSDN");
		Demo demo2 = new Demo("NDSC");
		demo.show();
		demo2.show();
	}
}

????若在上述代碼中show方法中的回圈執行次數很多,這時在demo.show();下面的代碼是不會馬上執行的,并且在dos視窗會看到不停的輸出name=CSDN,i=++,這樣的陳述句,是因為:jvm啟動后,必然有一個執行路徑(執行緒)從main方法開始的,一直執行到main方法結束,這個執行緒在java中稱之為主執行緒,當程式的主執行緒執行時,如果遇到了回圈而導致程式在指定位置停留時間過長,則無法馬上執行下面的程式,需要等待回圈結束后能夠執行,
????那么,能否實作一個主執行緒負責執行其中一個回圈,再由另一個執行緒負責其他代碼的執行,最終實作多部分代碼同時執行的效果?當然可以,Java中的多執行緒技術能夠實作同時執行,

1.4 Thread類

????該如何創建執行緒呢?通過API中搜索,查到Thread類,通過閱讀Thread類中的描述,我們能夠了解到Thread是程式中的執行執行緒,并且Java 虛擬機是支持并允許應用程式并發地運行多個執行執行緒,
構造方法

Thread()構造方法摘要描述
Thread()分配執行緒物件
Thread(String name)分配新的執行緒物件,將指定的name作為其執行緒名稱

常用方法

型別名稱描述
voidstart()使該執行緒開始執行;Java虛擬機實際上呼叫的是該執行緒的run()方法
voidrun()該執行緒具體要執行的操作
static voidsleep(long m)讓當前正在執行的執行緒休眠毫秒,(暫停執行)

1.5 創建執行緒

????創建新執行執行緒有兩種方法,
繼承Thread:將類宣告為 Thread 的子類,該子類應重寫 Thread 類的 run 方法,創建物件,開啟執行緒,run方法相當于其他執行緒的main方法,
繼承Thread創建執行緒的步驟:
1 定義一個類繼承Thread,
2 重寫run方法,
3 創建子類物件,就是創建執行緒物件,
4 呼叫start方法,開啟執行緒并讓執行緒執行,此時jvm會去呼叫run方法,

實作Runnable:宣告一個實作 Runnable 介面的類,該類會實作 run 方法,然后創建Runnable的子類物件,傳入到某個執行緒的構造方法中,開啟執行緒,

main

//測驗類
public class Demo {
	public static void main(String[] args) {
		ThreadDemo td = new ThreadDemo("執行緒Demo!");
		//開啟新執行緒
		td.start();
		//在主方法中執行for回圈
		for (int i = 0; i < 10; i++) {
			System.out.println("main執行緒!"+i);
		}
	}
}

新建執行緒類

//新建執行緒類
public class ThreadDemo extends ThreadDemo {
	public ThreadDemo (String name) {
	//呼叫父類的String引數的構造方法,指定執行緒的名稱
		super(name);
	}
	//重寫run方法
	@Override
	public void run() {
		for (int i = 0; i < 10; i++) {
			System.out.println(getName()+":正在執行!"+i);
		}
	}
}

1.5.1 run()與start()

注意:執行緒物件呼叫 run方法和呼叫start方法區別?
????在理解這個問題之前,我們應該清楚什么是run()方法,什么是start()方法;
run():就是繼承Thread類,或者實作runnable要實作的方法,本質上是一個成員函式,但并不是多執行緒的方式,就是一個普通的方法,我們從原始碼就能看出就是簡單的普通方法的呼叫,
run()原始碼

    @Override
    public void run() {
     // 簡單的運行,不會新起執行緒,target 是 Runnable
        if (target != null) {
            target.run();
        }
    }

start():要理解start方法,我們最好從原始碼入手,start 方法的原始碼也沒幾行代碼,注釋也比較詳細,最主要的是 start0() 方法,
start()原始碼

public synchronized void start() {
    /**
     * This method is not invoked for the main method thread or "system"
     * group threads created/set up by the VM. Any new functionality added
     * to this method in the future may have to also be added to the VM.
     *
     * A zero status value corresponds to state "NEW".
     */
     // 沒有初始化,拋出例外
    if (threadStatus != 0)
        throw new IllegalThreadStateException();

    /* Notify the group that this thread is about to be started
     * so that it can be added to the group's list of threads
     * and the group's unstarted count can be decremented. */
    group.add(this);
	// 是否啟動的識別符號
    boolean started = false;
    try {
     // start0() 是啟動多執行緒的關鍵
     // 這里會創建一個新的執行緒,是一個 native 方法
     // 執行完成之后,新的執行緒已經在運行了
        start0();
        // 主執行緒執行
        started = true;
    } finally {
        try {
            if (!started) {
                group.threadStartFailed(this);
            }
        } catch (Throwable ignore) {
            /* do nothing. If start0 threw a Throwable then
              it will be passed up the call stack */
        }
    }
}

start0()原始碼

private native void start0();

????start0()的原始碼只有一行,為了方便理解start執行程序以及日后的學習,總結了start0的每一步呼叫執行程序,

  • Step1::start0方法實際上呼叫的是jvm.cpp檔案的JVM_StartThread方法,(是否創建執行緒,以及能否創建執行緒,比如記憶體已滿,無法繼續創建新的執行緒,都是在這一步進行判斷的);
  • Step2:如果能創建,則呼叫JavaThread方法創建執行緒(包括初始化相關變數),就在創建執行緒的時候,傳入了java_start,做為執行緒運行函式的初始地址;
  • Step3:當子執行緒完成初始化之后,父執行緒會執行Thread::start方法,設定執行緒狀態為RUNNABLE;
  • Step4:這時候子執行緒就可以開始執行thread->run()方法了,
    在這里插入圖片描述

????補充:start0為什么會被標記成native本地方法,眾所周知,Java其最大的優點之一就是跨平臺性,start() 方法呼叫 start0() 方法后,該執行緒并不一定會立馬執行,只是將執行緒變成了可運行狀態(NEW —> RUNNABLE),具體什么時候執行,取決于 CPU ,由 CPU 統一調度,可以在不同系統上運行,每個系統的 CPU 調度演算法不一樣,所以就需要做不同的處理,這件事情就只能交給 JVM 來實作了,start0() 方法自然就表標記成了 native,
????所以綜上,執行緒物件呼叫run方法不開啟執行緒,僅是物件呼叫方法,執行緒物件呼叫start開啟執行緒,并讓jvm呼叫run方法在開啟的執行緒中執行

1.5.2 繼承Thread類原理

????我們為什么要繼承Thread類,并呼叫其的start方法才能開啟執行緒呢?繼承Thread類:因為Thread類用來描述執行緒,具備執行緒應該有的功能,那為什么不直接創建Thread類的物件呢?如下代碼:

Thread t1 = new Thread();
//這樣做沒有錯,但是該start呼叫的是Thread類中的run方法
//這個run方法沒有做什么事情,更重要的是這個run方法中并沒有定義我們需要讓執行緒執行的代碼,
t1.start();

????創建執行緒是為了建立程式單獨的執行路徑,讓多部分代碼實作同時執行,也就是說執行緒創建并執行需要給定執行緒要執行的任務,對于之前所講的主執行緒,它的任務定義在main函式中,自定義執行緒需要執行的任務都定義在run方法中,Thread類run方法中的任務并不是我們所需要的,只有重寫這個run方法,既然Thread類已經定義了執行緒任務的撰寫位置(run方法),那么只要在撰寫位置(run方法)中定義任務代碼即可,所以進行了重寫run方法動作,

1.5.3 多執行緒的記憶體圖解

????多執行緒執行時,在記憶體中的運行方式其實很簡單:多執行緒執行時,在堆疊記憶體中,其實每一個執行執行緒都有一片自己所屬的堆疊記憶體空間,進行方法的壓堆疊和彈堆疊,當執行執行緒的任務結束了,執行緒自動在堆疊記憶體中釋放了,但是當所有的執行執行緒都結束了,那么行程就結束了,
在這里插入圖片描述

1.5.4 獲取執行緒名稱

????開啟的執行緒都會有自己的獨立運行堆疊記憶體,而這些執行緒都是有其默認的名字的,當然也可以自定義執行緒名,根據Thread類的API檔案整理如下,

函式名功能
Thread.currentThread()獲取當前執行緒物件
Thread.currentThread().getName()獲取當前執行緒物件的名稱
class MyThread extends Thread { 
   MyThread(String name){
   	super(name);
   }
   //復寫其中的run方法
   public void run(){
   	for (int i=1;i<=100 ;i++ ){
   		System.out.println(Thread.currentThread().getName()+",i="+i);
   	}
   }
}

class ThreadDemo {
   public static void main(String[] args) {
   	//創建兩個執行緒任務
   	MyThread d = new MyThread();
   	MyThread d2 = new MyThread();
   	//沒有開啟新執行緒, 在主執行緒呼叫run方法
   	d.run();
   	//開啟一個新執行緒,新執行緒呼叫run方法
   	d2.start();
   }
}

????通過結果觀察,原來主執行緒的名稱:main;自定義的執行緒:Thread-0,執行緒多個時,數字順延,如Thread-1…注意:進行多執行緒編程時,不要忘記了Java程式運行是從主執行緒開始,main方法就是主執行緒的執行緒執行內容,

1.6 創建執行緒方式—實作Runnable介面

????創建執行緒的另一種方法是宣告實作 Runnable 介面的類,該類然后實作 run 方法,然后創建Runnable的子類物件,傳入到某個執行緒的構造方法中,開啟執行緒,查看Runnable介面說明檔案:Runnable介面用來指定每個執行緒要執行的任務,包含了一個 run 的無引數抽象方法,需要由介面實作類重寫該方法,
實作Runnable介面,創建執行緒的步驟:

  • 1、定義類實作Runnable介面,
  • 2、覆寫介面中的run方法,,
  • 3、創建Thread類的物件
  • 4、將Runnable介面的子類物件作為引數傳遞給Thread類的建構式,
  • 5、呼叫Thread類的start方法開啟執行緒,

示例

public class RunnableDemo {
	public static void main(String[] args) {
		//創建執行緒執行目標類物件
		Runnable runnable = new MyRunnable();
		//將Runnable介面的子類物件作為引數傳遞給Thread類的建構式
		Thread thread = new Thread(runn);
		Thread thread2 = new Thread(runn);
		//開啟執行緒
		thread.start();
		thread2.start();
		for (int i = 0; i < 10; i++) {
			System.out.println("main執行緒:正在執行!"+i);
		}
	}
}

執行緒執行類示例

public class MyRunnable implements Runnable{
	@Override
	public void run() {
		for (int i = 0; i < 100; i++) {
			System.out.println("執行緒!"+i);
		}
	}
}

1.6.1 Runnable的優點

????第二種方式實作Runnable介面避免了單繼承的局限性,所以較為常用,實現Runnable介面的方式,更加的符合面向物件,執行緒分為兩部分,一部分執行緒物件,一部分執行緒任務,繼承Thread類,執行緒物件和執行緒任務耦合在一起,一旦創建Thread類的子類物件,既是執行緒物件,有又有執行緒任務,實作runnable介面,將執行緒任務單獨分離出來封裝成物件,型別就是Runnable介面型別,Runnable介面對執行緒物件和執行緒任務進行解耦,

1.7 執行緒的匿名內部類使用

????使用執行緒的內匿名內部類方式,可以方便的實作每個執行緒執行不同的執行緒任務操作,

  • 方式1:創建執行緒物件時,直接重寫Thread類中的run方法
new Thread() {
	public void run() {
		for (int i = 0; i < 100; i++) {
			System.out.println(Thread.currentThread().getName()+ ">>>>" + i);
		}
	}
}.start();
  • 方式2:使用匿名內部類的方式實作Runnable介面,重新Runnable介面中的run方法
Runnable runnable = new Runnable() {
	public void run() {
		for (int i = 0; i < 100; 1x++) {
			System.out.println(Thread.currentThread().getName()+ ">>>>" + i);
		}
	}
};
new Thread(runnable ).start();

二、執行緒池

2.1 執行緒池概念

????執行緒池,其實就是一個容納多個執行緒的容器,其中的執行緒可以反復使用,省去了頻繁創建執行緒物件的操作,無需反復創建執行緒而消耗過多資源,
????在java中,如果每個請求到達就創建一個新執行緒,開銷是相當大的,在實際使用中,創建和銷毀執行緒花費的時間和消耗的系統資源都相當大,甚至可能要比在處理實際的用戶請求的時間和資源要多的多,除了創建和銷毀執行緒的開銷之外,活動的執行緒也需要消耗系統資源,如果在一個jvm里創建太多的執行緒,可能會使系統由于過度消耗記憶體或“切換過度”而導致系統資源不足,為了防止資源不足,需要采取一些辦法來限制任何給定時刻處理的請求數目,盡可能減少創建和銷毀執行緒的次數,特別是一些資源耗費比較大的執行緒的創建和銷毀,盡量利用已有物件來進行服務,
????執行緒池主要用來解決執行緒生命周期開銷問題和資源不足問題,通過對多個任務重復使用執行緒,執行緒創建的開銷就被分攤到了多個任務上了,而且由于在請求到達時執行緒已經存在,所以消除了執行緒創建所帶來的延遲,這樣,就可以立即為請求服務,使用應用程式回應更快,另外,通過適當的調整執行緒中的執行緒數目可以防止出現資源不足的情況,

2.2 使用執行緒池方式–Runnable介面

????通常,執行緒池都是通過執行緒池工廠創建,再呼叫執行緒池中的方法獲取執行緒,再通過執行緒去執行任務方法,
Executors:執行緒池創建工廠類

  • public static ExecutorService newFixedThreadPool(int nThreads):回傳執行緒池物件
  • ExecutorService:執行緒池類
  • Future<?> submit(Runnable task):獲取執行緒池中的某一個執行緒物件,并執行
  • Future介面:用來記錄執行緒任務執行完畢后產生的結果,執行緒池創建與使用

使用執行緒池中執行緒物件的步驟,代碼示例:

public class ThreadPoolDemo {
	public static void main(String[] args) {
	//創建執行緒池,包含10個執行緒
	ExecutorService service = Executors.newFixedThreadPool(10);
	RunnableDemo rd = new RunnableDemo ();
	//從執行緒池中獲取執行緒物件,然后呼叫RunnableDemo 中的run()
	service.submit(rd);
	//注意:submit方法呼叫結束后,程式并不終止,是因為執行緒池控制了執行緒的關閉,將使用完的執行緒又歸還到了執行緒池中
	//關閉執行緒池
	//service.shutdown();
	}
}

Runnable介面實作類

public class RunnableDemo implements Runnable {
	@Override
	public void run() {
		System.out.println("執行緒示例啟動");
		System.out.println("執行緒: " +Thread.currentThread().getName());
		System.out.println("執行緒關閉"+Thread.currentThread().getName());
	}
}

2.3 使用執行緒池方式—Callable介面

lCallable介面:與Runnable介面功能相似,用來指定執行緒的任務,其中的call()方法,用來回傳執行緒任務執行完畢后的結果,call方法可拋出例外,

  • Future submit(Callable task):獲取執行緒池中的某一個執行緒物件,并執行執行緒中的call()方法
  • Future介面:用來記錄執行緒任務執行完畢后產生的結果,
    代碼示例:
public class ThreadPoolDemo {
	public static void main(String[] args) {
		//創建執行緒池,包含10個執行緒
		ExecutorService service = Executors.newFixedThreadPool(2);//包含2個執行緒物件
		//創建Callable物件
		CallableDemo cd = new CallableDemo ();
		service.submit(c);
		service.submit(c);		
	}
}

Callable介面實作類,call方法可拋出例外、回傳執行緒任務執行完畢后的結果

public class CallableDemo implements Callable {
@Override
public Object call() throws Exception {
	System.out.println("執行緒示例:call");
	System.out.println("執行緒: " +Thread.currentThread().getName());
	System.out.println("執行緒結束:"+Thread.currentThread().getName());
	return null;
	}
}

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

標籤:其他

上一篇:三行代碼帶你手動撰寫一個簡單的Tomcat

下一篇:我掏空了各大搜索引擎,給你整理了146道Java面試題,滿滿干貨記得收藏

標籤雲
其他(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