背景 公司有很多的项目,但是并不是每一个项目都很重要,其实重要的项目就那么几个,上面也是很重视这几个项目,尤其是对一些生产问题的关注度很高。 这几天上面交代下来了,需要对这些项目做一些用户行为...
分享能提高开发效率,提高代码质量的八个前端装饰器函数~
装饰器非常好用 前面给大家发了一篇文章xxx,给大家介绍了一遍JavaScript中的装饰器,今天就给大家介绍一下在我项目中用到过的几个装饰器的思路吧 代码是伪代码,只是提供个思路,实际上代码不止这么少 ...
让你监听页面所有点击事件,你会怎么做
背景 如果在做某个平台的时候,我们需要统计用户点击的次数,点击的区域,点击元素,等等,那我们应该怎么去做比较合适呢? 举个例子,我想在用户点击页面上的每一个元素时,我都能把这个元素的DOM节点信...
我们前端组一起处理的项目优化
很早一段时间,我们前端组做了一些国外系统的小优化(集中表现在代码执行速度,系统安全等方面),故新建一篇文章来记录这次优化的经历。 1. 减小文件体积/网络请求 方法一:删除需要预先加载和预先获取的...
20行代码实现【洋葱模型】,其实没那么难理解
洋葱模型 洋葱模型是什么呢?作用是什么呢? 先说说他的作用吧,他的作用是为了对一个请求的整个生命周期做一个统一的管理,一个请求的生命周期包括请求、响应。由于实现方式像一层一层剥开洋葱,所以叫洋...
又新学到了一个JavaScript知识点Import Maps
关于import maps不知道大家有没有听过,我之前只是知道JavaScript增加的新特性,具体什么作用也没有进行学习研究过,周末学习中看到有人使用它,于是也尝试了解一下~,后来发现确实还是挺好用的,所以写一篇文章...
Vue3如何优雅的加载图片
最近开发了一个功能,页面首页会加载大量的图片,初次进入页面时,会导致页面性能下降, 于是乎,我改进了这个功能,可以让所有图片自动懒加载。 原理 这个功能主要的底层逻辑是是使用IntersectionObse...
Webpack和Vite能解决跨域问题?凭什么?
背景 我们平时在开发项目的时候,总会涉及到调用接口,调用接口就会涉及到跨域问题,那我们平时是怎么去解决跨域问题的呢? Cors: 后端开启跨域允许 Nginx: 后端配置允许跨域的手段 ...
极致舒适的 Vue3【Provide/Inject】食用指南
痛苦的经历 自从使用了Provide/Inject代码的组织方式更加灵活了,但是这个灵活性的增加伴随着代码容错性的降低。我相信只要是真的在项目中引入Provide/Inject的同学,一定一定有过或者正在经历下面的...
vue3 如何将页面生成 pdf 导出
前言 最近工作中有需要将一些前端页面(如报表页面等)导出为pdf的需求,博主采用的是html2Canvas + jspdf。 步骤 1.引入两个依赖 npm i html2canvas npm i jspdf 点击 jsPDF GitHub[1]、...
