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 主要功能：

从一个 URL、文件或字符串中解析 HTML。
使用 DOM 或 CSS 选择器来查找、取出数据。
可操作 HTML 元素、属性、文本。

二、使用框架

2.1 准备工作

掌握 HTML 语法
Chrome 浏览器调试技巧
掌握开发工具 idea 的基本操作

2.2 学习源码

将项目导入 idea 开发工具，会自动下载 maven 项目需要的依赖。源码的项目结构如下：

快速学习源码是每个程序员必备的技能，我总结了以下几点：

阅读项目 ReadMe 文件，可以快速知道项目是做什么的。
概览项目 pom.xml 文件，了解项目引用了哪些依赖。
查看项目结构、源码目录、测试用例目录，好的项目结构清晰，层次明确。
运行测试用例，快速体验项目。

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 有一些感觉了吧。编程是不是也特别有意思呢？参考我上面的实战案例，有好多网站可以实践一下啦～欢迎在评论区晒你的实战。

在线咨询

上一篇：不玩你会后悔的，拍案叫绝的十款页游大作！
下一篇：1分钟，彻底弄懂浏览器缓存策略

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商