React.js入門

-

https://ithelp.ithome.com.tw/articles/10215265 

DOM（Document Object Model）

如果要你說明「網頁」是什麼 

 「UI」。然而對接觸過前端技術的人，可能會認為網頁是一個包含:

  • 元素 : 如: button、div
  • 事件 : 如: 點擊、輸入
    ...等等族繁不及備載。總結來說，就像是一個「提供很多可以操作的介面的程式」。
  • 事實上，這支程式的架構就像是一棵樹、一份整理完善的文件，支幹底下有分支(例如: 元素類別中有按鍵)、分支上有多個樹葉(例如: 按鍵有提供點擊功能)...。這樣的結構，在程式語言中又稱為是「物件導向(Object-orient，簡稱OO)」結構
  • 因此，我們把這個 HTML、XML 和 SVG 文件的程式介面，稱為文件物件模型（Document Object Model, DOM）。

  • 這些常用的語法就是在操作DOM:

    • document.getElementById就是用id在向DOM取得元素。
    • document.getElementById().scrollTop=....就是在修改元素在DOM的scrollTop。

留言

張貼留言

這個網誌中的熱門文章

考績被打差了 輕率離職會更傷

-
  最後是看工作態度與敬業精神，小羊認真負責，但是很少到主管面前走動，主管常常很疑惑他究竟在忙些什麼；而胡大不同，他會主動向主管報備，並提出問題請示主管，在主管心裡留下主動積極的觀感。 考績是一面鏡子，照見的不是你看到的自己，而是主管看到的自己，而主管就是按照以上四個因素在評估你的績效，新的一年就抓緊這四大項辦了吧！ https://www.yes123.com.tw/aboutwork_2020/article.asp?w_id=7082
閱讀完整內容

Arrays - DS (Reverse array) [Easy]

-
  Example Return  . Sample Input 1 Copy Download Array: arr 1 4 3 2 4 1 4 3 2 Sample Output 1 2 3 4 1      static   int [] reverseArray( int [] a) {          int [] b= new   int [a.length];          int  j=a.length;        for  ( int  i= 0 ;i<a.length;i++){          b[j- 1 ]=a[i];          j=j- 1 ;       }        return  b;     }
閱讀完整內容

WireMock

-
(WireMock 在Spring boot 啟動 by chatgpt)  1.在 Spring Boot main 方法中啟動 WireMock Maven: <dependency>     <groupId>com.github.tomakehurst</groupId>     <artifactId>wiremock-jre8</artifactId>     <version>2.35.0</version>     <scope>test</scope> </dependency> 2. 在 Spring Boot main 方法中啟動 WireMock import com.github.tomakehurst.wiremock.WireMockServer; import static com.github.tomakehurst.wiremock.client.WireMock.*; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class Application {     public static void main(String[] args) {         // 啟動 Spring Boot 應用         SpringApplication.run(Application.class, args);         // 啟動 WireMock 伺服器         WireMockServer wireMockServer = new WireMockServer(8081); //...
閱讀完整內容