前端开发
-
在很多大厂的规范里面，有这么一条规定：不让直接使用undefined关键字，而应该使用void 0来替代undefined。 一、void 0是什么意思？ void是一个关键字，他后面跟的是一个表达式，不管这个表达式算的是啥，后面随便写个东西，最终整个表达式返回一个undefined；比如void 123456;最终结果返回的都是undefined；在void后面随便写个0 1 2啥的都无所谓，只是习惯统一写个0；让这个东西来替代书写undefined。 二、为什么要这么写？ 其实之所以有这个规
2024-12-02 -
函数作用域（外部函数无法访问函数内部内容） 优点：函数作用域有效有用 缺点：函数名污染所在作用域，且希望不调用函数就能自动运行 避免缺点的方法： 块作用域 函数作用域是最常见的作用域单元，但也有其他优秀的作用域 with，用width从对象中创建出的作用域仅在with声明中有效 但！内部正常的var声明并不会被限制在块作用域中，而是添加到with的作用域中，即with会根据传递的对象凭空创建全新的词法作用域 且！with是一种欺骗语法，出现with（或是eval）后可能所有的优化
2024-12-02 -
一、Web故障分析的一个指标——状态码 （1）状态码的概念： 状态码（Status Code），它是一个数字代码，用于向请求方传达服务器或系统对请求的响应状态。 （2）状态码的作用： 1.对于客户端来说，状态码能够让用户或软件快速了解请求是否成功，以及如果失败，大致是何种原因导致的。这有助于客户端决定下一步的操作，如重试请求、显示错误信息给用户或者进行其他的业务逻辑处理。 2.对
2024-12-02 -
i18n介绍 i18n（其来源是英文单词 internationalization的首末字符i和n，18为中间的字符数）是“国际化”的简称。 前端国际化步骤 1、安装i18n插件 安装插件时候，注意必须指定版本号，不然安装会报错。 npm i vue-i18n@8.22.2 // or yarn add vue-i18n@8.22.2 2、新建文件夹i18n 文件路径依次是RUOYI-UI/src/utils/i18n。具体的文件结构看图 3、新建i18n.js文件 文件的位置请看上图。 //
2024-12-02 -
CSS中的 box-sizing 属性定义了 user agent 应该如何计算一个元素的总宽度和总高度。 box-sizing: border-box; width: 100%; border: solid #5B6DCD 10px; padding: 5px; box-sizing 属性可以被用来调整这些表现: content-box 是默认值。如果你设置一个元素的宽为100px，那么这个元素的内容区会有100px宽，并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。bo
2024-12-02 -
前言 在前端开发领域，Vue.js 广泛应用于各种类型的项目中。然而，随着项目规模的扩大和用户需求的增加，性能优化的重要性愈发凸显。优化不仅可以提升用户体验，还能显著减少资源消耗，提高应用的响应速度和稳定性。 本文将从多个方面详细探讨 Vue 项目的常见优化手段，帮助开发者在实际项目中实现更高效的性能表现。 优化手段 1. 按需加载 (Lazy Loading) 问题背景：在大型项目中，把所有组件一次性加载，会导致初始加载时间过长，影响用户体验。 解决方案：使用 Vue 的异步组件和 Webpa
2024-12-02 -
场景 在使用模板字符串时，常常会遇到需要换行展示的情况，然而仅仅在模板字符串里面使用<br>或者\n是行不通的，一般换行有以下两种做法。 解决 1. 使用<br>，搭配v-html const text=`当前修改后分辨率为${formData.resolution}P，帧率为${formData.fps}fps<br> 是否确认修改?` <div style="flex-direction: column"> <div v-html="text"></div> </div>
2024-12-02 -
你好，我是云桃桃。聊完 a 标签的 href 属性，接下来，聊一下 a 标签的 target 属性。 HTML 链接的 target 属性用于指定链接在何处打开，它决定了点击链接时的页面行为。常见的 target 属性值有 4 个情况，那我们依次来说一下。 target 属性的 4 种值 1、_self： 在当前窗口中打开链接（默认就是这个模式，无需写上了）。 <a href="https://www.example.com" target="_self">链接</a> 适用于在同一窗口中打开
2024-12-02 -
举个例子：例如我们的jsx长这个样子： <Button type="primary">点击</Button> 但是实际上，在经过babel后，它会变成下面这段代码： React.createElement( /* type */ 'Button', /* props */ { type: 'primary' }, /* children */ '点击' 之后，这个函数执行结果会返回一个对象，这个对象我们称为React Element。它是一个用来描述我们将要渲染的页面结构的一个不可变对
2024-12-02 -
前言 Teleport 是 Vue 3 的一个内置组件，它允许你将组件的内容渲染到 DOM 树的其他位置，而不是其父组件的 DOM 层次结构中。下面是对 Teleport 实现源码的详细分析。 源码分析 我们可以在 Vue 3 的源码中找到 Teleport 的实现，主要在 runtime-core 包中。以下是 Teleport 组件的主要部分（）： 1. Teleport 组件定义 在 runtime-core/src/components/Teleport.ts 中定义了 Teleport
2024-12-02