主頁 > 前端設計 > 基礎篇:深入決議JAVA注解機制

基礎篇:深入決議JAVA注解機制

2020-10-07 01:57:46 前端設計

目錄標題

  • java實作注解的底層原理和概念
  • 五種元注解詳解
  • 使用動態代理機制處理注解
  • spring.AOP和注解機制
  • (題外)@FunctionalInterface原理介紹
    • 歡迎指正文中錯誤
  • 關注公眾號,一起交流
  • 參考文章

java實作注解的底層原理和概念

  • java注解是JDK1.5引入的一種注釋機制,java語言的類、方法、變數、引數和包都可以被注解標注,和Javadoc不同,java注解可以通過反射獲取標注內容
  • 在編譯器生成.class檔案時,注解可以被嵌入位元組碼中,而jvm也可以保留注解的內容,在運行時獲取注解標注的內容資訊
  • java提供的注解可以分成兩類:


作用在代碼上的功能注解(部分):

注解名稱功能描述
@Override檢查該方法是否是重寫方法,如果發現其父類,或者是參考的介面中并沒有該方法時,會報編譯錯誤
@Deprecated標記過時方法,如果使用該方法,會報編譯警告
@SuppressWarnings指示編譯器去忽略注釋解中宣告的警告
@FunctionalInterfacejava8支持,標識一個匿名函式或函式式介面


讓給程式員開發自定義注解的元注解(和關鍵字@interface配合使用的注解)

元注解名稱功能描述
@Retention標識這個注釋解怎么保存,是只在代碼中,還是編入類檔案中,或者是在運行時可以通過反射訪問
@Documented標識這些注解是否包含在用戶檔案中
@Target標識這個注解的作用范圍
@Inherited標識注解可被繼承類獲取
@Repeatable標識某注解可以在同一個宣告上使用多次
  • Annotation是所有注解類的共同介面,不用顯示實作,注解類使用@interface定義(代表它實作Annotation介面),搭配元注解使用,如下
package java.lang.annotation;
public interface Annotation {
    boolean equals(Object obj);
    int hashCode();
    String toString();
    // 回傳定義的注解型別,你在代碼宣告的@XXX,相當于該型別的一實體
    Class<? extends Annotation> annotationType();
}
-----自定義示例-----
@Retention( value = RetentionPolicy.RUNTIME)
@Target(value = ElementType.TYPE)
public @interface ATest {
	String hello() default  "siting";
}

ATest的位元組碼檔案,編譯器讓自定義注解實作了Annotation介面

public abstract @interface com/ATest implements java/lang/annotation/Annotation {
  // compiled from: ATest.java
  @Ljava/lang/annotation/Retention;(value=Ljava/lang/annotation/RetentionPolicy;.RUNTIME)
  @Ljava/lang/annotation/Target;(value={Ljava/lang/annotation/ElementType;.TYPE})
  // access flags 0x401
  public abstract hello()Ljava/lang/String;
    default="siting"
}
  • 自定義注解型別時,一般需要用@Retention指定注解保留范圍RetentionPolicy,@Target指定使用范圍ElementType,RetentionPolicy保留范圍只能指定一個,ElementType使用范圍可以指定多個
  • 注解資訊怎么和代碼關聯在一起,java所有事物都是類,注解也不例外,加入代碼System.setProperty("sum.misc.ProxyGenerator.saveGeneratedFiles","true"); 可生成注解相應的代理類

    在代碼里定義的注解,會被jvm利用反射技術生成一個代理類,然后和被注釋的代碼(類,方法,屬性等)關聯起來

五種元注解詳解

  • @Retention:指定注解資訊保留階段,有如下三種列舉選擇,只能選其一
public enum RetentionPolicy {
    /** 注解將被編譯器丟棄,生成的class不包含注解資訊 */
    SOURCE,
    /** 注解在class檔案中可用,但會被JVM丟棄;當注解未定義Retention值時,默認值是CLASS */
    CLASS,
    /** 注解資訊在運行期(JVM)保留(.class也有),可以通過反射機制讀取注解的資訊,
      * 操作方法看AnnotatedElement(所有被注釋類的父類) */
    RUNTIME
}
  • @Documented:作用是告訴JavaDoc工具,當前注解本身也要顯示在Java Doc中(不常用)
  • @Target:指定注解作用范圍,可指定多個
