求一篇关于Javascript课程的学期结课论文

2023-03-04 13:03:02JavaScript014

求一篇关于Javascript课程的学期结课论文,第1张

论ＡＪＡＸ技术及应用

[论文关键词]Ajax JavaScript DHtml Web2.0

[论文摘要]Ajax是Web2.0的核心之一，它采用异步模式，可以开发出基于浏览器的具有高用户交互性的web应用，改变了传统Web应用的交互模式，从而可以构建出更为动态、响应更灵敏和用户体验更好的Web应用程序。

一、Ajax技术简介

AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript

和XML），是指一种创建交互式网页应用的网页开发技术。Ajax运用的了如下的一些基本技术：

HTML：用于建立Web表单并构建Web应用界面；JavaScript：Ajax 技术的核心，帮助改进与服务器应用程序的通信；DHTML（Dynamic HTML）：用于动态更新表单。通常使用div、span和其他动态HTML元素来标记HTML；文档对象模型DOM：用于（通过JavaScript代码）处理 HTML 结构。

二、Ajax原理

在传统的Web 应用程序中，交互的一般流程是：用户填写表单字段并单击提交按钮，整个表单发送到服务器，通过服务器端不同的技术（如PHP、JSP等）进行处理，然后再将处理结果以全新的页面发送回客户端。在用户提交后等待处理时，屏幕变成一片空白，用户得不到立即反馈。

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。也就是说当用户提交表单时，数据发送给一些JavaScript

代码而不是直接发送给服务器。而JavaScript代码捕获表单数据并向服务器发送请求，即JavaScript 代码在幕后发送请求，用户甚至不知道请求的发出，并且请求是异步发送的，就是说JavaScript代码（和用户）不用等待服务器的响应。在JavaScript代码和服务器进行交互时，用户仍然可以继续输入数据、滚动屏幕和使用应用程序。在服务器处理完毕后将数据返回JavaScript代码（仍然在Web表单中），然后使用DOM技术迅速更新表单数据，让用户感觉应用程序是立即完成的，表单没有提交或刷新而用户得到了新数据。JavaScript代码甚至可以对收到的数据执行某种计算，再发送另一个请求，完全不需要用户干预，甚至完全不知道幕后发生的一切，从而极大的提升了用户体验。

三、Ajax应用

现以修改用户的登录名的例子来讲述AJAX在实际中的应用，该实例可以推广到网页中任何文本内容的动态修改。

（一）创建XMLHttpRequest对象，为了使代码同时支持Internet Explorer和非Microsoft浏览器，使用如下代码

var xmlHttp = false

try {

xmlHttp = new ActiveXObject("Msxml2.XMLHTTP")

} catch (e) {

try {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")

}catch (e2) {

xmlHttp = false

}

if (!xmlHttp &&typeof XMLHttpRequest != 'undefined') {

xmlHttp = new XMLHttpRequest()

}

在创建XMLHttpRequest对象之后，就可以结合JavaScript代码完成以下工作：从 Web 表单中获取数据-＞打开到服务器的连接-＞设置服务器处理完成后的响应函数，这也是Ajax工作的一般流程

（二）定义获取表单数据及更改表单的JavaScript代码

function changeToInput(id) {

var oNP = document.getElementById(id)//从表单中获取数据

var value = oNP.value

oNP.outerHTML = "＜input type='text' id='" + id + "' value='" + value + "' size='5' onblur='change(this.id)'＞"

接后文

《【转+补充】深入研究js中的位运算及用法》

《【JS时间戳】获取时间戳的最快方式探究》

日常开发中一直没遇到过位运算导致精度丢失的问题，直到这天，搞10位时间戳取整的时候，终于被我撞上了。具体是个什么场景呢，我们来还原下案发现场：

可以看到输出的结果为：

得到的 t 是一个精确到微秒的时间戳。但是请求接口的时候需要的是一个10位（精确到秒）的时间戳，所以这里需要将它转换为10位，自然就是 ➗1000 即可，然后通过位运算来实现类似 Math.trunc 的取证效果，得到了我们要的10位时间戳。至此完美解决！那问题又是如何发生的呢？

按照上面的运算规律，如果我们要获取13位时间戳，是不是直接对 t>>0 就可以了呢？我们来看一下：

输出结果如下：

WTF!!!看到了咩！！！居然输出了一个负数！！！我们想要的结果应该是 1597113682985 才对啊！为什么会出现了负数呢！！！

由此，怪物出现啦！我们今天就来解读（xiang fu)一下它！

想到这里，我们一定就会怪是位运算的锅！那这个锅该怎么让位运算背起来呢！我们来研究一下！

首先我们知道，JS中没有真正的整型，数据都是以double(64bit)的标准格式存储的，这里就不再赘述了，要想搞透其中的原理，请打开【传送门】

位运算是在数字底层（即表示数字的 32 个数位）进行运算的。由于位运算是低级的运算操作，所以速度往往也是最快的（相对其它运算如加减乘除来说），并且借助位运算有时我们还能实现更简单的程序逻辑,缺点是很不直观，许多场合不能够使用。

以下来源于w3shool:

ECMAScript 整数有两种类型，即有符号整数（允许用正数和负数）和无符号整数（只允许用正数）。 在 ECMAScript 中，所有整数字面量默认都是有符号整数 ，这意味着什么呢？

有符号整数使用 31 位表示整数的数值，用第 32 位表示整数的符号，0 表示正数，1 表示负数。数值范围从 -2147483648 到 2147483647 。

可以以两种不同的方式存储二进制形式的有符号整数，一种用于存储正数，一种用于存储负数。 正数是以真二进制形式存储的 ，前 31 位中的每一位都表示 2 的幂，从第 1 位（位 0）开始，表示 20，第 2 位（位 1）表示 21。没用到的位用 0 填充，即忽略不计。例如，下图展示的是数 18 的表示法。

那在js中二进制和十进制如何转换呢？如下

负数同样以二进制存储，但使用的格式是二进制补码。计算一个数值的二进制补码，需要经过下列3个步骤：

例如，要确定-18的二进制表示，首先必须得到18的二进制表示，如下所示：

0000 0000 0000 0000 0000 0000 0001 0010

接下来，计算二进制反码，如下所示：

1111 1111 1111 1111 1111 1111 1110 1101

最后，在二进制反码上加 1，如下所示：

1111 1111 1111 1111 1111 1111 1110 1101 +

0000000000000000000000000000 0001 =

1111 1111 1111 1111 1111 1111 1110 1110

因此，-18 的二进制就是 1111 1111 1111 1111 1111 1111 1110 1110

而其相反数18的二进制为 0000 0000 0000 0000 0000 0000 0001 0010