主頁 > 前端設計 > 面試官看了直呼內行,Java多執行緒與并發系列22道高頻面試題決議

面試官看了直呼內行,Java多執行緒與并發系列22道高頻面試題決議

2020-10-09 10:16:03 前端設計

前言:

作為一個 Java開發人員,多執行緒是一個逃不掉的話題,不管是作業還是面試,但理解起來比較模糊難懂,因為多執行緒程式在跑起來的時候比較難于觀察和跟蹤,搞懂多執行緒并發知識,可以在面試的時候和周圍人拉開差距,另外自己在編碼的時候可以做到心中有數,

另外本人整理收藏了20年多家公司面試知識點整理 ,以及各種Java核心知識點免費分享給大家,我認為對面試來說是非常有用的,想要資料的話請點795983544 暗號CSDN,

在這里插入圖片描述

1、Java 中實作多執行緒有幾種方法

(1)繼承 Thread 類;

(2)實作 Runnable 介面;

(3)實作 Callable 介面通過 FutureTask 包裝器來創建 Thread 執行緒;

(4)使用 ExecutorService、Callable、Future 實作有回傳結果的多執行緒(也就是使用了 ExecutorService 來管理前面的三種方式),
在這里插入圖片描述

2、如何停止一個正在運行的執行緒

(1)使用退出標志,使執行緒正常退出,也就是當 run 方法完成后執行緒終止,

(2)使用 stop 方法強行終止,但是不推薦這個方法,因為 stop 和 suspend 及 resume 一樣都是過期作廢的方法,

(3)使用 interrupt 方法中斷執行緒,

class MyThread extends Thread {
    volatile Boolean stop = false;
    public void run() {
        while (!stop) {
            System.out.println(getName() + " is running");
            try {
                sleep(1000);
            }
            catch (InterruptedException e) {
                System.out.println("week up from blcok...");
                stop = true;
                // 在例外處理代碼中修改共享變數的狀態
            }
        }
        System.out.println(getName() + " is exiting...");
    }
}
class InterruptThreadDemo3 {
    public static void main(String[] args) throws InterruptedException {
        MyThread m1 = new MyThread();
        System.out.println("Starting thread...");
        m1.start();
        Thread.sleep(3000);
        m1.interrupt();
        // 阻塞時退出阻塞狀態
        Thread.sleep(3000);
        // 主執行緒休眠 3 秒以便觀察執行緒 m1 的中斷情況
        System.out.println("Stopping application...");
    }
}

3、notify()和 notifyAll()有什么區別?

notify 可能會導致死鎖,而 notifyAll 則不會

任何時候只有一個執行緒可以獲得鎖,也就是說只有一個執行緒可以運行 synchronized 中的代碼使用 notifyall,可以喚醒所有處于 wait 狀態的執行緒,使其重新進入鎖的爭奪佇列中,而 notify 只能喚醒一個,

wait() 應配合 while 回圈使用,不應使用 if,務必在 wait()呼叫前后都檢查條件,如果不滿足,必須呼叫 notify()喚醒另外的執行緒來處理,自己繼續 wait()直至條件滿足再往下執行,

notify() 是對 notifyAll()的一個優化,但它有很精確的應用場景,并且要求正確使用,不然可能導致死鎖,正確的場景應該是 WaitSet 中等待的是相同的條件,喚醒任一個都能正確處理接下來的事項,如果喚醒的執行緒無法正確處理,務必確保繼續 notify()下一個執行緒,并且自身需要重新回到 WaitSet 中,

4、sleep()和 wait() 有什么區別?

對于 sleep()方法,我們首先要知道該方法是屬于 Thread 類中的,而 wait()方法,則是屬于 Object 類中
的,

sleep()方法導致了程式暫停執行指定的時間,讓出 cpu 該其他執行緒,但是他的監控狀態依然保持者,當指定的時間到了又會自動恢復運行狀態,在呼叫 sleep()方法的程序中,執行緒不會釋放物件鎖,

當呼叫 wait()方法的時候,執行緒會放棄物件鎖,進入等待此物件的等待鎖定池,只有針對此物件呼叫 notify()方法后本執行緒才進入物件鎖定池準備,獲取物件鎖進入運行狀態,

5、volatile 是什么?可以保證有序性嗎?

一旦一個共享變數(類的成員變數、類的靜態成員變數)被 volatile 修飾之后,那么就具備了兩層語意:

