主頁 > 前端設計 > 不要死磕Java并發了,阿里P7架構師帶你深入剖析synchronized的實作原理

不要死磕Java并發了,阿里P7架構師帶你深入剖析synchronized的實作原理

2020-09-12 20:26:29 前端設計

點關注,不迷路!如果本文對你有幫助的話不要忘記點贊支持哦!

顯示鎖ReentrantLock的內部同步依賴于AQS(AbstractQueuedSynchronizer),因此,分析ReentrantLock必然涉及AQS,

本文假設讀者已熟練掌握AQS的基本原理(參考AQS的基本原理),通過分析ReentrantLock#lock()與ReentrantLock#unlock()的實作原理,用實體幫助讀者理解AQS的等待佇列模型,

JDK版本:oracle java 1.8.0_102

介面宣告

public interface Lock {
    void lock();

    void lockInterruptibly() throws InterruptedException;

    boolean tryLock();

    boolean tryLock(long time, TimeUnit unit) throws InterruptedException;

    void unlock();

    Condition newCondition();
}

ReentrantLock對標內置鎖,實作了Lock介面,忽略Condition相關,主要提供lock、unlock兩種語意,和兩種語意的衍生品,

實作原理

繼承AQS

本文中的“繼承”指“擴展extend”,

AQS復習

AQS并提供了多個未實作的protected方法,留給作者覆寫以開發不同的同步器:

public abstract class AbstractQueuedSynchronizer
    extends AbstractOwnableSynchronizer
    implements java.io.Serializable {
    ...
    protected boolean tryAcquire(int arg) {
        throw new UnsupportedOperationException();
    }
    protected boolean tryRelease(int arg) {
        throw new UnsupportedOperationException();
    }
    protected int tryAcquireShared(int arg) {
        throw new UnsupportedOperationException();
    }
    protected boolean tryReleaseShared(int arg) {
        throw new UnsupportedOperationException();
    }
    protected boolean tryReleaseShared(int arg) {
        throw new UnsupportedOperationException();
    }
    ...
}

而其他非私有方法則使用final修飾,禁止子類覆寫,

繼承

ReentrantLock支持公平、非公平兩種策略,并通過繼承AQS實作了對應兩種策略的同步器NonfairSync與FairSync,ReentrantLock默認使用非公平策略,即NonfairSync:

    public ReentrantLock() {
        sync = new NonfairSync();
    }
    ...
    static final class NonfairSync extends Sync {
        private static final long serialVersionUID = 7316153563782823691L;

        final void lock() {
            ...
        }

        protected final boolean tryAcquire(int acquires) {
            return nonfairTryAcquire(acquires);
        }
    }
    abstract static class Sync extends AbstractQueuedSynchronizer {
        ...
        abstract void lock();

        final boolean nonfairTryAcquire(int acquires) {
            ...
        }

        protected final boolean tryRelease(int releases) {
            ...
        }

        final ConditionObject newCondition() {
            return new ConditionObject();
        }
        ...
    }
    ...

先不追究細節,下面以默認的非公平策略為例,講解lock和unlock的實作,

lock

    public void lock() {
        sync.lock();
    }

非公平策略下,sync指向一個NonfairSync實體,

    static final class NonfairSync extends Sync {
        ...
        final void lock() {
            if (compareAndSetState(0, 1))
                setExclusiveOwnerThread(Thread.currentThread());
            else
                acquire(1);
        }
        ...
    }

ReentrantLock用state表示“所有者執行緒已經重復獲取該鎖的次數”,當state等于0時,表示當前沒有執行緒持有該鎖,因此,將state CAS設定為1,并記錄排他的所有者執行緒ownerThread(ownerThread只會在0->1及1->0兩次狀態轉換中修改);否則,state必然大于0,則嘗試再獲取一次鎖,ownerThread將在state大于0時,用于判斷重入性,

  • 排他性:如果執行緒T1已經持有鎖L,則不允許除T1外的任何執行緒T持有該鎖L
  • 重入性:如果執行緒T1已經持有鎖L,則允許執行緒T1多次獲取鎖L,更確切的說,獲取一次后,可多次進入鎖,

