用户2304496185933

原型和原型链是我们既始终实现继承和属性共享的核心机制，js中的每一个对象都是构造函数New出来的，js对象的隐式原型指向了构造函数的原型，构造函数又是一个构造函数原形，又是...

Vue 我看过Vue 2的部分核心源码，主要关注了响应式系统、虚拟DOM和生命周期的实现原理。比如： - **响应式系统**：通过`Object.definePropert...

Flex布局（Flexible Box Layout）是CSS3中用于创建灵活、响应式容器的布局方式，能让容器内元素自动适应空间变化，常用于一维（行或列）布局。 核心概念 ...

Webpack和Vite是前端开发中常用的构建工具，两者在设计理念、性能和适用场景上有明显差异，以下是核心区别及优缺点对比： 核心设计理念差异 • Webpack：基于“打...

在前端中，defer和lazy是两种不同的资源加载优化方式，主要用于处理脚本（script）和图片（img）的加载时机，核心区别如下： 一、作用对象与场景不同 • defe...

防抖 • 原理：当事件被触发后，设定一个延迟时间delay，在这个延迟时间内，如果事件再次被触发，就会清除之前的定时器，重新开始计时。只有当在延迟时间内没有再次触发事件时，...

在 JavaScript 中，new 操作符用于创建一个用户自定义的对象类型的实例或具有构造函数的内置对象的实例。new 操作符执行以下步骤： 创建一个新的空对象。 将这...

v-model 的双向绑定原理可以概括为： 1. **数据绑定**：通过 `v-bind` 将数据绑定到表单元素的 value/checked 属性 2. **事件监听**...

从输入URL到看到页面，这一过程涉及了多个步骤和组件之间的交互。以下是这个过程的大致概述： 用户输入URL：用户首先在浏览器地址栏中输入想要访问的网站的URL。 浏览器解...

常见攻击方式 • SQL注入攻击：攻击者通过在用户输入或其他数据源中注入恶意SQL语句，以获取或篡改数据库中的敏感信息。例如，攻击者可能尝试通过登录表单注入SQL语句，绕过...

前端工程化是指将软件工程的原理和方法应用于前端开发，以提高开发效率、保证代码质量、优化项目管理的一系列实践和技术。以下是具体介绍： 主要内容 • 构建工具：如Webpack...

前端模块化是一种将前端代码按照功能、逻辑等划分成独立模块的开发方式，每个模块都有明确的功能和边界，且可以被独立地维护、测试和复用。以下是关于它的详细介绍： 目的和意义 • ...

利用缓存：利用Webpack的持久缓存功能，避免重复构建没有变化的代码 使用多进程/多线程构建 ：使用thread-loader、happypack等插件可以将构建过程分...

Webpack的构建流程主要包括以下几个步骤： 初始化参数。解析Webpack配置参数，合并Shell传入和webpack.config.js文件配置的参数，形成最终...

1.使用路由懒加载 2.非首屏组件使用异步组件 3.首屏不重要的组件延迟加载 4.静态资源放在CDN上 5.减少首屏上JS、CSS等资源文件的大小 6.使用服务器端渲染 ...

1.在相应其中拦截，判断token返回过期后，调用刷新token的接口 2.后端返回过期时间，前端判断token的过期时间，去调用刷新token的接口 3.写定时器，定时...

Promise对象，封装了一个异步操作并且还可以获取成功或失败的结果 Promise主要就是解决回调地狱的问题，之前如果异步任务比较多， 同时他们之间有相互依赖的关系， ...

前端性能优化涉及多个层面，旨在提升页面加载速度、交互流畅度和用户体验。以下是核心优化策略分类及具体实践： --- ### 一、网络传输优化（减少请求量与体积） 1. **资...

虚拟dom是相对于真实dom的一种抽象的表达 当页面进行编译的时候，会生成一个虚拟dom，当数据发生变化的时候，会生成一个新的虚拟dom ，然后通过新旧虚拟dom对比，这个...

Vue中的双向数据绑定是其核心特性之一，它使得视图和数据之间能够自动同步更新，极大地提高了开发效率和用户体验。以下是对它的详细描述： 原理 • Vue利用了ES5的Obje...