经典面试题[1,2,3].map(parseInt)解析

最近看到这道经典面试题[1,2,3].map(parseInt),本来想的很简单,不就是把1,2,3分别传入parseInt然后返回嘛,结果不应该是[1,2,3]嘛,但是看了答案才发现不是这么简单,还是要细心点多想想。。。

阅读更多

为什么Proxy和Reflect要配合使用

主要对于Proxy和Reflect的get方法做一些演示,来说明为什么Proxy和Reflect要配合使用

文章内容主要来源于公众号前端大全。当作笔记记录。如有侵扰烦请联系删除。

阅读更多

ES6语法Proxy的基本使用

最近接触Vue3越来越多,大家都知道Vue3中的ref是使用get和set拦截value实现的,所以用ref定义的数据需要用.value的方式来访问,但是reactive是使用proxy和reflect来实现的,就趁着这个时间把Proxy和Reflect 先看一看,本篇仅限于Proxy,Reflect会单独开一篇笔记。

阅读更多

页面关闭时上传监控数据

最近有个需求,需要在页面关闭时请求后台发送一些监控数据,真是想的头大。最开始想到了ajax发送同步请求,但是效果不好而且在新版本chrome已经被废弃,无奈网上搜寻,找到了fetch实现的解决方案,算是解决了掉头发的困扰。

阅读更多

前端根据url实现文件下载

往常开发过程中,文件下载的实现都是后端提供一个接口,大多是返回一个Blob对象,然后前端编码实现下载,在这次项目中后端只返回文件的url,需要自己实现下载,突然发现自己连这么基础的问题都解决不了,确实挺离谱的。

阅读更多

展开运算符与可迭代对象

在ES6中引入了很多新的语法,三个点...的语法就是其中之一。该语法有两个用处,一个是作为展开运算符,还可以作为rest参数。其作为剩余参数的方法用法比较简单,也不是本文的关注内容,所以下边说一下关于展开运算符的一些操作以及引出迭代器与生成器。

阅读更多

js实现随页面滚动切换的tab栏

最近项目有个需求,比较简单,就是顶部有tab栏,点击tab栏页面滚动到对应位置,手动的滚动页面tab栏也要随之切换。项目是基于vue2+ant design vue开发的,本来是想借用组件库来方便实现的,但是ui确实相差甚远,而且想着也是个简单功能,就放弃了使用组件库,转而用js来实现这个逻辑。

实现过程中,发现这虽然只是个简单的知识点,但确实也有一些要注意的地方。

阅读更多