二者結合,描述了ReentrantLock的一個性質:允許ownerThread重入,不允許其他執行緒進入或重入,

acquire

public abstract class AbstractQueuedSynchronizer
    extends AbstractOwnableSynchronizer
    implements java.io.Serializable {
    ...
    public final void acquire(int arg) {
        if (!tryAcquire(arg) &&
            acquireQueued(addWaiter(Node.EXCLUSIVE), arg))
            selfInterrupt();
    }
    static void selfInterrupt() {
        Thread.currentThread().interrupt();
    }
    ...
}

改寫:

public abstract class AbstractQueuedSynchronizer
    extends AbstractOwnableSynchronizer
    implements java.io.Serializable {
    ...
    public final void acquire(int arg) {
        if (tryAcquire(arg)) {
            return;
        }
        Node newNode = addWaiter(Node.EXCLUSIVE);
        boolean interrupted = acquireQueued(newNode, arg);
        if (interrupted) {
            selfInterrupt();
        }
    }
    ...
}

首先,通過tryAcquire()嘗試獲取鎖,按照AQS的約定,tryAcquire()回傳true表示獲取成功,可直接回傳;否則獲取失敗,如果獲取失敗,則向等待佇列中添加一個獨占模式的節點,并通過acquireQueued()阻塞的等待該節點被呼叫(即當前執行緒被喚醒),如果是因為被中斷而喚醒的,則復現中斷信號,

tryAcquire

NonfairSync覆寫了AQS#tryAcquire():

    static final class NonfairSync extends Sync {
        ...
        protected final boolean tryAcquire(int acquires) {
            return nonfairTryAcquire(acquires);
        }
        ...
    }
    abstract static class Sync extends AbstractQueuedSynchronizer {
        ...
        final boolean nonfairTryAcquire(int acquires) {
            final Thread current = Thread.currentThread();
            int c = getState();
            if (c == 0) {
                if (compareAndSetState(0, acquires)) {
                    setExclusiveOwnerThread(current);
                    return true;
                }
            }
            else if (current == getExclusiveOwnerThread()) {
                int nextc = c + acquires;
                if (nextc < 0) // overflow
                    throw new Error("Maximum lock count exceeded");
                setState(nextc);
                return true;
            }
            return false;
        }
        ...
    }

12-17行重復了NonfairSync#lock()中state=0時的狀態轉換,18行進行排他性判斷,如果當前執行緒等于ownerThread,則直接回傳false,否則,19-22行進行重入,state加1(acquires=1),表示所有者執行緒重復獲取該鎖的次數增加1,

實際上,NonfairSync#lock()不需要特殊處理state=0時的狀態轉換,可通過NonfairSync#tryAcquire()、Sync#nonfairTryAcquire()完成,

為什么19-22行不需要同步

注意,如果18行判斷當前執行緒等于ownerThread,則根據程式順序規則,19-22行不需要同步,因為同一執行緒中,第二次呼叫NonfairSync#tryAcquire()時(會進入19-22行),第一次呼叫鎖寫入的state、ownerThread一定是可見的

為什么要用state表示重入次數

如果沒有記錄重入次數,則第一次釋放鎖時,會一次性把ownerThread多次重入的鎖都釋放掉,而此時“鎖中的代碼”還沒有執行完成,造成混亂,

addWaiter

如果tryAcquire()獲取失敗,則要通過AQS#addWaiter()向等待佇列中添加一個獨占模式的節點,并回傳該節點:

public abstract class AbstractQueuedSynchronizer
    extends AbstractOwnableSynchronizer
    implements java.io.Serializable {
    ...
    private Node addWaiter(Node mode) {
        Node node = new Node(Thread.currentThread(), mode);
        // Try the fast path of enq; backup to full enq on failure
        Node pred = tail;
        if (pred != null) {
            node.prev = pred;
            if (compareAndSetTail(pred, node)) {
                pred.next = node;
                return node;
            }
        }
        enq(node);
        return node;
    }
    private Node enq(final Node node) {
        for (;;) {
            Node t = tail;
            if (t == null) { // Must initialize
                if (compareAndSetHead(new Node()))
                    tail = head;
            } else {
                node.prev = t;
                if (compareAndSetTail(t, node)) {
                    t.next = node;
                    return t;
                }
            }
        }
    }
    ...
}

