duke_ding2的博客

JavaScript的Promise

XSS（Cross Site Scripting）攻击简介

webpack的官网（ ）对其定义如下：通俗的理解，webpack是一个前端项目工程化的具体解决方案。它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。我们来通过一个实际的简单项目，了解一下webpack的功能和用法。新建文件夹 ，并运行 初始化项目，生成 文件：项目里会用到jQuery，所以先安装一下：新建 目录，并在其中创建 和 文件： ：打开浏览器，访问 ：本例中，没有借助任何工具，使用了最原始的 来导入

Express官网对Express的定义是基于Node.js平台，快速、开放、极简的Web开发框架。Express是npm上的第三方包，作用和Node.js内置的http模块类似，用来创建Web服务器。安装方法为。

使用require()方法加载模块时，得到的是其所指向的对象。创建文件0727_5.jsname指向一个JavaScript对象（如果换成被注释的代码，效果也一样）。创建文件0727_6.jsname'abc',f[Function注意使用require()方法加载模块时，会执行被加载模块的代码。例如如果在0727_5.jsgood{name'abc',f[Function可见，在处，会执行0727_5.js的代码。由于写起来比较复杂，Node提供了exports和。...

我们知道，在浏览器中可以运行JavaScript脚本，这是因为浏览器包含了JavaScript的解析引擎，其中V8就是Chrome浏览器的JS解析引擎。那么，如果有独立的、非浏览器内嵌的JS解析引擎，则JavaScript代码不就可以独立运行，不受限于浏览器了吗？Node.js正是基于这一点应运而生，其本质仍然是JavaScript，只不过它基于V8引擎，提供了JavaScript所需的运行环境。...

页面上有一个“获取”按钮。当点击按钮时，从后端获取数据，并通过表格显示在页面上。创建SpringBoot项目 ，添加Spring Web依赖。创建Controller ：注：这里加上了 注解，否则会因为同源策略导致浏览器无法接收数据，详见我另一篇文档。运行程序，测试一下效果：原生Ajax创建 文件如下：注：该页面使用了原生的Ajax，并且没有添加任何css样式。在浏览器中打开页面，点击“获取”按钮，获取数据：按 键，切换到 页签，选中 ，可以看到对应的Ajax请求。使用JQuery，可

同源策略（Same origin policy）是由Netscape提出的一个著名的安全策略，现在所有支持JavaScript的浏览器都会使用这个策略。同源策略是一个重要的安全策略，它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。简而言之，如果两个页面的协议（protocol）、主机（host）、端口（port）都相同，则二者称为同源。创建SpringBoot项目 ，添加Spring Web依赖。创建Controller ：运