public enum ElementType {
    /** 適用范圍:類、介面、注解型別,列舉型別enum */
    TYPE,
    /** 作用于類屬性 (includes enum constants) */
    FIELD,
    /** 作用于方法 */
    METHOD,
    /** 作用于引數宣告 */
    PARAMETER,
    /** 作用于建構式宣告 */
    CONSTRUCTOR,
    /** 作用于區域變數宣告 */
    LOCAL_VARIABLE,
    /** 作用于注解宣告 */
    ANNOTATION_TYPE,
    /** 作用于包宣告 */
    PACKAGE,
    /** 作用于型別引數(泛型引數)宣告 */
    TYPE_PARAMETER,
    /** 作用于使用型別的任意陳述句(不包括class) */
    TYPE_USE
}

TYPE_PARAMETER的用法示例

class D<@PTest T> { } // 注解@PTest作用于泛型T

TYPE_USE的用法示例

//用于父類或者介面 
class Test implements @Parent TestP {} 

//用于建構式
new @Test String("/usr/data")

//用于強制轉換和instanceof檢查,注意這些注解中用于外部工具
//它們不會對型別轉換或者instanceof的檢查行為帶來任何影響
String path=(@Test String)input;
if(input instanceof @Test String) //注解不會影響

//用于指定例外
public Person read() throws @Test IOException.

//用于通配符系結
List<@Test ? extends Data>
List<? extends @Test Data>

@Test String.class //非法,不能標注class
  • @Inherited:表示當前注解會被注解類的子類繼承,即在子類Class<T>通過getAnnotations()可獲取父類被@Inherited修飾的注解,而注解本身是不支持繼承
@Inherited
@Retention( value = RetentionPolicy.RUNTIME)
@Target(value = ElementType.TYPE)
public @interface ATest {  }
----被ATest注解的父類PTest----
@ATest
public class PTest{ }

---Main是PTest的子類----
public class Main extends PTest {
    public static void main(String[] args){
        Annotation an = Main.class.getAnnotations()[0];
  		//Main可以拿到父類的注解ATest,因為ATest被元注解@Inherited修飾
        System.out.println(an);
    }
}  
---result--
@com.ATest()  
  • @Repeatable:JDK1.8新加入的,表明自定義的注解可以在同一個位置重復使用,在沒有該注解前,是無法在同一個型別上使用相同的注解多次
  //Java8前無法重復使用注解
  @FilterPath("/test/v2")
  @FilterPath("/test/v1")
  public class Test {}

使用動態代理機制處理注解

  • 反射機制獲取注解資訊
--- 作用于注解的注解----
@Inherited
@Retention( value = RetentionPolicy.RUNTIME)
@Target(value = {ElementType.ANNOTATION_TYPE})
public @interface AnnotationTest {
    String value() default "AnnotationTest";
}
------父類-------
public class PTest {}
------被注解修飾的package-info.java------
//package-info.java
@AnTest("com-package-info")
package com;
-------------
@AnnotationTest("AnnotationTest")
@Inherited
@Retention( value = RetentionPolicy.RUNTIME)
@Target(value = {ElementType.TYPE_USE,ElementType.PACKAGE,ElementType.FIELD,
        ElementType.TYPE_PARAMETER,ElementType.CONSTRUCTOR,ElementType.LOCAL_VARIABLE})
public @interface AnTest  {
    String value() default  "siting";
}

運行示例

//注解類
@AnTest("mainClass")
//注解泛型引數                                       //注解繼承父類
public class Main<@AnTest("parameter") T > extends @AnTest("parent") PTest {
    @AnTest("constructor")  //注解建構式
    Main(){ }
    //注解欄位域
    private @AnTest("name") String name;
    //注解泛型欄位域
    private @AnTest("value") T value;
    //注解通配符
    private @AnTest("list")List<@AnTest("generic") ?>list;
    //注解方法
    @AnTest("method")                       //注解方法引數
    public String hello(@AnTest("methodParameter") String name)
            throws @AnTest("Exception") Exception { // 注解拋出例外
        //注解區域變數,現在運行時暫時無法獲取(忽略)
        @AnTest("result") String result;
        result = "siting";
        System.out.println(name);
        return  result;
    }