(1)保證了不同執行緒對這個變數進行操作時的可見性,即一個執行緒修改了某個變數的值,這新值對其他執行緒來說是立即可見的,volatile 關鍵字會強制將修改的值立即寫入主存,

(2)禁止進行指令重排序,

volatile 不是原子性操作

什么叫保證部分有序性?

當程式執行到 volatile 變數的讀操作或者寫操作時,在其前面的操作的更改肯定全部已經進行,且結果已經對后面的操作可見;在其后面的操作肯定還沒有進行;

x = 2;//陳述句 1
y = 0;//陳述句 2
flag = true;//陳述句 3
x = 4;//陳述句 4
y = -1;//陳述句 5

由于?ag 變數為 volatile 變數,那么在進行指令重排序的程序的時候,不會將陳述句 3 放到陳述句 1、陳述句 2 前面,也不會講陳述句 3 放到陳述句 4、陳述句 5 后面,但是要注意陳述句 1 和陳述句 2 的順序、陳述句 4 和陳述句 5 的順序是不作任何保證的,

使用 Volatile 一般用于 狀態標記量 和 單例模式的雙檢鎖

6、Thread 類中的 start() 和 run() 方法有什么區別?

start()方法被用來啟動新創建的執行緒,而且 start()內部呼叫了 run()方法,這和直接呼叫 run()方法的效果不一樣,當你呼叫 run()方法的時候,只會是在原來的執行緒中呼叫,沒有新的執行緒啟動,start()方法才會啟動新執行緒,

7、為什么 wait, notify 和 notifyAll 這些方法不在 thread 類里面?

明顯的原因是 JAVA 提供的鎖是物件級的而不是執行緒級的,每個物件都有鎖,通過執行緒獲得,如果執行緒需要等待某些鎖那么呼叫物件中的 wait()方法就有意義了,如果 wait()方法定義在 Thread 類中,執行緒正在等待的是哪個鎖就不明顯了,簡單的說,由于 wait,notify 和 notifyAll 都是鎖級別的操作,所以把他們定義在 Object 類中因為鎖屬于物件,

8、為什么 wait 和 notify 方法要在同步塊中呼叫?

(1)只有在呼叫執行緒擁有某個物件的獨占鎖時,才能夠呼叫該物件的 wait(),notify()和 notifyAll()方法,

(2)如果你不這么做,你的代碼會拋出 IllegalMonitorStateException 例外,

(3)還有一個原因是為了避免 wait 和 notify 之間產生競態條件,

wait()方法強制當前執行緒釋放物件鎖,這意味著在呼叫某物件的 wait()方法之前,當前執行緒必須已經獲得該物件的鎖,因此,執行緒必須在某個物件的同步方法或同步代碼塊中才能呼叫該物件的 wait()方法,

在呼叫物件的 notify()和 notifyAll()方法之前,呼叫執行緒必須已經得到該物件的鎖,因此,必須在某個物件的同步方法或同步代碼塊中才能呼叫該物件的 notify()或 notifyAll()方法,

呼叫 wait()方法的原因通常是,呼叫執行緒希望某個特殊的狀態(或變數)被設定之后再繼續執行,呼叫 notify()或 notifyAll()方法的原因通常是,呼叫執行緒希望告訴其他等待中的執行緒:“特殊狀態已經被設定”,這個狀態作為執行緒間通信的通道,它必須是一個可變的共享狀態(或變數),

9、Java 中 interrupted 和 isInterruptedd 方法的區別?

interrupted() 和 isInterrupted()的主要區別是前者會將中斷狀態清除而后者不會,Java 多執行緒的中斷機制是用內部標識來實作的,呼叫 Thread.interrupt()來中斷一個執行緒就會設定中斷標識為 true,當中斷執行緒呼叫靜態方法 Thread.interrupted()來檢查中斷狀態時,中斷狀態會被清零,而非靜態方法 isInterrupted()用來查詢其它執行緒的中斷狀態且不會改變中斷狀態標識,簡單的說就是任何拋出 InterruptedException 例外的方法都會將中斷狀態清零,無論如何,一個執行緒的中斷狀態有有可能被其它執行緒呼叫中斷來改變,

10、Java 中 synchronized 和 ReentrantLock 有什么不同?

相似點:

這兩種同步方式有很多相似之處,它們都是加鎖方式同步,而且都是阻塞式的同步,也就是說當如果一個執行緒獲得了物件鎖,進入了同步塊,其他訪問該同步塊的執行緒都必須阻塞在同步塊外面等待,而進行執行緒阻塞和喚醒的代價是比較高的,

區別:

