大前端开发第二阶段知识点回顾总结

大前端开发第二阶段总体来说可以分为三个板块：AJAX篇、H5篇、小程序篇。现在我带着大家回忆一篇，也算对自己这个阶段的总结和收获。

AJAX篇

什么是Ajax？

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。

AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。

AJAX 能做什么？

运用 XHTML+CSS 来表达资讯；

运用 JavaScript 操作 DOM（Document Object Model）来执行动态效果；

运用 XML 和 XSLT 操作资料;

运用 XMLHttpRequest 或新的 Fetch API 与网页服务器进行异步资料交换；

XMLHttpRequest 对象

所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

向服务器发送请求

如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：

xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send();

服务器响应

如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

GET 还是 POST？

与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。

然而，在以下情况中，请使用 POST 请求：

无法使用缓存文件（更新服务器上的文件或数据库）

向服务器发送大量数据（POST 没有数据量限制）

发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

还有AJAX的实战：https://bbs.huaweicloud.com/blogs/288623，收获挺多。

H5篇

画布

HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. 标签只是图形容器，你必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。

一个画布在网页中是一个矩形框，通过 元素来绘制.

拖放

拖放是一种常见的特性，即抓取对象以后拖到另一个位置。

在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。

视频

HTML5 规定了一种通过 video 元素来包含视频的标准方法。

标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。

音频

control 属性供添加播放、暂停和音量控件。在 之间你需要插入浏览器不支持的

滚轮事件与滑动事件的区别：

1.scroll事件在window对象上绑定，通过混合模式下的document.body或者标准模式下的document.documentElement的scrollLeft和scrollTop属性监控滚动条的位置。

2.滚轮事件即可绑定到window或者document上，也可绑定到Element上。

3.scroll事件必须出现滚动条才会触发，而滚轮事件只是普通的鼠标事件，滚动滚轴就可触发。

小程序篇

微信小程序这个词可以分解为“微信”和“小程序”两部分。其中“微信”可以理解为“微信中的”，指的是小程序的执行环境；当然微信在提供执行环境的同时也延长了用户使用微信的时间。“小程序”是说它首先是程序，然后具备轻便的特征。小程序并不像其他应用那样，它不需要安装，而是通过扫描二维码等打开后直接执行；用完以后也不需要卸载。这就是所谓用完即走的原则。另外，微信不会提供类似于小程序商店的地方，需要小程序提供者自己通过二维码，群分享的手段来传播，这就是所谓去中心化的形态。微信朋友圈提供了好友之间沟通信息的手段，订阅号提供了面向粉丝推送信息的手段，而小程序则是提供了用户通过自己的操作而与服务实现互动的手段。

结构：

使用 JSON 技术来表现应用的配置信息。包含应用的基本信息，页面配置和路由，应用全体的信息等。

使用经过定制 CSS+XML 技术来实现视图层的描述。画面元素，例如列表、按钮、文本框、选择框等都通过 XML 语言来描述，遵从 XML 语法，对于页面的共同风格，使用 CSS 进行定义。

使用 JavaScript 语言来实现逻辑层结构。包括用户操作的处理，系统 API 的调用等。

架构在视图层和逻辑层之间提供数据和事件传输功能，从而尽量减少难度。由于类似应有都属于轻应用，所以提供的功能都比较单一。

总结：

在学习和开发的过程中，我主要会参考开发文档和视频里老师的介绍。当我遇到一个自己不会的知识点时,我会进行百度,进行泛读,充分结合各个大神的文章,进行理解,重点是自己个人的理解.做笔记.辩证的看待每个人的文章,然后提炼到自己的笔记里。遇到难点时,我会询问列表里的大神,是否在工作中也是这个做法.得到答案. 整理以后,可以用自己的话描述出这些知识点. 在讲的过程中,就会发现自己的话有瑕疵,就会去寻找正确的说法,不断修正自己。最后的最后，第二阶段的学习也给我带来了不少的收获，查漏补缺，温故知新。继续加油！！！

HTML web前端

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。