    public static void main(String[] args) throws Exception {

        Main<String>  main = new Main<> ();
        Class<Main<Object>> clazz = (Class<Main<Object>>) main.getClass();
        //class的注解
        Annotation[] annotations = clazz.getAnnotations();
        AnTest testTmp = (AnTest) annotations[0];
        System.out.println("修飾Main.class注解value: "+testTmp.value());
        //構造器的注解
        Constructor<Main<Object>> constructor = (Constructor<Main<Object>>) clazz.getDeclaredConstructors()[0];
        testTmp = constructor.getAnnotation(AnTest.class);
        System.out.println("修飾構造器的注解value: "+testTmp.value());
        //繼承父類的注解
        AnnotatedType annotatedType = clazz.getAnnotatedSuperclass();
        testTmp = annotatedType.getAnnotation(AnTest.class);
        System.out.println("修飾繼承父類的注解value: "+testTmp.value());
        //注解的注解
        AnnotationTest annotationTest = testTmp.annotationType().getAnnotation(AnnotationTest.class);
        System.out.println("修飾注解的注解AnnotationTest-value: "+annotationTest.value());
        //泛型引數 T 的注解
        TypeVariable<Class<Main<Object>>> variable = clazz.getTypeParameters()[0];
        testTmp = variable.getAnnotation(AnTest.class);
        System.out.println("修飾泛型引數T注解value: "+testTmp.value());
        //普通欄位域 的注解
        Field[] fields = clazz.getDeclaredFields();
        Field nameField = fields[0];
        testTmp = nameField.getAnnotation(AnTest.class);
        System.out.println("修飾普通欄位域name注解value: "+testTmp.value());
        //泛型欄位域 的注解
        Field valueField = fields[1];
        testTmp = valueField.getAnnotation(AnTest.class);
        System.out.println("修飾泛型欄位T注解value: "+testTmp.value());
        //通配符欄位域 的注解
        Field listField = fields[2];
        AnnotatedParameterizedType annotatedPType = (AnnotatedParameterizedType)listField.getAnnotatedType();
        testTmp = annotatedPType.getAnnotation(AnTest.class);
        System.out.println("修飾泛型注解value: "+testTmp.value());
        //通配符注解 的注解
        AnnotatedType[] annotatedTypes = annotatedPType.getAnnotatedActualTypeArguments();
        AnnotatedWildcardType annotatedWildcardType = (AnnotatedWildcardType) annotatedTypes[0];
        testTmp = annotatedWildcardType.getAnnotation(AnTest.class);
        System.out.println("修飾通配符注解value: "+testTmp.value());
        //方法的注解
        Method method = clazz.getDeclaredMethod("hello", String.class);
        annotatedType = method.getAnnotatedReturnType();
        testTmp = annotatedType.getAnnotation(AnTest.class);
        System.out.println("修飾方法的注解value: "+testTmp.value());
        //例外的注解
        annotatedTypes =  method.getAnnotatedExceptionTypes();
        testTmp = annotatedTypes[0].getAnnotation(AnTest.class);
        System.out.println("修飾方法拋出錯誤的注解value: "+testTmp.value());
        //方法引數的注解
        annotatedTypes = method.getAnnotatedParameterTypes();
        testTmp = annotatedTypes[0].getAnnotation(AnTest.class);
        System.out.println("修飾方法引數注解value: "+testTmp.value());
        //包的注解
        Package p = Package.getPackage("com");
        testTmp = p.getAnnotation(AnTest.class);
        System.out.println("修飾package注解value: "+testTmp.value());
        main.hello("hello");
    }
}

結果

修飾Main.class注解value: mainClass
修飾構造器的注解value: constructor
修飾繼承父類的注解value: parent
修飾注解的注解AnnotationTest-value: AnnotationTest
修飾泛型引數T注解value: parameter
修飾普通欄位域name注解value: name
修飾泛型欄位T注解value: value
修飾泛型注解value: list
修飾通配符注解value: generic
修飾方法的注解value: method
修飾方法拋出錯誤的注解value: Exception
修飾方法引數注解value: methodParameter
修飾package注解value: com-package-info
hello

spring.AOP和注解機制

