- 博客(6)
- 收藏
- 关注
RSS订阅原创 Javascript 如何全面接管xhr请求
背景及思考为什么需要接管xhr请求？这就需要我们了解它的一些应用场景。我们如何统一项目中xhr请求的行为，监控请求的整个生命周期、如何自定义拦截请求并返回mock数据、如何制定完全可控的控制台（如vconsole那样） 、如何监控所有api请求的健康状态 等等!有一种最常见的情况。比如项目中发起请求的方式不一，有的在js sdk或私有npm库中发起、有的在引入了第三方js cdn中发起、有的由项目中统一的ajax、axios发起。如果我们需要对项目中所有请求增加某些统一的行为该如何处理了？原生XML
2021-10-23 17:07:29
1898
原创 Decorator 装饰器你了解多少？
前言你真的了解装饰器吗？相信使用过装饰器的开发者肯定对它的一些特性爱不释手。无论是react、vue、angular都能通过babel使其支持，当然也有一些封装好的第三方装饰器库，引用后即可实现一些强大的功能。下面我们一起来简单了解一下吧。什么是装饰器?装饰器是一种函数，目的是用来修改类及其成员。Javascript装饰器还处于草案中，目前没有直接支持该语法的环境，但Babel 已支持其语法转换。在TypeScript里也已做为一项实验性特性予以支持。在Angular中也进行了大量使用，有很多内
2021-10-23 16:56:34
151
原创 两句css 搞定页面滚动时的卡顿问题？
前言对于网页的卡顿性能优化，我们首先想到的肯定是从JavaScript开始。但这个锅js表示不背????，但不是js的原因又会是什么原因了？文章内容不多，只要你能仔细看完，相信一定能对你有所帮助。在实际项目中React、Vue、Angular三大框架都有使用过，其在开发效率上是毋庸置疑的，但在某些场景上其性能确是差强人意的。如果大家有遇到此类场景，欢迎在下方留言讨论。下面我们一起来了解一下实际项目中遇到的此类性能瓶颈是如何处理的!背景项目基于VUE，由于业务要求需要长列表渲染(不能做动态加载和虚拟
2021-10-23 16:47:48
3201
1
原创 防抖和节流的区别和实现详解（中高级前端面试必备知识）
前言什么是防抖？什么是节流？它们之间有什么区别？你能举例说明一下吗？上面这些问题在面试的时候你有被问到过吗？网络上也有很多文章已有说明，但是大部分由于篇幅过长或者描述不清晰，导致难以理解。因此，自己结合了实际的案例和大家分享一下。篇幅很短，花几分钟就可读完，如果有不明白的地方，欢迎在下方留言讨论。简介在网页运行的某些场景中，有些事件会不间断的被触发。如scroll事件并不是我们想象中的，滚动一次触发一次。而是会多次被触发，由于过于频繁地DOM操作和资源加载，严重影响了网页性能，甚至会造成浏览器崩溃。
2021-10-23 16:41:27
366
原创 http缓存详解（ 直接看图，超易懂 ）
前言你了解http缓存吗？http请求在什么状态下会返回304状态码？下面5张图，花了一晚上整理画出来????，图画的不太好看，但意思十分明确，不要太嫌弃喔。相信看完后，能让你对http缓存有比较深刻????的了解。Http 缓存机制作为 web性能优化的重要手段，对于从事 Web开发的同学们来说，应该是知识体系库中的一个基础且重要的环节，同时对于有追求的前端童鞋来说也是必备的知识技能。知识铺垫了解浏览器和服务器间通信时的请求报文及响应报文,HTTP报文就是浏览器和服务器间通信时发送及响应的数据块
2021-10-23 15:44:16
2850
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人