這兩種方式最大區別就是對于 Synchronized 來說,它是 java 語言的關鍵字,是原生語法層面的互斥,需要 jvm 實作,而 ReentrantLock 它是 JDK 1.5 之后提供的 API 層面的互斥鎖,需要 lock()和 unlock()方法配合 try/?nally 陳述句塊來完成,

Synchronized 進過編譯,會在同步塊的前后分別形成 monitorenter 和 monitorexit 這個兩個位元組碼指令,在執行 monitorenter 指令時,首先要嘗試獲取物件鎖,如果這個物件沒被鎖定,或者當前執行緒已經擁有了那個物件鎖,把鎖的計算器加 1,相應的,在執行 monitorexit 指令時會將鎖計算器就減 1,當計算器為 0 時,鎖就被釋放了,如果獲取物件鎖失敗,那當前執行緒就要阻塞,直到物件鎖被另一個執行緒釋放為止,

由于 ReentrantLock 是 java.util.concurrent 包下提供的一套互斥鎖,相比 Synchronized,ReentrantLock 類提供了一些高級功能,主要有以下 3 項:

(1)等待可中斷,持有鎖的執行緒長期不釋放的時候,正在等待的執行緒可以選擇放棄等待,這相當于 Synchronized 來說可以避免出現死鎖的情況,

(2)公平鎖,多個執行緒等待同一個鎖時,必須按照申請鎖的時間順序獲得鎖,Synchronized 鎖非公平鎖,ReentrantLock 默認的建構式是創建的非公平鎖,可以通過引數 true 設為公平鎖,但公平鎖表現的性能不是很好,

(3)鎖系結多個條件,一個 ReentrantLock 物件可以同時系結對個物件,

11、有三個執行緒 T1,T2,T3,如何保證順序執行?

在多執行緒中有多種方法讓執行緒按特定順序執行,你可以用執行緒類的 join()方法在一個執行緒中啟動另一個執行緒,另外一個執行緒完成該執行緒繼續執行,為了確保三個執行緒的順序你應該先啟動最后一個(T3 呼叫 T2,T2 呼叫 T1),這樣 T1 就會先完成而 T3 最后完成,

實際上先啟動三個執行緒中哪一個都行,因為在每個執行緒的 run 方法中用 join 方法限定了三個執行緒的執行順序,

public class JoinTest2 {
    // 1.現在有 T1、T2、T3 三個執行緒,你怎樣保證 T2 在 T1 執行完后執行,T3 在 T2 執行完后執行
    public static void main(String[] args) {
        final Thread t1 = new Thread(new Runnable() {
            @Override
            public void run() {
                System.out.println("t1");
            }
        }
        );
        @Override
        public void run() {
            try {
                // 參考 t1 執行緒,等待 t1 執行緒執行完
                t1.join();
            }
            catch (InterruptedException e) {
                e.printStackTrace();
            }
            System.out.println("t2");
        }
    }
    );
    Thread t3 = new Thread(new Runnable() {
        @Override
        public void run() {
            try {
                // 參考 t2 執行緒,等待 t2 執行緒執行完
                t2.join();
            }
            catch (InterruptedException e) {
                e.printStackTrace();
            }
            System.out.println("t3");
        }
    }
    );
    t3.start();
    //這里三個執行緒的啟動順序可以任意,大家可以試下!
    t2.start();
    t1.start();
}
}

12、SynchronizedMap 和 ConcurrentHashMap 有什么區別?

SynchronizedMap()和 Hashtable 一樣,實作上在呼叫 map 所有方法時,都對整個 map 進行同步,而 ConcurrentHashMap 的實作卻更加精細,它對 map 中的所有桶加了鎖,所以,只要有一個執行緒訪問 map,其他執行緒就無法進入 map,而如果一個執行緒在訪問 ConcurrentHashMap 某個桶時,其他執行緒,仍然可以對 map 執行某些操作,

所以,ConcurrentHashMap 在性能以及安全性方面,明顯比 Collections.synchronizedMap()更加有優勢,同時,同步操作精確控制到桶,這樣,即使在遍歷 map 時,如果其他執行緒試圖對 map 進行資料修改,也不會拋出 ConcurrentModi?cationException,

13、什么是執行緒安全

執行緒安全就是說多執行緒訪問同一代碼,不會產生不確定的結果,

在多執行緒環境中,當各執行緒不共享資料的時候,即都是私有(private)成員,那么一定是執行緒安全的,但這種情況并不多見,在多數情況下需要共享資料,這時就需要進行適當的同步控制了,