AQS#enq()中重復了9-15行的邏輯,直接看enq(),

如果尾指標為null,則頭指標也一定為null,表示等待佇列未初始化,就CAS初始化佇列(常見于無阻塞佇列的設計中,如原始碼|并發一枝花之BlockingQueue),然后繼續回圈,如果尾指標非null,則佇列已初始化,就CAS嘗試在尾節點后插入新的節點node,

在插入程序中,會出現“node.prev指向舊的尾節點,但舊的尾節點.next為null未指向node(盡管,尾指標指向node)”的狀態,即“佇列在prev方向一致,next方向不一致”,記住該狀態,分析ReentrantLock#unlock()時會用到,

最后,enq()回傳舊的尾節點,但外層的AQS#addWaiter()仍然回傳新節點node,

佇列剛完成初始化時,存在一個dummy node,插入節點時,tail后移指向新節點,head不變仍然指向dummy node,直到呼叫AQS#acquireQueued()時,head才會后移,消除了dummy node,后面分析,

acquireQueued

插入新節點node后,通過AQS#acquireQueued()阻塞的等待該節點被呼叫(即當前執行緒被喚醒):

public abstract class AbstractQueuedSynchronizer
    extends AbstractOwnableSynchronizer
    implements java.io.Serializable {
    ...
    final boolean acquireQueued(final Node node, int arg) {
        boolean failed = true;
        try {
            boolean interrupted = false;
            for (;;) {
                final Node p = node.predecessor();
                if (p == head && tryAcquire(arg)) {
                    setHead(node);
                    p.next = null; // help GC
                    failed = false;
                    return interrupted;
                }
                if (shouldParkAfterFailedAcquire(p, node) &&
                    parkAndCheckInterrupt())
                    interrupted = true;
            }
        } finally {
            if (failed)
                cancelAcquire(node);
        }
    }
    ...
}

該方法是lock程序的核心難點,需要結合AQS#addWaiter()理解AQS內部基于等待佇列的同步模型,

AQS的核心是狀態依賴,可概括為兩條規則:

  • 當狀態還沒有滿足的時候,節點會進入等待佇列,
  • 特別的,獲取成功的節點成為佇列的頭結點,

首先,AQS#addWaiter()會將新節點node加入隊尾(維護規則“當狀態還沒有滿足的時候,節點會進入等待佇列”),然后,AQS#acquireQueued()檢查node的前繼節點是否是頭節點,如果是,則嘗試獲取鎖;如果不是,或獲取所失敗,都會嘗試阻塞等待,

如果11行獲取鎖成功,則更新頭節點(維護規則“獲取成功的節點成為佇列的頭結點”),修改failed標志,并回傳interrupted標志,interrupted初始化為false,可能在17-19行被修改,

初始化佇列后的第一次更新頭結點,直接setHead消除了dummy node,消除之后,實際節點代替了dummy node的作用,但與dummy node不同的是,該節點是持有鎖的,

如果11行判斷前繼節點不是頭節點或獲取鎖失敗,則進入17-19行,AQS.shouldParkAfterFailedAcquire()判斷是否需要阻塞等待,如果需要,則通過AQS#parkAndCheckInterrupt()阻塞等待,直到被喚醒或被中斷,

shouldParkAfterFailedAcquire

AQS.shouldParkAfterFailedAcquire()根據pred.waitStatus判斷新節點node是否應該被阻塞:

public abstract class AbstractQueuedSynchronizer
    extends AbstractOwnableSynchronizer
    implements java.io.Serializable {
    ...
    private static boolean shouldParkAfterFailedAcquire(Node pred, Node node) {
        int ws = pred.waitStatus;
        if (ws == Node.SIGNAL)
            return true;
        if (ws > 0) {
            do {
                node.prev = pred = pred.prev;
            } while (pred.waitStatus > 0);
            pred.next = node;
        } else {
            compareAndSetWaitStatus(pred, ws, Node.SIGNAL);
        }
        return false;
    }
    ...
}

