【前端基础】--克莱因
关注
分享
扫一扫
文章平均质量分 94
本专栏收录的是博主在学习的一些web前端基础内容，包括html、css、ajax、axios以及promise等等...（JavaScript以及TypeScript为独立专栏）
codeMak1r.小新
codemak1r直译是代码制造者，也就是码农的意思
前端码农一枚，精通react、移动端、web端
展开
-
Vue/React实现路由鉴权/导航守卫/路由拦截(react-router v6)
欢迎来到我的博客【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏React框架。原创 2022-08-30 08:30:00 · 9363 阅读 · 244 评论 -
Vue/React项目实现axios请求拦截器注入token
欢迎来到我的博客【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏React框架。原创 2022-08-28 08:30:00 · 1991 阅读 · 40 评论 -
Vue或React项目配置@路径别名及智能提示方案
如果想一次配置且不在乎占用内存情况，建议直接使用path-alias插件如果本机内存不够或觉得这个插件使用体验不佳, 建议使用。原创 2022-08-09 23:59:00 · 1859 阅读 · 9 评论 -
【前端趋势】Vue、Vite作者尤雨溪前端趋势2022主题演讲
欢迎来到我的博客【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏最新专栏。原创 2022-07-24 08:00:00 · 49135 阅读 · 266 评论 -
【async/await】--异步编程最终解决方案
🌟await表达式await右侧的表达式一般为promise对象，但也可以是其他的值；如果表达式是promise对象，await返回的是promise成功的值；如果表达式是其他值，直接将此值作为await的返回值。1、右侧为成功的promise2、右侧不是promise类型的值3、右侧的promise是失败状态🌟async_await结合使用——fs读取文件普通回调函数读取文件操作：我们可以看出，这一段代码运用了回调函数的嵌套，一旦读取的文件数量多的话就非常不利于阅读与维护..原创 2022-06-25 12:24:07 · 1539 阅读 · 92 评论 -
【ES6闯关】Promise堪比原生的自定义封装then、catch、resolve、reject...
🌟2、promise自定义封装–resolve与reject结构搭建🌟3、promise自定义封装–resolve和reject代码实现我们先预设好promise对象实例身上的属性：resolve函数实现：reject()函数与resolve()函数一样：🌟4、promise自定义封装–throw抛出异常改变状态我们先预设一个promise实例：在中使用【trycatchtrycatchtrycatch】方法处理抛出异常：🌟5、promise自定义封装–Promise对象状态....原创 2022-06-24 07:19:43 · 1278 阅读 · 106 评论 -
JavaScript--【Promise】详解Promise_API
Promise 构造函数： Promise(excutor) {}方法：（onResolved,onRejected） => {}方法：（onReject） => {} 失败的回调方法 ： （value）=> {}方法：（reason）=> {}方法：（promises）=> {}Promise都返回成功Promise返回失败方法：（promises）=> {}......原创 2022-06-14 11:06:31 · 1327 阅读 · 91 评论 -
【CORS】跨域资源共享解决方案＜Access-Control-Allow-Origin＞
要了解跨域，首先要知道一个东西：。同源策略中规定，访问服务必须在 三个层面都相同，否则就是违背同源策略，也就是。比如， 访问 是跨域，违背了同源策略中的【端口号保持一致】。 访问 是跨域，违背了同源策略中的【协议保持一致】。 访问 是跨域，违背了同源策略中的【域名保持一致】。下表列出了与 : 的源进行对比的示例：而想要跨源访问资源（服务器），就需要进行跨域——CORS。跨源 HTTP 请求的一个例子：运行在 的 代码使用 XMLHttpRequest 来发起一个到 的请求。出于安全性，浏览器限制原创 2022-06-13 10:42:53 · 2335 阅读 · 32 评论 -
AJAX--无量境神秘＜对超时和网络异常的处理＞
我们可以通过 技术预设一个服务器，在服务器中设置发送请求后3s再响应，以模拟请求超时的情况。具体代码如下：解释：🕹 对请求进行超时设置⌨️ delay.html效果如下：直接在超时回调后添加一个网络异常的回调 👇再次发送请求，效果如下⬇️：好啦～今天的文章分享就到这里了，如果有疑问或者文章出现错误的话请一定要联系我哟😎😎～非常感谢你的阅读，你的支持将会是我最大的动力💪💪👉关注✨点赞👍收藏📂回见～......原创 2022-06-12 15:29:26 · 1068 阅读 · 70 评论 -
AJAX--无量境神秘＜原生ajax详解＞
AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。是⼀个执⾏机制的功能,AJAX分为同步（async = false）和异步（async = true）同步任务的顺序是：按顺序执行，先执行定时器，后打印出111，但是代码中呈现的是异步操作，顺序是：先打印出111，定时器时间到，再执行定时器内的回调原创 2022-06-10 08:51:46 · 790 阅读 · 54 评论 -
JavaScript--ES6【Promise】对象详解
同步任务：在主线程队列中，只有前一个任务完成后才会执行下一个任务异步任务：不进入主线程队列,而是进入异步队列,前一个任务完成与否不影响后一个任务的执行(不阻塞后续任务执行的任务)同步任务的顺序是：按顺序执行，先执行定时器，后打印出，但是代码中呈现的是，顺序是：先打印出111，定时器时间到，再执行定时器内的回调。下面都是一些常见的异步操作：fs 文件操作数据库操作AJAX定时器3、🍋 Promise 的状态改变Promise 对象有以下两个特点:对象的状态不受外界影响。Promise .原创 2022-06-08 12:01:55 · 2310 阅读 · 85 评论