![](https://img-blog.csdnimg.cn/direct/fb57218f42a64f03bca7e38b2a8c7ee5.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
web 前端开发
文章平均质量分 92
ES6+node.js+express+ajax+webpack
好运2024
愿世间所有人心如花木,向阳而生
展开
-
第七章认识Express框架
Express是一个基于Node.js平台的流行Web框架。它提供了一系列强大和灵活的功能,让开发者更容易地搭建Web应用程序和API。Express框架的主要特点包括路由和中间件支持、模板引擎、错误处理、静态文件服务等。Express是非常流行的Node.js框架之一,被广泛应用于Web开发。Express框架的主要特点包括:路由支持:Express提供了一套强大的路由API,可以让开发者轻松地定义和管理HTTP请求。原创 2023-11-06 16:54:32 · 384 阅读 · 0 评论 -
第二章前端开发ES6基础
扩展运算符(spread operator)是 ES6 中新增的一种运算符,用三个点(...)表示。它可以将一个类似数组或可迭代对象(例如字符串、Set、Map)的对象展开成逗号分隔的值列表。扩展运算符可以用于函数调用、数组字面量、对象字面量等多种场景。模板字符串是 ES6 新增的一种字符串形式,也被称为“模板字面量”。它可以包含特定语法的占位符,可以在运行时动态替换这些占位符为实际的值,从而生成新的字符串。语法模板字符串使用反引号(``)作为字符串的定界符,占位符使用${}包裹。原创 2023-10-28 15:51:59 · 701 阅读 · 0 评论 -
第十四章认识Ajax(五)
art-template模板引擎是新一代高性能JavaScript模板引擎,可以将数据与HTML模板结合,省去繁琐的字符串拼接,便于代码维护。此模板主要使用特定的语法将动态数据嵌入到HTML模板中,然后生成最终的HTML页面。art-template模板引擎既可以在服务器端使用,也可以在浏览器端中使用。原创 2024-01-28 16:43:13 · 906 阅读 · 0 评论 -
第六章认识Node.js服务器开发
在上面的例子中,我们首先引入了Node.js的fs模块,然后分别使用同步和异步的方式读取指定文件夹下的所有文件,并将文件名输出到控制台中。可以看到,在同步读取的方式下,程序会一直等待文件读取完成后才会执行下一步操作,而在异步读取的方式下,程序会立即执行下一步操作,而读取文件的回调函数则会在后台执行,文件读取完成后会自动调用。当异步操作完成后,操作的结果被传递给回调函数进行处理,在本案例中,回调函数是在延时结束后被执行。异步 API 的返回值无法直接获取,因为它们的结果是通过回调函数传递的。原创 2023-11-04 19:47:23 · 1194 阅读 · 0 评论 -
第十三章认识Ajax(四)
可以通过使用FormData对象的append()方法,将文件对象添加到表单数据中,然后发送到服务器。:通过将FormData对象与表单元素关联,可以方便地收集表单中的数据。使用FormData对象,可以获取表单中的键值对,包括输入框、选择框、单选框、复选框等元素的值。第一:在D:code/chapter06/server目录下,新建public目录,在此目录下新建demo01.html文件,编写代码如下。总之,FormData对象提供了一种简便的方式来处理和发送表单数据,包括键值对和文件上传。原创 2024-01-28 16:52:01 · 1104 阅读 · 0 评论 -
第十一章认识Ajax(二)
当浏览器向服务器发出请求时,在浏览器接收并显示网页,此网页所在的服务器会返回一个HTTP状态码.HTTP状态码由三个十进制数字组成,第一个十进制数字定义状态码的类型,后两个数字无分类作用。减少页面刷新:传统的网页开发中,用户操作会导致整个页面的刷新,而使用Ajax可以只更新页面的部分内容,提高用户体验。提升用户体验:使用Ajax可以实现实时更新页面的功能,例如自动补全、实时搜索等,提升用户交互的效果,增加用户的粘性。支持跨域请求:Ajax可以通过跨域请求,从不同的服务器获取数据,实现不同域之间的数据交互。原创 2024-01-25 18:15:34 · 1303 阅读 · 0 评论 -
第八章认识Express框架
在Express中,路由是指确定应用程序如何响应对特定端点的客户端请求,包括获取、添加、更新和删除资源等。当应用程序收到请求时,它通常需要确定如何响应该请求,这由路由来完成。在Express应用程序中,可以使用模块化路由来更好地组织路由代码并提高其可读性和可维护性。模块化路由是指将路由器代码分解为多个小文件,并将每个文件映射到路由路径。这样做的好处是可以在应用程序中轻松添加或删除路由路径,同时使代码更易于阅读和维护。原创 2023-11-07 21:22:10 · 804 阅读 · 0 评论 -
第十章认识Ajax(一)
Ajax是() 异步JavaScript和XML的缩写,它是一种基于浏览器与服务器交互的Web开发技术。Ajax通过使用JavaScript、XMLHttpRequest和DOM实现了在不刷新整个页面的情况下更新部分页面的能力。Ajax让网页能够达到更高的交互性和更好的用户体验。原创 2024-01-25 15:38:49 · 1243 阅读 · 0 评论 -
第九章认识Express模板
Express模板是指Express框架中用于渲染视图的文件,可以包含HTML、CSS、JavaScript等内容,用于构建Web应用程序的用户界面。使用Express模板可以快速、方便地创建Web应用程序,并且可以轻松地将动态数据注入到模板中,以便于动态地呈现信息给用户。常见的Express模板引擎包括EJS、Pug、Handlebars等。原创 2023-11-16 13:20:30 · 450 阅读 · 0 评论 -
第五章认识Node.js服务器开发
网站服务器是一种提供Web服务的计算机程序或设备,它接收来自客户端的HTTP请求,处理请求并返回相应的HTTP响应。它是Web应用程序的基础设施,使得用户可以通过Internet浏览器或其他网络客户端访问和使用Web应用程序。网站服务器通常运行在服务器端操作系统上,如Windows Server、Linux、Unix等操作系统。它可以作为独立的服务器运行,也可以在Web应用程序中集成,用于处理Web请求。原创 2023-10-30 23:02:29 · 435 阅读 · 0 评论 -
第一章前端开发ES6基础
ES6表示ECMAScript规范的第六版,正式名称为,ECMAScript是由ECMA国际标准组织制定的一项脚本语言的标准规范化,引入了许多新特性和语法。其中包括箭头函数、let和const声明、类、模板字符串、解构赋值、参数默认值、展开操作符、Promise等等。这些新的特性让JavaScript更加现代化、灵活和易于使用。ES6可以在大多数现代浏览器中使用,也可以通过Babel等工具转换为ES5的语法以支持更旧的浏览器。除了浏览器之外,ES6还可以在Node.js环境。原创 2023-10-27 21:04:06 · 605 阅读 · 0 评论 -
第三章认识Node.js模块化开发
Node.js是一个开源的、跨平台的JavaScript运行环境,基于Google的V8 JavaScript引擎。它可以在服务器端运行JavaScript代码,并且可以处理I/O操作、网络请求和文件系统等任务。Node.js的出现是为了弥补传统服务器端技术的不足,例如Apache和Java Web应用。相比之下,Node.js具有更高的性能和更好的扩展性。Node.js也提供了丰富的模块库,使得开发者可以更加轻松地构建服务器端应用程序。Node.js的主要优点。原创 2023-10-29 15:29:34 · 1051 阅读 · 0 评论 -
第四章认识Node.js模块化开发
Node.js采用的是CommonJS模块规范,模块是Node.js中最重要的概念之一。在Node.js中,每个文件都被视为一个独立的模块,每个模块都有自己的作用域,也就是说,在一个模块内定义的变量、函数等只是在该模块内有效,而在其他模块内无法访问。Node.js系统模块是指Node.js自带的一些模块,这些模块可以直接在Node.js中使用,无需安装其他包。综上所述,Node.js第三方模块可以极大地丰富Node.js的功能和扩展性,提供了更多的选择和便利,可以大大提高Node.js开发效率和编程质量。原创 2023-10-29 21:58:46 · 1369 阅读 · 0 评论