AQS#addWaiter()構造新節點時,pred.waitStatus使用了默認值0,此時,進入14-16行,CAS設定pred.waitStatus為SIGNAL==-1,最后回傳false,

回到AQS#acquireQueued()中后,由于AQS#parkAndCheckInterrupt()回傳false,回圈會繼續進行,假設node的前繼節點pred仍然不是頭結點或鎖獲取失敗,則會再次進入AQS#parkAndCheckInterrupt(),上一輪回圈中,已經將pred.waitStatus設定為SIGNAL==-1,則這次會進入7-8行,直接回傳true,表示應該阻塞,

什么時候會遇到ws > 0的case呢?當pred所維護的獲取請求被取消時,pred.waitStatus會被設定為CANCELLED==1,從而進入9-14行,改寫:

if (ws > 0) {
    do {
        pred = pred.prev;
        node.prev = pred;
    } while (pred.waitStatus > 0);
    pred.next = node;
}

邏輯很簡單,回圈移除所有被取消的前繼節點pred,直到找到未被取消的pred,移除所有被取消的前繼節點后,直接回傳false,

注意,在執行6行之前,佇列處于“node.prev指向最新的前繼節點,但pred.next指向已經移除的后繼節點”的狀態,即“佇列在prev方向一致,next方向不一致”,記住該狀態,分析ReentrantLock#unlock()時會用到,

此處不需要檢查前繼節點是否為null,因為等待佇列的頭結點要么是dummy node,滿足dummy.waitStatus==0;要么是剛替換的real node,滿足real.waitStatus==0;要么是后繼節點已經阻塞的節點,滿足real.waitStatus==SIGNAL==-1,則最晚遍歷到頭結點時,一定會退出回圈,不會出現pred為null的情況,

回到AQS#acquireQueued()后,重新檢查前繼節點是否為頭節點,并作出相應處理,

經過多次回圈執行AQS.shouldParkAfterFailedAcquire()后,等待佇列趨于穩定,最終的穩定狀態為:

  • 除了頭節點,剩余節點都會回傳true,表示需要阻塞等待
  • 除了尾節點,剩余節點都滿足waitStatus==SIGNAL,表示釋放后需要喚醒后繼節點

parkAndCheckInterrupt

public abstract class AbstractQueuedSynchronizer
    extends AbstractOwnableSynchronizer
    implements java.io.Serializable {
...
    private final boolean parkAndCheckInterrupt() {
        LockSupport.park(this);
        return Thread.interrupted();
    }
...
}

AQS#parkAndCheckInterrupt()借助LockSupport.park()實作阻塞等待,最后呼叫Thread.interrupted()檢查是否被中斷,并清除中斷狀態,并回傳中斷標志,

如果是被中斷的,則需要在外層AQS#acquireQueued()中重新設定中斷標志interrupted,并在下一次回圈中回傳,然后在更外層的AQS#acquire()中呼叫AQS.selfInterrupt()重放中斷,

為什么不能直接在AQS#parkAndCheckInterrupt()回傳后中斷?因為回傳中轉標志能提供更大的靈活性,外界可以自行決定是即時重放、稍后重放還是壓根不重放,Condition在得知AQS#acquireQueued()是被中斷的之后,便沒有直接復現中斷,而是根據REINTERRUPT配置決定是否重放,

cancelAcquire

最后,如果在執行AQS#acquire()的程序中拋出任何例外,則取消任務:

public abstract class AbstractQueuedSynchronizer
    extends AbstractOwnableSynchronizer
    implements java.io.Serializable {
    ...
    private void cancelAcquire(Node node) {
        ...
        node.waitStatus = Node.CANCELLED;
        ...
    }
    ...
}

因此,如果指考慮ReentrantLock#lock()方法的話,那么被標記為CACELLED狀態的節點一定在獲取鎖時拋出了例外,AQS.shouldParkAfterFailedAcquire()中清理了這部分CACELLED節點,

超時版ReentrantLock#tryLock()中,還可以由于超時觸發取消,

lock小結

ReentrantLock#lock()收斂后,AQS內部的等待佇列如圖:

image.png

unlock