執行緒安全一般都涉及到 synchronized, 就是一段代碼同時只能有一個執行緒來操作 不然中間程序可能會產生不可預制的結果,

如果你的代碼所在的行程中有多個執行緒在同時運行,而這些執行緒可能會同時運行這段代碼,如果每次運行的 ArrayList 不是執行緒安全的,

14、Thread 類中的 yield 方法有什么作用?

Yield 方法可以暫停當前正在執行的執行緒物件,讓其它有相同優先級的執行緒執行,它是一個靜態方法而且只保證當前執行緒放棄 CPU 占用而不能保證使其它執行緒一定能占用 CPU,執行 yield()的執行緒有可能在進入到暫停狀態后馬上又被執行,

15、Java 執行緒池中 submit() 和 execute()方法有什么區別?

兩個方法都可以向執行緒池提交任務,execute()方法的回傳型別是 void,它定義在 Executor 介面中, 而 submit()方法可以回傳持有計算結果的 Future 物件,它定義在 ExecutorService 介面中,它擴展了 Executor 介面,其它執行緒池類像 ThreadPoolExecutor 和 ScheduledThreadPoolExecutor 都有這些方法,

16、說一說自己對于 synchronized 關鍵字的了解

synchronized 關鍵字解決的是多個執行緒之間訪問資源的同步性,synchronized 關鍵字可以保證被它修飾的方法或者代碼塊在任意時刻只能有一個執行緒執行,

另外,在 Java 早期版本中,synchronized 屬于重量級鎖,效率低下,因為監視器鎖(monitor)是依賴于底層的作業系統的 Mutex Lock 來實作的,Java 的執行緒是映射到作業系統的原生執行緒之上的,如果要掛起或者喚醒一個執行緒,都需要作業系統幫忙完成,而作業系統實作執行緒之間的切換時需要從用戶態轉換到內核態,這個狀態之間的轉換需要相對比較長的時間,時間成本相對較高,這也是為什么早期的 synchronized 效率低的原因,慶幸的是在 Java 6 之后 Java 官方對從 JVM 層面對 synchronized 較大優化,所以現在的 synchronized 鎖效率也優化得很不錯了,JDK1.6 對鎖的實作引入了大量的優化,如自旋鎖、適應性自旋鎖、鎖消除、鎖粗化、偏向鎖、輕量級鎖等技術來減少鎖操作的開銷,

17、說說自己是怎么使用 synchronized 關鍵字,在專案中用到了嗎

synchronized 關鍵字最主要的三種使用方式:

(1)修飾實體方法: 作用于當前物件實體加鎖,進入同步代碼前要獲得當前物件實體的鎖

(2)修飾靜態方法: 也就是給當前類加鎖,會作用于類的所有物件實體,因為靜態成員不屬于任何一個實體物件,是類成員( static 表明這是該類的一個靜態資源,不管 new 了多少個物件,只有一份),所以如果一個執行緒 A 呼叫一個實體物件的非靜態 synchronized 方法,而執行緒 B 需要呼叫這個實體物件所屬類的靜態 synchronized 方法,是允許的,不會發生互斥現象,因為訪問靜態 synchronized 方法占用的鎖是當前類的鎖,而訪問非靜態 synchronized 方法占用的鎖是當前實體物件鎖,

(3)修飾代碼塊: 指定加鎖物件,對給定物件加鎖,進入同步代碼庫前要獲得給定物件的鎖,

總結: synchronized 關鍵字加到 static 靜態方法和 synchronized(class)代碼塊上都是是給 Class 類上鎖,synchronized 關鍵字加到實體方法上是給物件實體上鎖,盡量不要使用 synchronized(String a) 因為 JVM 中,字串常量池具有快取功能!

18、什么是執行緒安全?Vector 是一個執行緒安全類嗎?

如果你的代碼所在的行程中有多個執行緒在同時運行,而這些執行緒可能會同時運行這段代碼,如果每次運

行結果和單執行緒運行的結果是一樣的,而且其他的變數 的值也和預期的是一樣的,就是執行緒安全的,

19、 volatile 關鍵字的作用?

一旦一個共享變數(類的成員變數、類的靜態成員變數)被 volatile 修飾之后,那么就具備了兩層語意:

(1)保證了不同執行緒對這個變數進行操作時的可見性,即一個執行緒修改了某個變數的值,這新值對其他執行緒來說是立即可見的,

(2)禁止進行指令重排序,

