
前后端交互
文章平均质量分 79
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
webpack
1.什么是webpackwebpack是一个前端工程化工具,主要用于前端代码的打包工作webpack的作用将前端项目开发时,编写的大量css文件,js文件以及各种静态文件,进行统一的整理目的:优化前端项目在部署到生产环境时,网页中对静态文件的请求数量2.webpack常见配置webpack作为一个工具、工作的核心主要依赖于配置文件:webpack.config.js1.entry工程打包的入口文件,一般使用相对路径//webpacl.config.jsmodule.exports =原创 2021-11-04 19:26:21 · 164 阅读 · 0 评论 -
websocket
1.什么是websocketwebsocket是一个网络协议,主要用于客户端和服务器之间保持连接的情况下完成数据交互的一种网络协议,经常被用于网络客服应用中HTTP:超文本传输协议,经常在浏览器和服务器之间的数据交互HTTP是一种短链接协议,一个请求发送之后,一旦服务器返回数据,连接就会断开更新网页数据:必须发送请求,获取响应后才能更新网页中展示的数据解决方案:不能使用HTTP短连接,需要通过长连接的形式,完成连接保持,服务器才能通过保持的连接,给对应的客户端主动推送消息,长连接的实现方式比较常原创 2021-11-04 18:39:52 · 942 阅读 · 0 评论 -
Ajax发送请求
AjaxAjax不是一个新技术,而是多种技术的集合Ajax: Asynchronous Javascript And Xml全称:异步的JavaScript和XML数据交互技术注:原始的Ajax技术中使用XML标记语言完成数据交互,但是标记语言中包含了大量的无效数据(标签),所以后来使用JSON数据代替XML进行数据传递Ajax技术的核心异步JavaScript对象:XMLHttpRequest数据交互实体:JSON对象Ajax技术的实现1.JavaScript Ajax2.j原创 2021-11-04 17:50:34 · 421 阅读 · 0 评论 -
Promise对象
1.回调函数1.什么是回调函数回调函数,异步执行顺序中,某个函数执行得到数据之后回头调用的函数2.回调函数的基本语法function fn(callback) { //异步执行过程 //延时获取数据dat //执行回调函数,处理获取的数据 callback(dat)}3.回调函数的作用回调函数,解决的是异步执行逻辑中,执行顺序的问题需求:获取服务器返回的的数据,通过DOM操作,将数据渲染到页面中//1.同步执行,出现数据丢失的问题function getData(){ l原创 2021-11-04 17:01:49 · 144 阅读 · 0 评论 -
NodeJS调用数据库
封装数据库查询函数data.js// 导入mysql模块,需要通过npm命令安装//命令行运行 npm i mysqlconst mysql = require('mysql')//创建连接const connection = mysql.createConnection({ host: 'localhost', user: 'root' ,//数据库的用户名 password: 'root', //数据库的密码 database: 'mydatabase' //数据库名})//sql原创 2021-11-04 17:00:31 · 596 阅读 · 0 评论 -
前后端耦合开发
1.什么是耦合耦合,也称耦合度,一般在项目中表示依赖程度的概念耦合度高表示组件与组件之间的依赖程度较高,稳定性高,但是扩展性差耦合度低表示两个组件之间的依赖程度低,进行功能拓展比较方便应用软件开发时,用户的需求经常发生变化,耦合度较低的项目 进行功能的变化会更加容易,代码的更新/维护的成本会更低2.前后端耦合开发...原创 2021-11-04 13:00:29 · 1599 阅读 · 0 评论 -
数据库(MySQL)
1.数据库安装配置1.安装PhtStudy或直接到官网下载安装社区版的数据库安装路径中,不要出现中文和空格安装完成后,保障mysql服务可以正常启动2.安装mysql操作界面软件:navigate3.建立数据库连接确定连接成功后,默认出现数据库连接管理下的数据库信息2.数据库管理(界面管理略,主要展示命令行管理数据库)打开输入命令的查询窗口1.执行命令,创建指定字符编码的数据库create database usershop default charset ‘utf8’2.执行命原创 2021-10-24 14:19:43 · 136 阅读 · 0 评论 -
Express模块化开发
1.Express模块化1.模块化需求:一个项目中存在多种角儿的用户,如管理员、会员等分析:项目中每个角色的功能都比较多,开发过程中涉及到的代码量比较多,如果将所有的代码都卸载一个文件中无法维护(导致单个文件中代码量过多),可以按照角色的不同,将不同角色的相关代码拆分到不同的文件中模块化拆分:按照不同的角色,拆分多个模块2.路由Express中模块化开发,主要基础就是路由对象app级别路由:工作在入口模块/主模块中的路由const app = express()app.get('/原创 2021-10-24 12:54:51 · 791 阅读 · 0 评论 -
Express框架
Express概述1.什么是expressExpress是一个基于NodeJS实现的WEB应用开发框架本质上是一个NodeJS第三方模块,使用的时候可以通过npm命令安装操作npm install express -S2.入门程序创建第一个应用:demo01.js//引入expressconst express = require('express')// 创建应用const app = express()// 接受用户请求app.get('/', (req, res) =&.原创 2021-10-23 20:09:39 · 432 阅读 · 0 评论 -
Node Web应用开发
1.模块化NodeJS中每个.js文件都是一个独立的模块,给.js文件默认提供了一个名称为module的对象,用于指代当前文件,可以通过module导出当前模块中数据NodeJS中当模块开始使用时,会出现另一个概念:包默认情况下NodeJS中模块和包都是同一个概念模块当成一个独立的js文件包当成存放多个模块的文件夹2.系统模块NodeJS默认提供的系统模块,如fs文件系统、net网络模块、http网络处理模块等,在项目应用中不需要安装可以直接使用的模块一个模块可以被引入多次,但是只会生原创 2021-10-23 17:37:34 · 190 阅读 · 0 评论 -
NodeJS基础
关于前端与后端前端重点关于界面开发和数据渲染相关的工作,所有的开发工作都是围绕界面进行的后端关注数据处理和业务逻辑的工作,所有的开发工作都是围绕高效的梳理数据进行的NodeJS概述Node.js是一个基于Chrome V8引擎的JavaScript运行环境NodeJS特点它是一个JavaScript运行环境,可以直接执行JS代码依赖于Chrome V8引擎进行代码解释,执行性能非常高事件驱动非阻塞I/O轻量,可伸缩,适于实时数据交互应用单进程,单线程...原创 2021-10-16 16:57:14 · 726 阅读 · 0 评论 -
ES6基础语法
1.ES6概述ES:全程ECMAScript,代表了一种标准语法,主要的实现以JavaScript为代表ES的版本迭代ECMAScript 1.0 1997年推出,标志着前端脚本语法出现了标准化ECMAScript 3.0 1999年推出ECMAScript 4.0 2007年推出,一经退出,经过讨论直接废弃ECMAScript 5.0 2009年推出,本质上是ES 3.1ECMAScript 2015 2015年推出,使用年份命名,简称ES6.。。。ES5.0基本语法严格模原创 2021-10-12 22:09:54 · 262 阅读 · 0 评论 -
Git和Gitee
1.windows 命令行相较于图形化界面,命令行的操作效率更高常见的操作命令(1)dir作用:查看当前文件夹下所有的文件英文:directory文件、目录的意思(2)cd作用:改变命令行所在的文件夹/目标/路径英文:Change Directory 改变目录的意思(3)cls作用:清除显示区域的内容英文:clears、清除、清空的意思2.文件备份原始模式下,可以将重要的文件多复制存储几份,保存在不同的物理位置、防止重要文件丢失,一般在计算机中进行磁盘分区、主备移原创 2021-10-12 19:56:07 · 165 阅读 · 0 评论