ReentrantLock#unlcok()與ReentrantLock#lcok()是對偶的,

    public void unlock() {
        sync.release(1);
    }

獲取鎖以單位1進行,釋放鎖時也以單位1進行,

release

public abstract class AbstractQueuedSynchronizer
    extends AbstractOwnableSynchronizer
    implements java.io.Serializable {
    ...
    public final boolean release(int arg) {
        if (tryRelease(arg)) {
            Node h = head;
            if (h != null && h.waitStatus != 0)
                unparkSuccessor(h);
            return true;
        }
        return false;
    }
    ...
}

首先,通過tryRelease()嘗試釋放鎖,按照AQS的約定,tryRelease()回傳true表示已完全釋放,可喚醒所有阻塞執行緒;否則沒有完全釋放,不需要喚醒,如果已完全釋放,則只需要喚醒頭結點的后繼節點,該節點的ownerThread必然與頭結點不同(如果相同,則之前lock時能夠重入,不需要排隊);否則沒有完全釋放,不需要喚醒任何節點,

對于獨占鎖,“完全釋放”表示ownerThread的所有重入操作均已結束,

解釋8行的判斷

如果h == null,則佇列還未初始化(回憶AQS#enq()),如果h.waitStatus == 0,則要么剛剛初始化佇列,只有一個dummy node,沒有后繼節點(回憶AQS#enq());要么后繼節點還沒被阻塞,不需要喚醒(回憶等待佇列的穩定狀態),

tryRelease

對照tryAcquire()分析tryRelease():

    abstract static class Sync extends AbstractQueuedSynchronizer {
        ...
        protected final boolean tryRelease(int releases) {
            int c = getState() - releases;
            if (Thread.currentThread() != getExclusiveOwnerThread())
                throw new IllegalMonitorStateException();
            boolean free = false;
            if (c == 0) {
                free = true;
                setExclusiveOwnerThread(null);
            }
            setState(c);
            return free;
        }
        ...
    }

5-6行很重要,如果存在某執行緒持有鎖,則可以檢查unlock是否被ownerThread觸發;如果不存在執行緒持有鎖,則ownerThread==null,可以檢查是否在未lock的情況下進行unlock,或者重復執行了unlock,

因此,使用ReentrantLock時,try-finally要這么寫:

Lock lock = new ReentrantLock();
lock.lock();
try {
 // do sth
} finally {
 lock.unlcok();
}

確保在呼叫lock()成功之后,才能呼叫unlock(),

接下來,8行判斷是否將要進行1->0的狀態轉換,如果是,則可以完全釋放鎖,將ownerThread置為null,然后設定state,

最后,回傳是否可完全釋放的標志free,

可見性問題

為了抓住核心功能,前面一直忽略了一個很重要的問題——可見性,忽略可見性問題的話,閱讀原始碼基本沒有影響,但自己實作同步器時將帶來噩夢,

以此處為例,是應該先執行8-11行,還是先執行12行呢?或者是無所謂呢?

為保障可見性,必須先執行8-11行,再執行12行,因為exclusiveOwnerThread的可見性要借助于(piggyback)于volatile變數state

    ...
    private transient Thread exclusiveOwnerThread;
    ...
    private volatile int state;
    ...

配套的,也必須先讀state,再讀exclusiveOwnerThread:

    abstract static class Sync extends AbstractQueuedSynchronizer {
        ...
        final boolean nonfairTryAcquire(int acquires) {
            ...
            int c = getState(); // 先讀state
            if (c == 0) {
                ...
            }
            else if (current == getExclusiveOwnerThread()) {    // 再讀exclusiveOwnerThread
                ...
            }
            return false;
        }
        ...
    }

核心是三條Happens-Before規則:

  • 程式順序規則:如果程式中操作A在操作B之前,那么在執行緒中操作A將在操作B之前執行,
  • 傳遞性:如果操作A在操作B之前執行,并且操作B在操作C之前執行,那么操作A必須在操作C之前執行,
  • volatile變數規則:對volatile變數的寫入操作必須在對該變數的讀操作之前執行,

具體來說,“先寫exclusiveOwnerThread再寫state;先讀state再讀exclusiveOwnerThread”的方案,保證了“在讀state之后,發生在寫state之前的寫exclusiveOwnerThread操作發生在讀state之后的讀exclusiveOwnerThread操作一定是可見的”,

程式順序規則、傳遞性兩潭訓本規則,經常與監視器鎖規則、volatile變數規則顯示的搭配,一定要掌握

相對的,執行緒啟動規則、執行緒結束規則、中斷規則、終結器規則則通常被隱式的使用,

unparkSuccessor

public abstract class AbstractQueuedSynchronizer
    extends AbstractOwnableSynchronizer
    implements java.io.Serializable {
    ...
    private void unparkSuccessor(Node node) {
        int ws = node.waitStatus;
        if (ws < 0)
            compareAndSetWaitStatus(node, ws, 0);

        Node s = node.next;
        if (s == null || s.waitStatus > 0) {
            s = null;
            for (Node t = tail; t != null && t != node; t = t.prev)
                if (t.waitStatus <= 0)
                    s = t;
        }
        if (s != null)
            LockSupport.unpark(s.thread);
    }
    ...
}

對lock程序的分析中,我們得知,佇列中所有節點的waitStatus要么為0,要么為SIGNAL==-1,當node.waitStatus==SIGNAL時,表示node的后繼節點s已被阻塞或正在被阻塞,現在需要喚醒s,則7-8行將node.waitStatus置0,

注意,node.waitStatus一定不為CANCELLED==1,因為如果lock()方法沒有執行成功,就無法通過unlock()方法呼叫AQS#unparkSuccessor(),

接下來,10-18行從尾節點向前遍歷,找到node后最靠近node的未取消的節點,如果存在該節點s(s!=null),就喚醒s.thread以競爭鎖,

一致性問題

為什么要從尾節點向前遍歷,而不能從node向后遍歷?這是因為,AQS中的等待佇列基于一個弱一致性雙向鏈表實作,允許某些時刻下,佇列在prev方向一致,next方向不一致

理想情況下,佇列每時每刻都處于一致的狀態(強一致性模型),從node向后遍歷找第一個未取消節點是更高效的做法,然而,維護一致性通常需要犧牲部分性能,為了進一步的提升性能,腦洞大開的神牛們想出了各種高性能的弱一致性模型,盡管模型允許了更多弱一致狀態,但所有弱一致狀態都在控制之下,不會出現一致性問題,

回憶lock程序的分析,有兩個地方出現了這個弱一致狀態:

  • AQS#enq()插入新節點(包括AQS#addWaiter())的程序中,舊的尾節點next為null未指向新節點,對應條件s == null,如圖:

image.png

  • AQS.shouldParkAfterFailedAcquire()移除CACELLED節點的程序中,中間節點指向已被移除的CACELLED節點,對應條件s.waitStatus > 0,如圖:

image.png

因此,從node開始,沿著next方向向后遍歷是行不通的,只能從tail開始,沿著prev方向向前遍歷,直到找到未取消的節點(s != null),或遍歷完node的所有后繼子孫(s == null

當然,s == null也可能表示node恰好是尾節點,該狀態是強一致的,但仍然可以復用該段代碼,

unlock小結

ReentrantLock#unlock()收斂后,AQS內部的等待佇列如圖:

總結

本文的目標是借助對ReentrantLock#lock()與ReentrantLock#unlock()的分析,理解AQS的等待佇列模型,

實際上,ReentrantLock還有一些重要的特性和API,如ReentrantLock#lockInterruptibly()、ReentrantLock#newCondition(),后面分先后分析這兩個API,加深對AQS的理解,

到此這篇關于文章就結束了!

點關注,不迷路!如果本文對你有幫助的話不要忘記點贊支持哦!

上述面試題答案都整理成檔案筆記, 也還整理了一些面試資料&最新2020收集的一些大廠的面試真題(都整理成檔案,小部分截圖),有需要的可以 點擊進入暗號:csdn ,

希望對大家有所幫助,有用的話點贊給我支持!

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

標籤:其他

上一篇:面臨挑戰:2020最新Spring面試題詳解(上)

下一篇:使用DOCKER 在WINDOWS 上編譯 OpenHarmony

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