前端er小Z

js 是一种单线程语言，只有一条通道，那么在任务多的情况下，就会出现堵塞，这种情况下就产生了 多线程，那么就产生了同步任务和异步任务。 同步任务： 在主线程上排队执行的任务...

大家好，我是前端小张同学，很久没更新文章了，祝大家2024年万事如意，最近有时间看一些非业务层面的代码，面试官也经常会问道，那今天就跟大家分享一下 Vue的发布订阅模式 以...

前言 现在很多可视化项目大屏都涉及到了三维， 所以近期学习了一些关于three.js的内容，发现three.js对于小白入门来说还是比较友好的，暂时还没有涉及到webgl相...

一个能快速且完美的将Dom元素转成各类型图片的轻量化插件dom-to-image推荐，打包完后只有23kb...

后端一次性返回过多数据时，我们前端应该如何渲染，本文提供了两种比较适合方案供大家参考 直接渲染 先看下直接渲染会有什么问题吧 先模拟下这个数据过多时的情景，我生成十万条li...

1、使用 React.memo() React.memo 是 React 提供的一个高阶组件（Higher Order Component），用于优化函数组件的性能。它可以...

首先，让我们看看直接插入数据的方法。这是一种简单的方法，它通过循环将大量数据一次性插入到网页中。这种方式存在明显的性能问题，特别是在渲染大量数据时，用户可能会遇到页面卡顿的...

使用 Web Worker 技术开启一个独立的后台线程，实现前端下载excel大表格，数据量100000+...

Web Worker 是前端开发者必备知识之一，本文详尽地讲述了Web Worker 是什么，什么时候用，以及怎么用，内容清晰详实，相信对不熟悉 Web Worker 的小...

Web Worker为前端带来了后端的计算能力，十万、百万条数据都是弟弟…… Web Worker扩大了前端的业务边界，减轻了因大量计算造成的UI阻塞...

懒加载相信大家都熟得不能再熟了，刚刚给面试官讲完懒加载的实现原理，面试官就冷不丁地问我一句：会用自定义指令来实现懒加载吗？ 生活不易，面试自闭，破防了.........

# 前言： 翻别人代码时，总结发现极大部分使用`vue3`的人只会用`ref`和`reactive，其实有更好性能的api可以用...

js屏幕适配方案，可让页面在不同屏幕下、不同dpr下、放大缩小时保持不变形，适用于Vue2和Vue3...

WeakMap 对象保存键值对，其中的键必须是对象，值可以是任意的类型，并且不会创建对它的键的强引用，从而利于垃圾回收。vue3也用到了WeakMap的这一机制避免了内存泄...

在Web开发中，我们经常面临在不同页面间共享数据或进行通信。当用户打开多个标签页时，就无法实现跨页面的消息传递。所以，我们需要了解浏览器跨页面通信。...

本项目是一个智慧景区（商场）项目，项目主旨在于对景区的智能化管理，是对AI赋能的具象化，告别传统后台管理模式，从大屏中可以实现一个完整景区（商场）的集中化管理，可以对景区内...

前端与后端的交互方式 前端上传文件时，可以通过两种方式与后端进行交互： base64传输 base64是一种基于64个可打印字符来表示二进制数据的表示方法，由于，因此一个b...

这个是根据three现有案例来模仿实现，[原网址](three.js css3d - periodic table (threejs.org)) 效果图： template...

diff算法相信大家或多或少都听说过，它作为一种高效的比较和更新机制，在前端框架中发挥着关键作用。接下来我将深入探讨 Diff 算法，包括它的定义、工作原理、如何利用它来提...