2024年7月28日
简单聊聊JavaScript 中的原型链、null 和 undefined 的区别
摘要： 1.原型链 个人观点：原型链和逻辑判断里三段论有些类似，一个大前提、一个小前提、一个结论。比如，动物会吃肉，狗是动物，所以狗会吃肉。这也是继承的思想 原型和构造函数 JavaScript 是基于原型的面向对象编程语言，每个对象都有一个内部链接到另一个对象（即原型）。这个机制被称为原型链。原型链的存在 阅读全文
posted @ 2024-07-28 13:51 最小生成树 阅读(51) 评论(0) 推荐(0)
前端如何处理后端一次性返回10万条数据？---02
摘要： 该方法和前面方法大致相同，主要通过分页加载、虚拟滚动和数据缓存 1. 后端数据处理 首先，确保后端在传输数据时是经过压缩的，可以大大减少传输的数据量。常见的压缩方式有Gzip或Brotli。 // 例如，在Node.js中使用compression中间件 const compression = re 阅读全文
posted @ 2024-07-28 13:38 最小生成树 阅读(174) 评论(0) 推荐(0)
前端如何处理后端一次性返回10万条数据？
摘要： 在前端开发中，我们经常需要处理后端返回的大量数据。假设后端一次性返回10万条数据，直接在浏览器中处理和展示这些数据会导致性能问题，比如页面卡顿、内存占用过高等。本文将结合Vue项目实战，介绍如何有效地处理和展示大数据集的方法。 1. 后端数据处理 首先，确保后端在传输数据时是经过压缩的，可以大大减少 阅读全文
posted @ 2024-07-28 13:33 最小生成树 阅读(3670) 评论(11) 推荐(0)
2024年7月27日
面试必考：全面解析跨域及其解决方案
摘要： 跨域问题是前端开发中常见且必须掌握的知识点之一。本文将详细介绍跨域的概念、手写JSONP和CORS跨域代码及其原理，如何在Vue3项目中替换Mock数据接口为真实后端数据接口，以及总结九种常见的跨域解决方案。 一、什么是跨域？ 跨域是指浏览器因同源策略的限制，无法访问不同源（协议、域名、端口任一不同 阅读全文
posted @ 2024-07-27 18:23 最小生成树 阅读(402) 评论(0) 推荐(0)
深入理解 JavaScript 单例模式及其应用
摘要： 引言 在JavaScript开发中，设计模式是解决特定问题的有效手段。单例模式（Singleton Pattern）是其中一种常见且有用的模式。尽管网上有许多关于单例模式的解释和实现，本篇将从实际工作中的需求出发，探讨如何更好地理解和应用单例模式，以编写更复用、更高效的代码。 什么是单例模式？ 单例 阅读全文
posted @ 2024-07-27 12:41 最小生成树 阅读(671) 评论(0) 推荐(0)
业务场景---Token无感刷新
摘要： 业务场景描述 假设用户正在填写一个复杂的表单，由于表单内容繁多，用户花费了很长时间才填完。这时，如果Token已经过期，系统会让用户重新登录，这种体验显然是非常糟糕的。为了避免这种情况，我们需要在Token即将过期或已经过期时，自动刷新Token，而不影响用户正在进行的操作。 技术实现思路 一、准备 阅读全文
posted @ 2024-07-27 12:33 最小生成树 阅读(1948) 评论(1) 推荐(2)
2024年7月24日
八股---防抖与节流
摘要： 在前端编程中，防抖和节流是两种常用的优化手段。 防抖是指在一定时间内，只执行一次事件，如果这段时间内再次触发此事件，则重新计算延迟时间；而节流则是每隔一段时间执行一次事件。 防抖通常用于搜索框等需要等待用户输入完成的场合，例如在用户输入关键词后，等待用户停止输入一段时间后再进行搜索，避免频繁的请求导 阅读全文
posted @ 2024-07-24 19:52 最小生成树 阅读(75) 评论(0) 推荐(0)
面试常考--前端性能优化之大文件上传
摘要： 大文件上传是前端开发中常见的需求之一，特别是在需要处理高清图片、视频或其他大型文件时。优化大文件上传不仅可以提升用户体验，还能有效减轻服务器负担。本文将深入探讨大文件上传的几种常见优化技术，包括文件切片与并发上传、断点续传、后台处理优化、安全性考虑和用户体验优化。 1. 前言 在现代Web应用中，用 阅读全文
posted @ 2024-07-24 11:49 最小生成树 阅读(1123) 评论(0) 推荐(1)
2024年7月23日
Vue 在大型项目中的架构设计和最佳实践
摘要： 前面分享了很多八股和算法，现在开始慢慢进入项目搭建 随着项目规模的扩大，合理的架构设计和最佳实践变得尤为重要。一个良好的架构能够提高开发效率、维护性和可扩展性。本文将探讨在大型 Vue 项目中，如何进行架构设计并遵循最佳实践。 一、项目结构 一个清晰的项目结构有助于代码的组织和管理。在大型 Vue 阅读全文
posted @ 2024-07-23 19:30 最小生成树 阅读(545) 评论(0) 推荐(1)
VUE系列---深度解析 Vue 优化策略
摘要： 在前端开发中，性能优化一直是一个重要的课题。Vue.js 提供了多种优化策略，帮助开发者构建高性能的应用。本文将深入解析以下几个优化策略： 使用 v-once、v-if 和 v-show 的区别和优化 通过异步组件提升性能 一、v-once、v-if 和 v-show 的区别和优化 1. v-onc 阅读全文
posted @ 2024-07-23 19:20 最小生成树 阅读(482) 评论(1) 推荐(2)