小猪Passion

大家好，我是小杜杜，有关高性能，大数据量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～...

除了协程，通过本文你将对进程、线程、并发有一定的了解...协程，又称微线程，纤程。英文名Coroutine。一句话说明什么是线程：协程是一种用户态的**轻量级线程**，协程...

开篇 在现代Web开发中，异步请求已经成为了必不可少的一部分。然而，当我们需要同时处理多个请求时，如何避免请求之间的冲突和混乱呢？这就是今天我们要探讨的话题——如何使用Pr...

本篇文章将从实践出发，深入探讨 ECharts 渲染十万级数据的性能优化方案，通过实际案例和经验总结，探讨如何提升大规模数据可视化的渲染效率和用户体验。...

🔐 跨域（CORS）与 CSRF：你以为的安全，真的安全吗？ 在现代 Web 开发中，前后端分离已成为主流架构，随之而来的跨域问题也让开发者们不得不与 ​CORS（跨源资...

Vue 和 React 作为当前前端两大火热的框架，面试的时候自然不少被提及： 请说一下你对react/vue框架的理解 请对比一下两大框架的优缺点 其实react和vue...

一般来讲一个成熟的产品，运营与产品团队需要关注用户在产品内的行为记录，通过用户的行为记录来优化产品，研发与测试团队则需要关注产品的性能以及异常，确保产品的性能体验以及安全迭...

大家都知道，保证网站的安全是十分重要的，一旦网站被攻陷，就有可能造成用户的经济损失，隐私泄露，网站功能被破坏，或者是传播恶意病毒等重大危害。所以下面我们就来讲讲7 种常见的...

Nginx 是开源、高性能、高可靠的 Web 和反向代理服务器，而且支持热部署，几乎可以做到 7 * 24 小时不间断运行，即使运行几个月也不需要重新启动，还能在不间断服务...

playwright 介绍 Playwright 是一个端到端（E2E）测试框架， 它可在所有现代浏览器中运行功能强大的测试和自动化。支持多种编程语言 API， 包括 Ja...

一，206状态码底层原理 HTTP状态码206表示partial Content，它是在客户端发送一个Range请求头（range request header）时服务器返...

问题描述 面试官：后端一次性返回10万条数据给你，你如何处理？ 我：歪嘴一笑，马上给后端发生一百万次请求，干蹦他的服务器，让他给爷哭！ 问题考察点 性能优化意识（能否识别出...

1. 工厂模式 工厂模式（Factory Pattern）：将对象的创建和使用分离，由工厂类负责创建对象并返回。在前端开发中，可以使用工厂模式来动态创建组件。 前端中的工厂...

在前端开发中，设计模式是解决特定问题的经验总结和可复用的解决方案。设计模式可以提高代码的复用性、可维护性和可读性，是提高开发效率的重要手段。我们一起来看下7种前端开发中必须...

CSRF「Cross-site request forgery」 文章很干，没有图，耐心。 通过本文你可以彻底理解CSRF到底是怎么回事。...

前端单元测试入门 1.了解前端单元测试的重要性 2. 前端单元测试工具选型 3. 跟着我一起编写单元测试...

基于 `Webpack 5 Module Federation` 从0到1实现一个以 `React` 项目为容器，集成多个 `React` 和 `Vue` 项目的微前端项目...

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点...

大家可以看一看先浏览器进程和线程的文章，在我之前的文章有写。 tab外面发生的一切事情都是由浏览器主进程决定，首先输入URL网址，其实是UI线程在处理我们的输入。 我们按下...

setup语法糖经过编译后是什么样子的？为什么在setup顶层定义的变量可以在template中可以直接使用？为什么import一个组件后就可以直接使用，无需使用compo...