整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          Java和JavaScript區別與聯系

          Java和JavaScript區別與聯系

          ava簡介

          Java是一種強大而多用途的編程語言,由Sun Microsystems在1995年首次發布。James Gosling和他的團隊設計了Java,目的是為了創建一種能夠跨平臺運行的語言。

          以下是Java的一些主要特點:

          • 跨平臺性: Java程序可以在不同的操作系統上運行,只需在目標系統上安裝Java虛擬機(JVM)。
          • 面向對象: Java是一種純粹的面向對象編程語言,所有的代碼都必須寫在類中。這種設計風格使得Java更加模塊化和可維護。
          • 強類型: Java是一種靜態類型語言,變量的類型在編譯時就已經確定,這有助于提高代碼的健壯性。
          • 豐富的庫: Java擁有龐大而強大的標準類庫,涵蓋了各種領域,從網絡編程到圖形用戶界面(GUI)開發。

          JavaScript簡介

          與Java有相似的名字,但實際上Java和JavaScript是兩種截然不同的語言。JavaScript最初是由Netscape公司開發,旨在通過在網頁上添加交互性來提升用戶體驗。

          以下是JavaScript的一些關鍵特點:

          • 輕量級: JavaScript是一種輕量級腳本語言,與Java相比,學習和使用成本相對較低。
          • 動態類型: JavaScript是一種動態類型語言,變量的類型在運行時確定。這為開發者提供了更大的靈活性,但也可能引發一些潛在的錯誤。
          • 事件驅動: JavaScript通常用于處理網頁上的事件,比如用戶的點擊、滾動等。這種事件驅動的特性使得它在前端開發中非常強大。
          • 原型繼承: JavaScript使用原型繼承,對象可以直接從其他對象繼承屬性和方法,這與Java的經典類繼承有很大區別。

          語法和特性比較

          語法差異

          Java語法

          在Java中,變量的類型需要在聲明時明確指定,并且在編譯時進行類型檢查。以下是Java中的一個簡單示例:

          // Java
          int num=10;
          String text="Hello";
          

          JavaScript語法

          相比之下,JavaScript是一種動態類型語言,變量的類型在運行時決定。以下是JavaScript的相應示例:

          // JavaScript
          var num=10;
          var text="Hello";
          

          動態類型使得JavaScript更加靈活,但也容易引發一些類型相關的錯誤。

          面向對象差異

          Java面向對象

          Java是一種純粹的面向對象語言,所有的代碼都必須寫在類中。以下是Java中的一個類的簡單示例:

          // Java
          class Car {
              private String model;
          
              public Car(String model) {
                  this.model=model;
              }
          
              public String getModel() {
                  return model;
              }
          }
          

          JavaScript面向對象

          JavaScript采用原型繼承的方式,對象可以直接從其他對象繼承屬性和方法。以下是JavaScript中的相應示例:

          // JavaScript
          function Car(model) {
              this.model=model;
          }
          
          Car.prototype.getModel=function() {
              return this.model;
          };
          

          這種原型繼承的方式與Java的經典類繼承有很大的區別。

          應用領域比較

          Java應用領域

          Java廣泛應用于多個領域,主要體現在以下方面:

          • 企業級應用開發: Java因其穩定性和可擴展性而在企業級應用中得到廣泛應用。大型系統的后端服務、ERP(企業資源規劃)系統等常常采用Java進行開發。
          • Android應用開發: Java是Android平臺的主要開發語言,通過Java編寫的Android應用可以在各種設備上運行。
          • 大數據處理: Java在大數據領域的應用也很顯著,Hadoop和Spark等大數據處理框架都是使用Java編寫的。

          JavaScript應用領域

          JavaScript最初是為了在網頁上添加交互性而設計的,但隨著技術的發展,它的應用領域不斷擴展:

          • 前端開發: JavaScript是前端開發的核心語言,用于實現網頁的動態效果和用戶交互。
          • 全棧開發: 隨著Node.js的出現,JavaScript也能在服務器端運行,使得開發者可以使用相同的語言進行前后端開發,實現全棧開發。
          • 移動應用開發: 使用框架如React Native或Ionic,開發者可以使用JavaScript構建跨平臺的移動應用。

          工具和框架比較

          Java工具和框架

          Java工具

          Java擁有豐富的工具生態系統,其中一些主要工具包括:

          • Maven: 用于項目管理和構建的工具,能夠管理項目的依賴關系,并自動構建項目。
          • Gradle: 與Maven類似的構建工具,但更加靈活,支持自定義構建腳本。
          • Eclipse和IntelliJ IDEA: 兩者都是流行的集成開發環境(IDE),提供豐富的功能用于Java開發。

          Java框架

          Java框架是幫助開發者更高效地構建應用程序的工具集。一些主要的Java框架包括:

          • Spring框架: 用于構建企業級Java應用程序的全棧框架,包括Spring MVC、Spring Boot等。
          • Hibernate: 用于簡化數據庫操作的對象關系映射(ORM)框架。

          JavaScript工具和框架

          JavaScript工具

          JavaScript的工具生態系統也很龐大,其中一些主要工具包括:

          • npm(Node Package Manager): 用于管理JavaScript包和依賴關系的工具,是Node.js的默認包管理器。
          • Webpack: 用于打包和構建前端項目的工具,支持模塊化開發。
          • Babel: 用于將新版本的JavaScript代碼轉換為向后兼容的舊版本的工具。

          JavaScript框架

          JavaScript框架是在前端和后端開發中廣泛使用的工具,一些主要的JavaScript框架包括:

          • React: 用于構建用戶界面的JavaScript庫,由Facebook開發。
          • Angular: 由Google維護的前端框架,適用于構建大型單頁應用。
          • Node.js: 用于在服務器端運行JavaScript代碼的框架,使得JavaScript能夠實現全棧開發。

          性能比較

          Java性能

          Java因其編譯型的特性,通常具有較高的性能。以下是一些影響Java性能的因素:

          • 即時編譯(JIT): Java代碼在運行時被即時編譯成本地機器代碼,這有助于提高執行速度。
          • 多線程支持: Java的多線程能力使其在處理高并發和大規模數據時表現出色。
          • 垃圾回收: Java的垃圾回收機制有助于管理內存,減少內存泄漏的風險。

          JavaScript性能

          相較于Java,JavaScript的性能一直受到關注,但近年來有了顯著的提升。以下是一些影響JavaScript性能的因素:

          • 運行環境: JavaScript的性能在不同的運行環境中有所差異,例如在瀏覽器中與在Node.js中。
          • 引擎優化: 瀏覽器和Node.js引擎的不斷優化使得JavaScript的性能逐漸提升。
          • 異步編程: JavaScript的異步編程模型允許非阻塞操作,提高了程序的響應性。

          總結

          通過對Java和JavaScript的詳細比較,我們可以得出以下結論:

          • 語法和特性: Java是一種靜態類型語言,而JavaScript是一種動態類型語言。Java在語法上更加嚴格,而JavaScript更加靈活。
          • 面向對象: Java采用經典的類繼承,而JavaScript使用原型繼承的方式,這是兩種不同的面向對象編程范式。
          • 應用領域: Java主要用于企業級應用、Android開發和大數據處理,而JavaScript主要用于前端開發、全棧開發和移動應用開發。
          • 工具和框架: Java擁有豐富的工具和框架,主要應用于企業級開發,而JavaScript在前端和后端開發中都有強大的工具和框架支持。
          • 性能: Java通常具有較高的性能,特別適用于處理大規模數據和高并發場景。JavaScript的性能不斷提升,特別在瀏覽器和Node.js環境中表現較好。

          雖然Java和JavaScript有許多差異,但它們也可以在同一項目中協同工作,實現全棧開發。例如,使用Java構建后端服務,而使用JavaScript構建前端界面,通過API進行通信。

          在選擇使用Java還是JavaScript時,關鍵是根據項目需求和特點來決定。在某些場景下,二者可以相輔相成,為開發者提供更多的選擇和靈活性。

          ava開發已經悄無聲息的走進我們的生活中,無論是手機軟件、手機Java游戲還是電腦軟件等,只要你使用到電子產品就會碰到和Java有關的東西,更多的企業正采用Java語言開發網站,也心音了好多志同道合的朋友開始加入Java開發的行列。千鋒教育強勢推出的Java+大數據的新課程,為更多的Java學習者打造更加先進的Java開發技術。

          我們知道在Java的學習中,Javaweb是我們的必修階段,而在Javaweb開發中,我們學習的第一課便是HTML5和CSS的入門基礎。我們常說的要瀏覽的網頁就是由HTML語言來編寫的,而CSS就是能讓我們的網頁更加絢麗。通過HTML和CSS的編碼來顯示我們的網頁。所以web開發的必備技能便是HTML和CSS。

          那什么是HTML呢?HTML就是超文本標記語言。下面是千鋒小編為大家準備的HTML的發展史,教你一步一步踏入Java的世界。

          HTML1.0-2.0,分別是在1989年和1991年誕生,起初的這兩個版本只有幾個基本的標簽,而且做出來的網頁也不是很好看,但已經支持了超文本。所以幾乎web上的每一個人都有他們的主頁。

          HTML3是在1995年的時候誕生,那時候還誕生了一場漫長而殘酷的瀏覽器戰爭,Netscape和 microsoft都在試圖爭霸世界,每個瀏覽器都在不斷的增加自己的專用擴展包。

          HTML4有1998年誕生,此時瀏覽器戰爭結束web標準誕生,HTML的結構和表現分離到兩種語言,一種語言用于實現結構(HTML);一種語言用于表現(CSS)

          HTML4.01在1999年誕生,與HTML4相比只是做了一些簡單的修補,所有的瀏覽器都采用一直的標準,除了IE瀏覽器,所以web開發人員都要單獨做一些工作。

          XHTML在 2001年誕生,是XML和HTML的結合,只是XHTML相比于HTML的標準更加嚴格。但是web開發人員對HTML的靈活性更加的擁護。

          HTML5是沿用了HTML4.01的大部分特性,提供了體現web新發展的新特性,完全支持XHTML風格的代碼,從此HTML5成為大家公認的標準。也就是我們現在都在用的版本HTML5。

          HTML5 目標是書寫簡潔的HTML代碼,創建更加簡單的web程序。而我們HTML5常用的標簽:標題標簽、段落標簽、無序列表標簽、有序列表標簽等

          我們目前用的CSS3是CSS的新標準,是對CSS2的更新,就像我們美麗的圖片,和我們在照片中做的特效,將我們的網頁裝飾的更加精彩,我們看起來更加舒服。

          高樓之所以能高峨聳立,是因為有地基的權利支撐;同樣的Java開發之所以能夠盡善盡美,是因為我們的HTML和CSS的完美助力,學習Java開發從千鋒開始吧!

          千鋒JavaEE+云數據講師團匯集行業頂尖師資,以從業經驗5年以上的技術大咖面授教學,原華為技術官、IBM技術負責人、中興項目負責人為首的千鋒講師,撐起國內JavaEE+云數據教學第一道防線,力保Java的教學品質。選擇千鋒Java培訓,是你成功的開始,過程中的努力,讓你的成功成為必然!

          文適合有 Java 基礎知識的人群

          本文作者:HelloGitHub-秦人

          HelloGitHub 推出的《講解開源項目》系列,今天給大家帶來一款開源 Java 版一款網頁元素解析框架——jsoup,通過程序自動獲取網頁數據。

          項目源碼地址:https://github.com/jhy/jsoup

          一、項目介紹

          jsoup 是一款 Java 的 HTML 解析器。可直接解析某個 URL 地址的 HTML 文本內容。它提供了一套很省力的 API,可通過 DOM、CSS 以及類似于 jQuery 選擇器的操作方法來取出和操作數據。

          jsoup 主要功能:

          1. 從一個 URL、文件或字符串中解析 HTML。
          2. 使用 DOM 或 CSS 選擇器來查找、取出數據。
          3. 可操作 HTML 元素、屬性、文本。

          二、使用框架

          2.1 準備工作

          • 掌握 HTML 語法
          • Chrome 瀏覽器調試技巧
          • 掌握開發工具 idea 的基本操作

          2.2 學習源碼

          將項目導入 idea 開發工具,會自動下載 maven 項目需要的依賴。源碼的項目結構如下:

          快速學習源碼是每個程序員必備的技能,我總結了以下幾點:

          1. 閱讀項目 ReadMe 文件,可以快速知道項目是做什么的。
          2. 概覽項目 pom.xml 文件,了解項目引用了哪些依賴。
          3. 查看項目結構、源碼目錄、測試用例目錄,好的項目結構清晰,層次明確。
          4. 運行測試用例,快速體驗項目。

          2.3 下載項目

          git clone https://github.com/jhy/jsoup
          

          2.4 運行項目測試代碼

          通過上面的方法,我們很快可知 example 目錄是測試代碼,那我們直接來運行。注:有些測試代碼需要稍微改造一下才可以運行。

          例如,jsoup 的 Wikipedia 測試代碼:

          public class Wikipedia {
              public static void main(String[] args) throws IOException {
                  Document doc = Jsoup.connect("http://en.wikipedia.org/").get();
                  log(doc.title());
          
                  Elements newsHeadlines = doc.select("#mp-itn b a");
                  for (Element headline : newsHeadlines) {
                      log("%s\n\t%s", headline.attr("title"), headline.absUrl("href"));
                  }
              }
          
              private static void log(String msg, String... vals) {
                  System.out.println(String.format(msg, vals));
              }
          }
          

          說明:上面代碼是獲取頁面(http://en.wikipedia.org/)包含(#mp-itn b a)選擇器的所有元素,并打印這些元素的 title , herf 屬性。維基百科 國內無法訪問,所以上面這段代碼運行會報錯。

          改造后可運行的代碼如下:

          public static void main(String[] args) throws IOException {
              Document doc = Jsoup.connect("https://www.baidu.com/").get();
              Elements newsHeadlines = doc.select("a[href]");
              for (Element headline : newsHeadlines) {
                  System.out.println("href: " +headline.absUrl("href") );
              }
          }
          

          三、工作原理

          Jsoup 的工作原理,首先需要指定一個 URL,框架發送 HTTP 請求,然后獲取響應頁面內容,然后通過各種選擇器獲取頁面數據。整個工作流程如下圖:

          以上面為例:

          3.1 發請求

          Document doc = Jsoup.connect("https://www.baidu.com/").get();
          

          這行代碼就是發送 HTTP 請求,并獲取頁面響應數據。

          3.2 數據篩選

          Elements newsHeadlines = doc.select("a[href]");
          

          定義選擇器,獲取匹配選擇器的數據。

          3.3 數據處理

          for (Element headline : newsHeadlines) {
                  System.out.println("href: " +headline.absUrl("href") );
              }
          

          這里對數據只做了一個簡單的數據打印,當然這些數據可寫入文件或數據的。

          四、實戰

          獲取豆瓣讀書 -> 新書速遞中每本新書的基本信息。包括:書名、書圖片鏈接、作者、內容簡介(詳情頁面)、作者簡介(詳情頁面)、當當網書的價格(詳情頁面),最后將獲取的數據保存到 Excel 文件。

          目標鏈接:https://book.douban.com/latest?icn=index-latestbook-all

          4.1 項目 pom.xml 文件

          項目引入 jsoup、lombok、easyexcel 三個庫。

          <?xml version="1.0" encoding="UTF-8"?>
          <project xmlns="http://maven.apache.org/POM/4.0.0"
                   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
                   xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
              <modelVersion>4.0.0</modelVersion>
          
              <groupId>org.example</groupId>
              <artifactId>JsoupTest</artifactId>
              <version>1.0-SNAPSHOT</version>
              <properties>
                  <maven.compiler.target>1.8</maven.compiler.target>
                  <maven.compiler.source>1.8</maven.compiler.source>
              </properties>
              <dependencies>
                  <dependency>
                      <groupId>org.jsoup</groupId>
                      <artifactId>jsoup</artifactId>
                      <version>1.13.1</version>
                  </dependency>
                  <dependency>
                      <groupId>org.projectlombok</groupId>
                      <artifactId>lombok</artifactId>
                      <version>1.18.12</version>
                  </dependency>
                  <dependency>
                      <groupId>com.alibaba</groupId>
                      <artifactId>easyexcel</artifactId>
                      <version>2.2.6</version>
                  </dependency>
              </dependencies>
          </project>
          

          4.2 解析頁面數據

          public class BookInfoUtils {
          
              public static List<BookEntity> getBookInfoList(String url) throws IOException {
                  List<BookEntity>  bookEntities=new ArrayList<>();
                  Document doc = Jsoup.connect(url).get();
                  Elements liDiv = doc.select("#content > div > div.article > ul > li");
                  for (Element li : liDiv) {
                      Elements urls = li.select("a[href]");
                      Elements imgUrl = li.select("a > img");
                      Elements bookName = li.select(" div > h2 > a");
                      Elements starsCount = li.select(" div > p.rating > span.font-small.color-lightgray");
                      Elements author = li.select("div > p.color-gray");
                      Elements description = li.select(" div > p.detail");
          
                      String bookDetailUrl = urls.get(0).attr("href");
                      BookDetailInfo detailInfo = getDetailInfo(bookDetailUrl);
                      BookEntity bookEntity = BookEntity.builder()
                              .detailPageUrl(bookDetailUrl)
                              .bookImgUrl(imgUrl.attr("src"))
                              .bookName(bookName.html())
                              .starsCount(starsCount.html())
                              .author(author.text())
                              .bookDetailInfo(detailInfo)
                              .description(description.html())
                              .build();
          //            System.out.println(bookEntity);
                      bookEntities.add(bookEntity);
                  }
                  return bookEntities;
              }
              /**
               *
               * @param detailUrl
               * @return
               * @throws IOException
               */
              public static BookDetailInfo getDetailInfo(String detailUrl)throws IOException{
          
                  Document doc = Jsoup.connect(detailUrl).get();
                  Elements content = doc.select("body");
          
                  Elements price = content.select("#buyinfo-printed > ul.bs.current-version-list > li:nth-child(2) > div.cell.price-btn-wrapper > div.cell.impression_track_mod_buyinfo > div.cell.price-wrapper > a > span");
                  Elements author = content.select("#info > span:nth-child(1) > a");
                  BookDetailInfo bookDetailInfo = BookDetailInfo.builder()
                          .author(author.html())
                          .authorUrl(author.attr("href"))
                          .price(price.html())
                          .build();
                  return bookDetailInfo;
              }
          }
          

          這里的重點是要獲取網頁對應元素的選擇器

          例如:獲取 li.select("div > p.color-gray") 中 div > p.color-gray 是怎么知道的。

          使用 chrome 的小伙伴應該都猜到了。打開 chrome 瀏覽器 Debug 模式,Ctrl + Shift +C 選擇一個元素,然后在 html 右鍵選擇 Copy ->Copy selector,這樣就可以獲取當前元素的選擇器。如下圖:

          4.3 存儲數據到 Excel

          為了數據更好查看,我將通過 jsoup 抓取的數據存儲的 Excel 文件,這里我使用的 easyexcel 快速生成 Excel 文件。

          Excel 表頭信息

          @Data
          @Builder
          public class ColumnData {
          
              @ExcelProperty("書名稱")
              private String bookName;
          
              @ExcelProperty("評分")
              private String starsCount;
          
              @ExcelProperty("作者")
              private String author;
          
              @ExcelProperty("封面圖片")
              private String bookImgUrl;
          
              @ExcelProperty("簡介")
              private String description;
          
              @ExcelProperty("單價")
              private String price;
          }
          

          生成 Excel 文件

          public class EasyExcelUtils {
          
              public static void simpleWrite(List<BookEntity> bookEntityList) {
                  String fileName = "D:\\devEnv\\JsoupTest\\bookList" + System.currentTimeMillis() + ".xlsx";
                  EasyExcel.write(fileName, ColumnData.class).sheet("書本詳情").doWrite(data(bookEntityList));
                  System.out.println("excel文件生成完畢...");
              }
              private static List<ColumnData> data(List<BookEntity> bookEntityList) {
                  List<ColumnData> list = new ArrayList<>();
                  bookEntityList.forEach(b -> {
                      ColumnData data = ColumnData.builder()
                              .bookName(b.getBookName())
                              .starsCount(b.getStarsCount())
                              .author(b.getBookDetailInfo().getAuthor())
                              .bookImgUrl(b.getBookImgUrl())
                              .description(b.getDescription())
                              .price(b.getBookDetailInfo().getPrice())
                              .build();
                      list.add(data);
                  });
                  return list;
              }
          }
          

          4.4 最終展示效果

          最終的效果如下圖:

          以上就是從想法到實踐,我們就在實戰中使用了 jsoup 的基本操作。

          完整代碼地址:https://github.com/hellowHuaairen/JsoupTest

          五、最后

          Java HTML Parser 庫:jsoup,把它當成簡單的爬蟲用起來還是很方便的吧?

          為什么會講爬蟲?大數據,人工智能時代玩的就是數據,數據很重要。作為懂點技術的我們,也需要掌握一種獲取網絡數據的技能。當然也有一些工具 Fiddler、webscraper 等也可以抓取你想要的數據。

          教程至此,你應該也能對 jsoup 有一些感覺了吧。編程是不是也特別有意思呢?參考我上面的實戰案例,有好多網站可以實踐一下啦~歡迎在評論區曬你的實戰。


          主站蜘蛛池模板: 精品成人乱色一区二区| 国产乱人伦精品一区二区| 精彩视频一区二区| 亚洲国产精品一区二区第四页 | 日韩精品无码久久一区二区三| 亚洲一区AV无码少妇电影☆| 精品视频一区二区观看| 亚洲乱码av中文一区二区| 久久er99热精品一区二区 | 丰满爆乳一区二区三区| www一区二区www免费| 成人国产精品一区二区网站| 精品一区二区三区在线观看l | 国产日韩高清一区二区三区| 国产精品综合一区二区三区| 国产精品99精品一区二区三区| 亚洲一区二区三区成人网站 | 人妻互换精品一区二区| 中文乱码人妻系列一区二区| 亚洲av鲁丝一区二区三区| 3d动漫精品啪啪一区二区免费| 91在线精品亚洲一区二区| 中文字幕一区二区三区久久网站| 99精品一区二区三区| 中文字幕日韩一区| 99偷拍视频精品一区二区| 国产精品合集一区二区三区 | 国产自产在线视频一区| 中文字幕av人妻少妇一区二区| 欧美成人aaa片一区国产精品 | 精品国产a∨无码一区二区三区| 无码免费一区二区三区免费播放| 精品视频一区二区三区免费| 久久精品国产一区二区三| 无码精品一区二区三区免费视频| 一区二区三区福利视频免费观看| 亚洲AV福利天堂一区二区三| 91在线精品亚洲一区二区| 亚洲性色精品一区二区在线| 日韩久久精品一区二区三区| 亚洲一区二区三区无码影院|