spring.AOP相當于動態代理和注解機制在spring框架的結合實作

  • 前要知識:面向切面編程(AOP)和動態代理
    • C是面向程序編程的,java則是面向物件編程,C++則是兩者兼備,它們都是一種規范和思想,面向切面編程也一樣,可以簡單理解為:切面編程專注的是區域代碼,主要為某些點植入增強代碼
    • 考慮要區域加入增強代碼,使用動態代理則是最好的實作,在被代理方法呼叫的前后,可以加入需要的增強功能;因此spring的切面編程是基于動態代理的
    • 切面的概念
概念描述
通知(Advice)需要切入的增強代碼邏輯被稱為通知
切點(Pointcut)定義增強代碼在何處執行
切面(Aspect)切面是通知和切點的集合
連接點(JoinPoint)在切點基礎上,指定增強代碼在切點執行的時機(在切點前,切點后,拋出例外后等)
目標(target)被增強目標類
  • spring.aop提供的切面注解
切面編程相關注解功能描述
@Aspect作用于類,宣告當前方法類是增強代碼的切面類
@Pointcut作用于方法,指定需要被攔截的其他方法,當前方法則作為攔截集合名使用
  • spring的通知注解其實是通知+指定連接點組成,分五種(Before、After、After-returning、After-throwing、Around)
spring通知(Advice)注解功能描述
@After增強代碼在@Pointcut指定的方法之后執行
@Before增強代碼在@Pointcut指定的方法之前執行
@AfterReturning增強代碼在@Pointcut指定的方法 return回傳之后執行
@Around增強代碼可以在被攔截方法前后執行
@AfterThrowing增強代碼在@Pointcut指定的方法拋出例外之后執行
  • 在spring切面基礎上,開發具有增強功能的自定義注解 (對注解進行切面)
新建spring-web + aop 專案;新建如下class
------ 目標Controller ------
@RestController
public class TestController {
    @STAnnotation
    @RequestMapping("/hello")
    public String hello(){  return "hello@csc";  }
}
------ Controller注解 -------
@Retention( value = RetentionPolicy.RUNTIME)
@Target(value = ElementType.METHOD)
public @interface STAnnotation {
    String value() default "注解hello!";
}
------ Controller切面 ------
@Aspect
@Component
public class ControllerAspect {
    //切點:注解指定關聯 (對注解進行切面)
    @Pointcut("@annotation(STAnnotation)")
    public void controllerX(){}
    //切點:路徑指定關聯
    @Pointcut("execution(public * com.example.demo.TestController.*(..))")
    public void controllerY(){}
    //在controllerY()切點執行之前的連接點加入通知
    @Before("controllerY()")
    public void yBefore(JoinPoint joinPoint) throws Throwable {
    	//可以加入增強代碼
        MethodSignature methodS = (MethodSignature)joinPoint.getSignature();
        Method method = methodS.getMethod();
        if (method.isAnnotationPresent(STAnnotation.class)) {
            STAnnotation annotation = method.getAnnotation(STAnnotation.class);
            System.out.println(annotation.value());
        }
        System.out.println("controllerY");
    }
    //controllerX()切點執行之后的連接點加入通知
    @After("controllerX()")
    public void xBefore(JoinPoint joinPoint) throws Throwable {
    	//可以加入增強代碼
        System.out.println("controllerX");
    }
}

啟動專案;執行curl http://127.0.0.1:8080/hello,控制臺輸出如下

(題外)@FunctionalInterface原理介紹

  • Lambda 運算式的結構:(…args)-> { … code }
    • lambda在python,C++都對應的定義,java也有,lambda一般由入參,處理程序組成,如果處理代碼只有一行,中括號{} 可以省略,其實就是簡化的函式,在java里,lambda用函式式介面實作
  • @FunctionalInterface作用于介面,介面可以接受lambda運算式作為右值,此類介面又叫函式式介面,其規定修飾的介面只能有一個抽象的方法(不包扣靜態方法和默認、私有方法),attention:不加@FunctionalInterface修飾,只定義一個抽象方法的介面默認也是函式式介面
@FunctionalInterface
public interface Func {  void hello(String name); }
---------------------
public static void main(String[] args) {
        Func func = (name) -> System.out.println(name);
        func.hello("siting");
    }

查看對應的Main.class位元組碼檔案 javap.exe -p -v -c Main.class

