JavaScript系列--XML(1)，flutter技术解析与实战

• XPath

XML

==================================================================

概念

---

Extensible Markup Language 可扩展标记语言

​ 可扩展：标签都是自定义的,

功能

---

存储数据，作为配置文件来使用

在网络中传输

xml和html区别

---

w3c万维网联盟都是它旗下的

xml的标签都是自定义的，语法严格，存储数据

html标签是预定义的，语法不严格，展示数据

语法

---

xml文档的后缀为.xml

xml第一行必须定位为文档声明

xml文档中有且仅有一个根标签

属型值必须使用引号（单双都可以）引起来

标签必须正确关闭

xml标签区分大小写

<?xml version='1.0'?>

zs

23

ls

25

组成部分

---

文档声明

​ 格式：<?xml 属型列表 ?>

​ 属型列表：

​ version：版本号，必须的属型

​ encoding：编码方式

​ standalong：是否独立(yes依赖,no不依赖)

指令：可链接CSS，了解

标签

规则：

• 名称可以包含字母,数字以及其他的字符

• 名称不能以数字或者标点符号开始

• 名称不能以字母xml (或者XML、Xml等等)开始

• 名称不能包含空格

属性

---

id属性值唯一

文本

---

CDATA区:在该区域中的数据会被原样展示

格式:<![ CDATA[数据]]>

约束

---

规定xml文档的书些规则

作为使用者，能够在xml引入约束文档和简单读懂约束文档就可以

DTD

一种简单的约束技术

流程

引入文档到xml文档

内部dtd：将约束规则定义在xml文档中

外部dtd：将约束的规则定义在外部的dtd文件中

引入方式

本地:<.lDOCTYPE根标签名SYSTEM“dtd文件的位置"">

网络:

​

<?xml version="1.0" encoding="UTF-8" ?>

zs

23

male

ls

24

female

<!ELEMENT students (student*) > <!ELEMENT student (name,age,sex) > <!ELEMENT name (#PCDATA) > <!ELEMENT age (#PCDATA) > <!ELEMENT sex (#PCDATA) > <!ATTLIST student number ID #REQUIRED>

Schema

复杂的约束技术

基于DTD多了一些限制

解析

---

操作xml文档，将文档中的数据读取到内存中

1．解析(读取)：将文档中的数据读取到内存中

2．写入：将内存中的数据保存到xml文档中。持久化的存储*

解析xml的方式:

1.DOM∶将标记语言文档一次性加载进内存，在内存中形成一颗dom树

优点:操作方便，可以对文档进行CRUD的所有操作

缺点:占内存

2.SAX︰逐行读取，基于事件驱动的。

优点:不占内存。

缺点:只能读取，不能增删改

解析器

JAXP：SUN公司提供的解析器，支持dom和sax两种

DOM4J：优秀的解析器

Jsoup：jsoup 是一款Java 的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。

PULL：Android系统内置的

Jsoup

---

入门：

1．导入jar包

2．获取Document对象

3．获取对应的标签Element对象

4．获取数据

实例

package xml.jsoup;

import org.jsoup.Jsoup;

import org.jsoup.nodes.Document;

import org.jsoup.nodes.Element;

import org.jsoup.select.Elements;

import java.io.File;

import java.io.IOException;

import java.net.URL;

public class JsoupDemo01 {

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

//1.获取Document对象，根据xml文档获取

//获取student.xml的path

String path = JsoupDemo01.class.getClassLoader().getResource(“student.xml”).getPath();

//2.解析xml文档

Document document = Jsoup.parse(new File(path), “utf-8”);

//3，获取元素对象，Element,返回的其实是一个集合

Elements elements = document.getElementsByTag(“name”);

// System.out.println(elements.size());

Element element = elements.get(0);

//4.获取数据

String name = element.text();

System.out.println(name);

}

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V：vip1024c 备注前端获取（资料价值较高，非无偿）

数据结构与算法

这一块在笔试、面试的代码题中考核较多，其中常考的数据结构主要有：数组、链表、队列、栈、Set、Map、哈希表等，不同数据结构有不同的方法以及储存原理，这些算是技术岗的必备知识。算法部分主要分为两大块，排序算法与一些其他算法题。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

排序算法根据考频高低主要有：快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种，这类考核点要么是算法的时间、空间复杂度、稳定度，要么是直接手写代码，故在理解算法原理的同时，对JS语言版的排序算法代码也要加强记忆。

• 二叉树层序遍历
• B 树的特性，B 树和 B+树的区别
• 尾递归
• 如何写一个大数阶乘？递归的方法会出现什么问题？
• 把多维数组变成一维数组的方法
• 知道的排序算法 说一下冒泡快排的原理
• Heap 排序方法的原理？复杂度？
• 几种常见的排序算法，手写
• 数组的去重，尽可能写出多个方法
• 如果有一个大的数组，都是整型，怎么找出最大的前 10 个数
• 知道数据结构里面的常见的数据结构
• 找出数组中第 k 大的数组出现多少次，比如数组【1，2， 4，4，3，5】第二大的数字是 4，出现两次，所以返回 2
• 合并两个有序数组
• 给一个数，去一个已经排好序的数组中寻找这个数的位 置（通过快速查找，二分查找）

排序算法根据考频高低主要有：快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种，这类考核点要么是算法的时间、空间复杂度、稳定度，要么是直接手写代码，故在理解算法原理的同时，对JS语言版的排序算法代码也要加强记忆。

• 二叉树层序遍历
• B 树的特性，B 树和 B+树的区别
• 尾递归
• 如何写一个大数阶乘？递归的方法会出现什么问题？
• 把多维数组变成一维数组的方法
• 知道的排序算法 说一下冒泡快排的原理
• Heap 排序方法的原理？复杂度？
• 几种常见的排序算法，手写
• 数组的去重，尽可能写出多个方法
• 如果有一个大的数组，都是整型，怎么找出最大的前 10 个数
• 知道数据结构里面的常见的数据结构
• 找出数组中第 k 大的数组出现多少次，比如数组【1，2， 4，4，3，5】第二大的数字是 4，出现两次，所以返回 2
• 合并两个有序数组
• 给一个数，去一个已经排好序的数组中寻找这个数的位 置（通过快速查找，二分查找）

[外链图片转存中…(img-ow59RZ0R-1711554964544)]