![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js进阶
文章平均质量分 67
不读诗意
前端优质内容分享创作者
展开
-
node服务端配置process.env环境变量在全局文件中使用
日常开发中我们会遇到不同运行环境下使用到不同值的情况,如果我们每次开启服务测试时来回去修改URL路径,那么就会很愚钝,那最好的方法就是在运行时根据不同的运行命令去使用不同的全局值,可以使用dotenv模块来解决这个问题。dotenv可以从一个文件中加载环境变量,并将它们注入到process.env中。这样,在整个应用程序中都可以访问这些环境变量。原创 2023-03-09 15:24:22 · 1200 阅读 · 0 评论 -
详解JS前端异步文件加载篇之Async与Defer区别
异步的英语是async,推迟的英语是defer,同步的就不说了哈。但同步是Javascript中一个非常重要的概念。当浏览器加载HTML时一旦遇到标签, 就会停下来先把标签里的内容执行掉,如果标签中有外部文件,那就必须等待下载和执行的步骤,这样浏览器才会继续向下加载,如果这个外部文件刚好在一个网络情况比较差的服务器上,这样整个网页的加载都会收到很大的影响,这就是同步带来的代码阻塞弊端。原创 2022-11-22 23:01:16 · 680 阅读 · 0 评论 -
详解前端性能优化之原生JS实现图片懒加载效果(通过IntersectionObserver内置构造函数实现)
相信你作为一名用户,使用一款app,在首次打开页面时卡顿超过3秒时就会有退出的想法。所以我们在日常开发中,通常需要使用一些手段实现对性能的优化,来使得页面加载更快,用户体验更好。这其中有许多方式,其中最常用的无非是按需加载了,今天就带大家重点且详细的讲一下原生JS实现的图片懒加载。原创 2022-11-17 09:37:35 · 1161 阅读 · 0 评论 -
一文带你实现刷新页面数据不丢失(操作状态保留)效果
页面刷新后对数据的操作状态进行保留,也就是页面刷新数据不丢失效果,是我们对前端项目开发中一个算是比较基本的效果了。其实实现的话也是很简单的,今天就来带你一文彻底弄懂此效果的实现。原创 2022-11-07 22:06:44 · 6880 阅读 · 7 评论 -
原生JS实现页面滚动到底部时自动加载数据效果
我们日常开发中为了避免一次性数据加载量过大,而导致页面加载缓慢,运行卡顿。通常会使用懒加载进行按需加载,在提高项目运行流畅度的同时也可以增加用户体验。懒加载有很多场景很多方式,那么今天就教大家如何一个原生js实现页面懒加载的方式,也就是当滚动到页面最底部时会触发回调去请求数据。原创 2022-11-06 10:52:37 · 2015 阅读 · 0 评论 -
一文带你理解并手撕Javascript节流和防抖
节流和防抖,见面知其意,就是节约流量和防止抖动。那他们分别代表什么意思呢?为什么要使用它们?又该如何去使用呢?原创 2022-11-03 11:16:35 · 185 阅读 · 0 评论