Constant pool:
   #1 = Methodref          #8.#28         // java/lang/Object."<init>":()V
   //常量值中前面的#0表示引導方法取BootstrapMethods屬性表的第0項(位元組碼在最下面)
   #2 = InvokeDynamic      #0:#33         // #0:hello:()Lcom/Func;
   #3 = String             #34            // siting
   #4 = InterfaceMethodref #35.#36        // com/Func.hello:(Ljava/lang/String;)V
   #5 = Fieldref           #37.#38        // java/lang/System.out:Ljava/io/PrintStream;
   #6 = Methodref          #39.#40        // java/io/PrintStream.println:(Ljava/lang/String;)V
   #7 = Class              #41            // com/Main
 .... // main執行位元組碼
 public static void main(java.lang.String[]);
    descriptor: ([Ljava/lang/String;)V
    flags: ACC_PUBLIC, ACC_STATIC
    Code:
      stack=2, locals=2, args_size=1
      	 // 動態獲得一個CallSite物件,該物件是一個內部類,實作了Func介面
         0: invokedynamic #2,  0              // InvokeDynamic #0:hello:()Lcom/Func;
         5: astore_1
         6: aload_1
         7: ldc           #3                  // String siting
         // 呼叫CallSite物件的hello方法
         9: invokeinterface #4,  2            // InterfaceMethod com/Func.hello:(Ljava/lang/String;)V
        14: return
.... //lambda運算式 會編譯出私有靜態類        
private static void lambda$main$0(java.lang.String);
    descriptor: (Ljava/lang/String;)V
    flags: ACC_PRIVATE, ACC_STATIC, ACC_SYNTHETIC
    Code:
      stack=2, locals=1, args_size=1
         0: getstatic     #5                  // Field java/lang/System.out:Ljava/io/PrintStream;
         3: aload_0
         4: invokevirtual #6                  // Method java/io/PrintStream.println:(Ljava/lang/String;)V
         7: return
.... //lambda運算式 會編譯出一個對應的內部類         
SourceFile: "Main.java"
InnerClasses:
     public static final #59= #58 of #62; //Lookup=class java/lang/invoke/MethodHandles$Lookup of class java/lang/invoke/MethodHandles
BootstrapMethods:
  0: #30 invokestatic java/lang/invoke/LambdaMetafactory.metafactory:(Ljava/lang/invoke/MethodHandles$Lookup;Ljava/lang/String;Ljava/lang/invoke/MethodType;Ljava/lan
g/invoke/MethodType;Ljava/lang/invoke/MethodHandle;Ljava/lang/invoke/MethodType;)Ljava/lang/invoke/CallSite;
    Method arguments:
      #31 (Ljava/lang/String;)V
      //呼叫Main方法里的lambda$main$0靜態方法(真正執行lambda的邏輯的方法)
      #32 invokestatic com/Main.lambda$main$0:(Ljava/lang/String;)V
      #31 (Ljava/lang/String;)V

從上面的位元組碼可看出,1:lambda運算式會被編譯成一個私有靜態方法和一個內部類;2:內部類實作了函式式介面,而實作方法會呼叫一個Main.class里一靜態方法 3:靜態方法lambda$main$0里是我們自己寫的代碼邏輯,運行引數加上-Djdk.internal.lambda.dumpProxyClasses可以查看lambda對應內部類的具體資訊

  • 常用函式式介面
介面描述
Predicate判斷:傳入一個引數,回傳一個bool結果, 方法為boolean test(T t)
Consumer消費:傳入一個引數,無回傳值, 方法為void accept(T t)
Function轉化處理:傳入一個引數,回傳一個結果,方法為R apply(T t)
Supplier生產:無引數傳入,回傳一個結果,方法為T get()
BiFunction轉化處理:傳入兩個個引數,回傳一個結果,方法R apply(T t, U u)
BinaryOperator二元運算子, 傳入的兩個引數的型別和回傳型別相同, 繼承 BiFunction

歡迎指正文中錯誤

關注公眾號,一起交流

參考文章

  • Annotation詳解
  • Java注解(Annotation)原理詳解
  • Java Lambda運算式 實作原理分析

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

標籤:其他

上一篇:全面理解SpringBoot的組態檔

下一篇: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