(3)volatile 本質是在告訴 jvm 當前變數在暫存器(作業記憶體)中的值是不確定的,需要從主存中讀取;synchronized 則是鎖定當前變數,只有當前執行緒可以訪問該變數,其他執行緒被阻塞住,

(4)volatile 僅能使用在變數級別;synchronized 則可以使用在變數、方法、和類級別的,

(5)volatile 僅能實作變數的修改可見性,并不能保證原子性;synchronized 則可以保證變數的修改可見性和原子性,

(6)volatile 不會造成執行緒的阻塞;synchronized 可能會造成執行緒的阻塞,

(7)volatile 標記的變數不會被編譯器優化;synchronized 標記的變數可以被編譯器優化,

20、常用的執行緒池有哪些?

(1)newSingleThreadExecutor:創建一個單執行緒的執行緒池,此執行緒池保證所有任務的執行順序按照任務的提交順序執行,

(2)newFixedThreadPool:創建固定大小的執行緒池,每次提交一個任務就創建一個執行緒,直到執行緒達到執行緒池的最大大小,

(3)newCachedThreadPool:創建一個可快取的執行緒池,此執行緒池不會對執行緒池大小做限制,執行緒池大小完全依賴于作業系統(或者說 JVM)能夠創建的最大執行緒大小,

(4)newScheduledThreadPool:創建一個大小無限的執行緒池,此執行緒池支持定時以及周期性執行任務的需求,

(5)newSingleThreadExecutor:創建一個單執行緒的執行緒池,此執行緒池支持定時以及周期性執行任務的需求,

21、簡述一下你對執行緒池的理解

(如果問到了這樣的問題,可以展開的說一下執行緒池如何用、執行緒池的好處、執行緒池的啟動策略)合理利用執行緒池能夠帶來三個好處,

(1)降低資源消耗,通過重復利用已創建的執行緒降低執行緒創建和銷毀造成的消耗,

(2)提高回應速度,當任務到達時,任務可以不需要等到執行緒創建就能立即執行,

(3)提高執行緒的可管理性,執行緒是稀缺資源,如果無限制的創建,不僅會消耗系統資源,還會降低系統的穩定性,使用執行緒池可以進行統一的分配,調優和監控,

22、Java 程式是如何執行的

我們日常的作業中都使用開發工具(IntelliJ IDEA 或 Eclipse 等)可以很方便的除錯程式,或者是通過打包工具把專案打包成 jar 包或者 war 包,放入 Tomcat 等 Web 容器中就可以正常運行了

(1)先把 Java 代碼編譯成位元組碼,也就是把 .java 型別的檔案編譯成 .class 型別的檔案,這個程序的大致執行流程:Java 源代碼 -> 詞法分析器 -> 語法分析器 -> 語意分析器 -> 字符碼生成器 -> 最終生成位元組碼,其中任何一個節點執行失敗就會造成編譯失敗;

(2)把 class 檔案放置到 Java 虛擬機,這個虛擬機通常指的是 Oracle 官方自帶的 Hotspot JVM;

(3)Java 虛擬機使用類加載器(Class Loader)裝載 class 檔案;

(4)類加載完成之后,會進行位元組碼效驗,位元組碼效驗通過之后 JVM 解釋器會把位元組碼翻譯成機器碼交由作業系統執行,但不是所有代碼都是解釋執行的,JVM 對此做了優化,比如,以 Hotspot 虛擬機來說,它本身提供了 JIT(Just In Time)也就是我們通常所說的動態編譯器,它能夠在運行時將熱點代碼編譯為機器碼,這個時候位元組碼就變成了編譯執行,Java 程式執行流程圖如下:
在這里插入圖片描述

最后

多執行緒高并發在一些互聯網大廠是面試必問的一個技術點,所以在面試時一定要注重重點,想一些高并發高可用的技術,面試時要掌握節奏,說一些讓面試官眼前一亮的技術,有些基礎的東西能少說就少說,畢竟面試官面了這么多早就聽夠了,越是稀少的越是能激發面試官的興趣,然后掌握在自己的節奏中,

另外本人整理收藏了20年多家公司面試知識點整理 ,以及各種Java核心知識點免費分享給大家,我認為對面試來說是非常有用的,想要資料的話請點795983544 暗號CSDN,

在這里插入圖片描述

在這里插入圖片描述

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

標籤:其他

上一篇:花費我一個多月時間整理出這“全程高能得Java面試題合集”面試首選,跳槽必備!誠意之作,收藏不虧!

下一篇:TronChain波場鏈智能合約之全面解讀

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