誉天程序员-2301-3-day04

原创

已于 2023-07-26 18:39:52 修改 · 263 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #前端

于 2023-07-25 09:57:12 首次发布

文章介绍了Promise作为ES6解决异步编程的机制，以及axios在实际工作流程中的应用。同时阐述了网站的同源策略和跨域问题及其解决方案，并提及封装JavaScript工具类的基本步骤。此外，文章还提出了SSO单点登录和Vuex的状态管理库作为作业话题。

文章目录

知识回归
作业

知识回归

表达的方式

3w1h，5w1h
why（为什么）、what（定义）、where（场景、在哪用）、how（怎么用，分析，步骤-复杂问题简单）
表述一个问题时，就这种方式，这种套路。

1、简述Promise异步编程的方式

（why）
前后端访问，早期查询串
http://localhost:8080/user?id=123
一个参数id，它的值123
https://editor.youkuaiyun.com/md?not_checkout=1&spm=1001.2101.3001.4503&articleId=131910050
规则：第一个参数是?，后面所以的参数都是使用&
第一个参数not_checkout，值1
…
最简单最直接，url就看出来了，缺点信息暴露（不安全），浏览器对url长度是有限制（256字符数）
早期，form表单提交，在html中参数input/check/radio/select，只会提交表单标签中的这些数据。最终还是拼成上面的字符串，但是这个用户是无法从浏览器上去查看的。
表单提交是刷新整个页面，重新刷新页面，或者转到新的页面。意味着整个页面要重新加载。时间长。

现在主流ajax，局部刷新，不会去刷新（更新）整个页面，只一部分div，进行更新。性能高，页面不会晃动。
这是SPA单页面开发基石。

ajax它是请求后台，后台要返回数据。它通过callback回调，如果结构比较复杂，回调比较多，它又是同步，产生回调地狱。

（what）
ES6javascript规范，它就推出新的api，Promise异步，得到结果订阅。不用等。
（how）
Promise异步调用它的一些列规定。api，成功时订阅then()，失败时订阅catch()，不管成功还是失败都执行finally()
(where)
Vue框架又封