- 博客(45)
- 收藏
- 关注
RSS订阅原创 Vite vs Webpack：为什么现代前端项目都选它
Vite 就是让我们写代码的时候“爽”就完事了，开发时秒级启动，改代码立刻生效，不用等打包；改代码后，Webpack 要重新打包整个页面，Vite 只更新你改的那一小块，几乎是瞬间完成。比如打开一个页面，Vite 不会傻乎乎地先打包整个项目，而是只编译当前页面用到的文件，其他文件先不管。就像你去饭店点菜，厨师不用把所有菜都做好，而是你点啥他现做啥，上菜当然快了。文件的项目，每个文件都需单独发起 HTTP 请求，网络开销极大。项目小的时候还行，但一旦项目大了，可能等个几秒甚至十几秒才能看到改动，效率很低。
2025-03-30 20:41:02
932
原创 【网络】HTTP 和 HTTPS
HTTP（HyperText Transfer Protocol）和 HTTPS（HTTP Secure）是互联网数据通信的核心协议，作为前端开发者，深入理解其原理和细节对性能优化、安全加固和问题排查至关重要。
2025-03-25 13:46:39
1620
2
原创 JavaScript 入门必读：掌握核心概念与实战技巧（上）
JavaScript 中的函数有多种定义方式，每种方式都有其独特的语法和适用场景。
2025-03-17 16:08:30
1023
原创 深入解析CSS中的图片填充技巧
在网页开发中，免不了对图片进行适配布局。本文将通过五个直观的示例，带您深入理解CSS的object-fit属性如何优雅地解决不同场景下的图片填充问题。
2025-03-11 10:35:42
780
原创 elementUI改样式失败问题——DatePicker 日期选择器
并且通过浏览器可以发现，选择控件是直接挂在body下的，所以解决方法是直接找到body的样式，在里面修改。以本次项目为例，在index.html的style里直接添加选择器的样式。
2025-03-10 16:05:26
504
原创 【vue】toRefs 和 toRef——如何在解构响应式对象时保持响应性
toRefs和toRef是 Vue.js 框架中提供的 Composition API 的一部分，它们主要用于在 Vue 3 中解构响应式对象，同时保持其响应性。简单来说就是把一个响应式对象里的东西解构拿出来，并让其依然具备响应式。toref是把对象的某个属性变成响应式的，torefs是把对象的每个属性都变成响应式的。
2024-11-13 15:15:42
956
2
原创 CSS图文详解( 超详细，零基础友好）——上篇:CSS基本概念及样式基础
本文将用最简单易懂的语言，生动形象的插图，简单易懂的例子带你无痛学习CSS，并在文末附上一个案例供大家练手。从了解CSS的基本概念和语法规则开始，逐步掌握了如何在HTML文档中引入CSS样式，并通过实践加深了对CSS选择器和样式应用的理解。
2024-11-11 17:23:44
2936
6
原创 Vue3中使用Ant Design Vue的Table组件详解
Ant Design Vue是一套基于Ant Design的Vue组件库，为开发者提供了丰富的UI组件，其中Table组件是常用的一种。本文将详细介绍在Vue3项目中如何使用Ant Design Vue的Table组件，包括组件的基本用法、属性配置、插槽使用以及常见场景应用，帮助开发者快速掌握并应用于实际项目中。本文详细介绍了在Vue3项目中使用Ant Design Vue的Table组件的方法，包括基本用法、属性配置、插槽使用以及常见场景应用。3. `row-key`：表格行的key值，用于优化渲染。
2024-11-09 22:59:03
1814
2
原创 【TS】九天学会TS语法——6.TypeScript泛型图文详解
泛型就是“通用类型”的意思，它是一种编程语言特性，允许在定义函数、类或接口时，不预先指定具体的类型，而是使用一个占位符（通常用字母T、U等表示）来表示类型。这样我们就可以在运行代码之前不指定具体的数据类型，而是在使用的时候再决定，从而使得代码能够更加灵活地处理不同类型的数据。function 函数名(参数: T):T {// ...class 类名 {// ...interface 接口名 {// ...这里的"T" 叫泛型参数除了"T"外，泛型参数还可以用"
2024-11-08 16:46:45
1556
原创 【TS】九天学会TS语法——5.TypeScript的类
在 TypeScript 中，类是一种用于创建对象的蓝图，通过使用class关键字来创建。类可以包含属性（数据成员）和方法（函数成员）。// 属性// 方法// 方法体// 属性// 方法console.log(`你好，我是 ${this.name} ，我${this.age}岁了`);// 创建类的实例const person = new Person('清清ww', 3);// 调用方法// 输出: 你好，我是清清ww，我三岁了.
2024-11-07 14:21:35
1183
原创 【TS】九天学会TS语法——3.TypeScript 函数
函数允许我们将代码组织成可重用的块，并提供了强大的抽象能力。在本文中，我们将深入探讨 TypeScript 函数的各种特性，包括函数类型、可选参数、默认参数和剩余参数。
2024-11-06 17:37:34
1444
原创 【TS】九天学会TS语法——2.TypeScript基本类型及变量声明
TS一共有六种基本类型，分别是number、string、boolean、any、void以及undefined。number：表示数字类型，包括整数和浮点数。string：表示字符串类型，可以使用单引号或双引号。boolean：表示布尔类型，只有 true 和 false 两个值。any：表示任意类型，可以赋值为任何类型的值。void：表示空类型，通常用于函数没有返回值的情况。");// 执行一些计算，但不返回任何值undefined：表示一个变量已经被声明，但尚未被赋值。
2024-11-06 16:31:36
1067
原创 【TS】九天学会TS语法——1.TypeScript 是什么
在了解TypeScript（简称TS）是什么之前，首先得知道什么是JavaScript（简称JS）。
2024-11-06 15:25:26
2251
原创 【TS】九天学会TS语法---计划篇
通过实际项目来应用 TypeScript，了解如何在项目中配置 TypeScript，以及如何与现有的 JavaScript 代码集成。了解 TypeScript 的基本概念，安装 TypeScript，编写第一个 TypeScript 程序。学习 TypeScript 的高级类型，如联合类型、交叉类型、类型别名、类型守卫等。学习 TypeScript 的函数，包括函数类型、可选参数、默认参数、剩余参数。学习 TypeScript 的类，包括构造函数、访问修饰符、继承、多态等。
2024-11-06 11:20:02
448
原创 vue3中的setup到底是什么？
setup函数是Vue 3中非常重要的一个配置项，它允许我们使用更灵活的方式来组织和重用代码。通过学习setup函数的使用方法，我们可以更好地利用Vue 3的Composition API来构建组件。
2024-11-05 18:19:49
1031
原创 Less语法详解：从零开始，轻松掌握Less
/ 定义一个颜色变量// 定义一个字体大小变量// 定义一个内边距变量混合通过的形式定义，其中mixin-name是混合的名称。混合内部可以包含任何 CSS 规则。.rounded {除了内置函数，还可以自定义函数。自定义函数允许封装一段代码，并在需要时调用它。#header {
2024-11-04 10:49:09
11145
原创 【vue】14.插槽：构建可复用组件的关键
根据 Vue 官方的定义：“插槽用于向子组件传递内容。和 prop 用于传递数据不同，插槽用于传递更丰富的内容，包括 HTML 元素和其他 Vue 组件。简单来说，插槽就像是组件预留的“空位”，允许向组件内部插入任何内容，无论是文本、HTML 元素还是其他组件。有了插槽组件更加灵活，可以根据不同的使用场景展示不同的内容。听起来有点抽象，没关系，举个例子一下就懂了。现在有一个界面，它是由许多个卡片组件构成的。我们称界面为父组件，卡片组件为子组件，如图：// 卡片组件 子组件
2024-10-30 16:54:10
1235
1
原创 编程小白如何成为大神？大学新生的最佳入门攻略
大学新生们往往在大一就学习C语言。作为一个过来人，我认为一上来就学C语言是非常枯燥的，一上来就被各种专业术语打趴，差点浇灭学习编程的热情。因此我建议开始时先从python入手，然后跟着学习进程学习C语言，后面根据需要再学别的语言。只要你深入学习一门语言，学习其他的语言就会轻松很多，大家不要有太大压力。在选择编程语言作为入门工具时，Python以其简洁的语法和丰富的库资源脱颖而出，成为初学者的理想选择。
2024-10-29 16:32:23
800
原创 【vue】13.深入理解递归组件
递归组件是指在一个组件的模板中直接或间接地调用自身。这种组件常用于构建具有层级结构的数据，如树形控件、菜单、评论系统等。递归组件的关键在于它有一个终止条件，以防止无限循环调用。递归组件是Vue.js强大功能之一，它为处理层级和嵌套数据提供了优雅的解决方案。通过理解和掌握递归组件的应用，我们可以构建出更加复杂和灵活的界面。在实际项目中，合理使用递归组件不仅可以提升开发效率，还能让代码更加简洁和易于维护。
2024-10-29 15:07:37
1583
原创 【vue】12.全局组件与局部组件的深入解析
在Vue中，组件是Vue应用中可复用的最小单元。它包含了一个自定义元素以及与其相关的模板、脚本和样式。组件允许我们将UI拆分成独立可复用的部分，每个部分都可以独立开发和测试，最终组合成一个完整的应用。组件的使用大大提高了代码的复用性、可维护性和可测试性。在Vue中，你可以通过定义一个组件对象或者使用单文件组件（.vue文件）来创建组件。举个例子：组件就像积木中的一块块独立的小积木。每一块积木都有其特定的形状和功能，可以单独使用，也可以和其他积木组合在一起，构建出各种不同的模型。
2024-10-29 14:49:36
768
原创 【vue】11.Vue 3生命周期钩子在实践中的具体应用
Vue 3的生命周期钩子为开发者提供了在不同阶段操作组件的强大能力。本文将带您了解每个生命周期钩子的使用场景，并通过简单的案例来展示它们在实际开发中的应用。
2024-10-29 11:34:32
948
原创 【vue】10.组件的生命周期-从Vue 2到Vue 3的演变
组件生命周期指的是组件从创建到销毁的整个过程，这个过程被划分为几个特定的阶段，每个阶段都有对应的钩子函数供开发者介入组件的行为。创建前/后、挂载前/后、更新前/后和销毁前/后。创建前/后上面是实例生命周期的图表。你现在并不需要完全理解图中的所有内容，但以后它将是一个有用的参考。（来自vue官网）Vue 3组件生命周期在Vue 2的基础上进行了优化和调整，使得组件的管理更加灵活和高效。通过引入组合式API，Vue 3为开发者提供了更多组织代码的方式，使得组件逻辑更加清晰。
2024-10-29 11:06:00
1115
原创 【vue】09.computer和watch的使用
计算属性（computed）用于声明依赖响应式数据的计算值。简单点来说就是，当依赖的数据发生变化时，计算属性会自动重新计算。侦听器（watch）用于观察和响应 Vue 实例上的数据变动。当数据变化时，会触发对应的回调函数。本文通过案例由浅入深地介绍了Vue 3中computed和watch的使用方法。掌握这两个API的高级用法，有助于我们更好地处理响应式数据，提高开发效率。在实际项目中，应根据场景灵活运用computed和watch，充分发挥它们的优势。
2024-10-29 10:46:54
1293
原创 【vue】08.vue的响应式原理
响应式数据是指那些能够在被修改时自动更新视图的数据。在 Vue.js 中，响应式数据是核心特性之一，它允许开发者通过简单地修改数据来驱动界面更新，无需手动操作 DOM。当响应式数据的值发生变化时，所有依赖于这些数据的视图都会自动重新渲染，以反映最新的状态。简单来说，响应式数据就是会自动更新到界面上的数据。
2024-10-25 15:51:49
1211
原创 【vue】07.自定义指令
使用自定义指令可以将复杂的DOM操作封装成可复用的指令，从而提高代码的抽象程度、解耦逻辑，并增强模板的声明式编程能力。简单来说，就是把一些通用的DOM操作封装起来，方便使用。抽象和复用。将复杂的操作封装起来，然后在不同的组件中重复使用，不必每次都重写相同的逻辑。简洁。因为自定义指令经与特定 DOM 操作相关的代码从组件的逻辑中分离了出来，将逻辑进行解耦，所以有利于保持组件的简洁性。提高可读性。定义指令时最好语义化一些，便于其他开发者阅读代码时，通过指令名称快速理解其作用。易于维护。
2024-10-25 14:25:01
420
原创 【vue】15.组件通信的方式（一）props、emits、v-model
Vue 组件通信指的是在 Vue.js 应用程序中，不同组件之间传递数据和信息的过程。在一个项目中，通常有很多个组件，其中每个组件都是独立的实例，都拥有自己的状态和方法。因此，为了构建复杂的应用，组件之间需要能够互相传递数据和信息，也就是进行组件通信，接下来的几篇内容将对vue组件通信的方式进行一个详细介绍。
2024-10-25 10:57:11
1089
原创 【vue】06.过滤器
过滤器可以在组件的选项中定义，或者在 Vue 实例的全局范围内定义。全局过滤器if (!})// 定义了一个名为 'capitalize' 的全局过滤器。// Vue.filter 方法接受两个参数：// 1. 'capitalize' 是过滤器的名称，可以在模板中通过这个名称来使用过滤器。// 2. 一个函数，这个函数会接收从模板传递过来的值，并对其进行处理。if (!// 如果传入的 value 是假值（比如 null、undefined、空字符串等），// 则直接返回一个空字符串。
2024-10-22 17:21:25
1476
原创 【vue】05.常见的 JavaScript 表达式及其详细说明
在 JavaScript 中，表达式（Expression）是一个代码片段，它被计算（或求值）后能够返回一个值。表达式可以是任何能够生成值的代码结构。：表达式执行后会有一个结果值，这个值可以是任何数据类型，如字符串、数字、布尔值、对象、数组等。：表达式通常用于计算或定义值，它们可以出现在需要值的地方，如赋值语句的右侧、函数调用参数等。：表达式往往比较短小，它们可以是一个单独的变量名、字面量、运算符等。
2024-10-22 17:01:01
724
原创 【vue】04.vue3指令的详细说明及注意事项
v-bind上篇介绍了有关vue数据绑定的指令，这篇会在之前的基础上，再介绍一些其他常见的vue指令。
2024-10-22 16:44:21
1147
原创 【vue】03.vue基础概念（模板语法、数据绑定、vue指令）
Vue 使用一种基于 HTML 的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析。在底层机制中，Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式系统，当应用状态变更时，Vue 能够智能地推导出需要重新渲染的组件的最少数量，并应用最少的 DOM 操作。Vue 中的模板语法就是用来告诉 Vue 如何将数据展示在网页上的规则。双大括号v-前缀指令v-ifv-for。
2024-10-22 16:17:50
727
原创 【vue】02.vue3实例创建
通过模板字符串或者 render 函数，Vue 实例让你可以定义组件的结构和视图，Vue 会根据这些定义渲染 DOM。
2024-10-22 15:37:34
587
原创 【vue】01.vue3环境搭建及项目创建
Node.js是一种可以让电脑运行JavaScript代码的工具。通常，JavaScript是用来在网页上添加互动性的，比如点击按钮后发生的事情。但有了Node.js，你可以在电脑上运行JavaScript来执行各种任务，比如创建网站、处理数据、管理文件等，而不仅仅是在网页浏览器中使用。简单来说，Node.js就像是一个桥梁，让JavaScript可以在电脑上做更多的事情。
2024-10-15 17:33:06
583
原创 【vue】00.vue3学习之旅（前言）
之前的vue基础不够牢固，导致项目经常看不明白，所以现在打算重新系统的学习一下vue的知识，以vue3为主，期望今年过年前能完成该专栏。目标确立，开始执行!
2024-10-15 16:54:32
263
原创 vue3学习笔记
1.v-if如果想控制多个元素，可以把多个元素包裹在<template>元素上，并在上面使用v-if，最终的渲染结果不会包含<template>元素。3.<label>元素是用来定义输入字段的标签的，通常与<input><select><textarea>关联起来，为其提供描述性的文本。可以传三个参数：对象的属性、键名、索引。
2024-10-11 15:46:50
220
原创 nvm的使用
的版本管理工具，可以简单操作node版本的切换、安装、查看，与npm不同的是，npm是依赖包的管理工具。7.重新安装指定版本的 Node.js，并将全局包重新安装到新版本中。2.列出已安装的所有 Node.js 版本，带*的是当前正在使用的。8.指定版本的 Node.js 环境下执行特定命令。3.显示当前正在使用的 Node.js 版本。1.查看可在线安装的NodeJS版本。6.卸载指定的 Node.js 版本。9.显示 NVM 的版本信息。4.为指定的版本创建别名。5.删除指定版本的别名。
2024-10-11 10:34:18
1793
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人