前后端交互
文章平均质量分 68
在等星星呐
既然上了生活的贼船,那就做个快乐的海盗吧!
展开
-
【Webpack】基础知识点
目录一、相关概念二、相关操作Ⅰ.两个js文件打包成1个js文件Ⅱ.自动生成html文件Ⅲ.打包css文件Ⅳ.打包less文件Ⅴ.打包图片文件Ⅵ.处理字体图标Ⅶ.降级js语法三、开发服务器一、相关概念本质:一个第三方模块包,用于分析,并打包代码支持所有类型的文件的打包支持less/sass=>css支持ES5/7/8=>ES5webpack打包流程:初始化包...原创 2022-03-06 21:05:45 · 1315 阅读 · 0 评论 -
【Ajax】知识
目录客户端与服务器Url地址分析网页打开过程 请求---处理---响应资源请求方式:get和post请求Ajax:异步的javascript和xmlJquery中的Ajax客户端与服务器服务器:负责存放和对外提供资源的电脑客户端:负责获取和消费资源的电脑Url地址统一资源定位符,用于表示互联网上每个资源的唯一存放位置组成部分:①客户端与服务器之间的通信协议 ②存有该资源的服务器名称...原创 2021-10-18 22:30:08 · 99 阅读 · 0 评论 -
form表单提交数据
form表单介绍属性:①action 规定当提交表单时,向何处提交表单数据后端提供的一个url地址,负责接受表单提交过来的数据在未指定action属性的情况下,action默认值为当前页面的url地址注意:当提交表单后,页面会立即跳转到action属性指定的url地址②target 规定在何处打开action的url它的可选项有五个,默认情况下,target的值是_self,表示在相同的框架中打开action的url_blank 在新窗口打开_self 在相同框架打开..原创 2021-10-18 22:32:43 · 3086 阅读 · 0 评论 -
前端和后端交互过程
1.通过html和css编写前台页面,通过js添加动态效果2.通过node.js和express框架搭建静态服务器3.通过mysql进行数据的存储过程:①前端通过ajax发起请求给后端,②后端接收到请求之后,后端通过node里面的mysql模块链接数据库,③数据库检测到请求,通过node的mysql模块给后端服务器返回数据,④后端服务器接收到数据之后,将数据响应到前台页面,⑤前台页面通过artTemplate模板引擎渲染到前台页面上。...原创 2022-03-01 11:13:38 · 9410 阅读 · 0 评论 -
【前后端交互】基础知识点----上
目录模板引擎正则表达式与字符串操作XMLHttpRequest基本使用JSON对象结构Axios模板引擎根据程序员指定的模板结构和数据,自动生成一个完整的HTML页面①减少了字符串的拼接操作②代码结构更加清晰③使代码更易于阅读与维护art-template模板引擎标准语法{{}}输出: 变量输出、对象输出、三元表达式输出、逻辑或输出、加减乘除等表达式输出原文输出:{{@ value}} 如果要输出的value值中包含了html标签结构,则需要使..原创 2021-10-18 22:41:22 · 279 阅读 · 0 评论 -
【前后端交互】基础知识点------下
目录一、同源策略和跨域Ⅰ.JSONPⅡ.CORS二、防抖和节流三、http协议HTTP请求消息HTTP响应消息一、同源策略和跨域同源:如果两个页面的协议,域名,端口都相同,则两个页面具有相同的源如果没有写端口,则默认是80同源策略是浏览器提供的一个安全功能通俗理解:浏览器规定:A网站的js,不允许和非同源的网站C之间进行资源的交互①无法读取非同源网站的cookie...原创 2021-10-19 19:40:47 · 258 阅读 · 0 评论 -
【身份认证】-----session+jwt
目录一、Session认证机制Ⅰ.CookieⅡ.Session的工作原理Ⅲ.在Express中使用session认证二、JWT认证机制(JSON Web Token)Ⅰ.JWT工作原理Ⅱ.JWT的组成部分Ⅲ.JWT使用方式Ⅳ在Express中使用JWT如何做反向代理解决跨域问题本地node服务器开启cors,负责请求的转发和数据接收回传身份认证通过一定的手段,完成对用户身份的确认①服务器渲染推荐使用Session认证机制...原创 2021-10-28 22:55:19 · 540 阅读 · 0 评论 -
封装属于自己的Ajax
布局结构html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-03-02 17:13:24 · 449 阅读 · 0 评论 -
封装简易模板引擎
布局结构:html文件:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">.原创 2022-03-02 17:32:17 · 98 阅读 · 0 评论