自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 问答 (1)
  • 收藏
  • 关注

原创 从ES5到ES6+:JavaScript语法演进与实现解析

本文探讨了JavaScript从ES5到ES6+的语法演进,重点介绍了ES6+中的新特性及其在ES5中的实现方式。ES6+引入了let和const、箭头函数、解构赋值、模板字符串和类等语法糖,显著提升了代码的简洁性和可维护性。文章还分析了这些新特性在ES5中的模拟实现,帮助开发者理解其底层机制。ES6+的推出不仅改进了语法,还推动了模块化、异步编程等现代开发模式的应用,标志着JavaScript语言的一次重要跃迁。

2025-05-12 10:22:06 1069

原创 ECharts中的markPoint使用,最大值,最小值,展示label数值

markPoint是 ECharts 中用于标注图表中特殊数据点的配置项。通过markPoint,可以在图表中突出显示特定的数据点,例如最大值、最小值、平均值等,并可以自定义标注的样式和位置。首先,我们定义一个PointProps接口,用于约束symbolSize?: number;// 标注点的大小max?: { color?: string;: string;: number };// 最大值标注的样式min?: { color?: string;: string;: number };

2025-04-22 14:50:33 557

原创 前端中的浮动、定位与布局

浮动、定位以及各种布局方法是前端开发中实现网页布局的重要工具。通过理解它们的基本原理和用法,开发者可以更好地控制页面的结构和样式,实现复杂的网页布局。然而,布局并不是一件简单的事情,需要开发者不断学习和实践,才能掌握其中的精髓。在前端开发的道路上,布局是一个永恒的话题。希望本文能够帮助读者更好地理解浮动、定位以及各种布局方法。

2025-04-21 16:05:29 830

原创 前端盒模型详解

盒模型是前端开发中不可或缺的知识点。通过理解盒模型的基本概念、类型、属性及其在实际开发中的应用,开发者可以更好地控制页面布局和设计。然而,盒模型也不是万能的,开发者需要根据实际情况合理使用,避免常见的问题。

2025-04-18 09:12:09 759

原创 前端BFC详解:从基础到深入的全面解读

BFC,即Block Formatting Context,中文译为“块级格式化上下文”。它是一个独立的渲染区域,决定了内部元素如何布局以及与外部元素的关系。简单来说,BFC是一个独立的盒子,内部的元素按照BFC的规则进行布局,而外部的元素则不受BFC内部布局的影响。BFC是前端开发中一个非常重要的概念,它决定了元素的布局和渲染方式。通过理解BFC的创建方式、特性及其在实际开发中的应用,开发者可以更好地控制页面布局,解决常见的布局问题。

2025-04-17 11:25:43 269

原创 前端CSS选择器详解

在前端开发中,CSS(层叠样式表)是用于描述HTML文档外观和格式的语言。选择器是CSS的核心,它决定了哪些HTML元素将应用特定的样式。选择器可以针对HTML元素的类型、属性、内容甚至它们在文档中的位置进行匹配。

2025-04-16 16:41:55 286

原创 前端中CSS到底是什么

CSS是前端开发中不可或缺的一部分,它赋予了网页视觉上的吸引力和布局上的灵活性。通过理解CSS的基本概念、语法和特性,开发者可以更好地控制网页的样式和布局,创造出美观、响应式和可访问的网页。

2025-04-16 15:36:59 921

原创 Canvas在HTML中的应用与实践

Canvas是HTML5引入的一个元素,它提供了一个可以通过JavaScript进行绘制的区域。Canvas元素本身并没有绘图能力,所有的绘图操作都需要通过JavaScript来完成。Canvas的出现,使得Web开发人员可以在网页上实现复杂的图形和动画效果,而无需依赖Flash等插件。Canvas是HTML5中一个非常强大的元素,它为Web开发人员提供了丰富的图形绘制和动画制作能力。通过本文的介绍,相信可以对Canvas有了一个基本的了解,并掌握了一些基本的使用方法和高级应用技巧。

2025-04-16 15:27:01 945

原创 常用 Git 命令详解

以上是协同开发中常用的 Git 命令,掌握了这些命令,可以更高效地进行代码管理和协作开发。当然,Git 的功能远不止这些,随着使用的深入,你还会发现更多强大的功能。

2025-04-15 17:44:51 281

原创 JavaScript 类数组(伪数组)

类数组对象通常具有一个length属性,并且属性名是索引(从 0 开始的整数),但它们并非真正的数组实例,不直接继承自。常见的类数组对象有函数中的arguments对象、DOM元素集合(如返回的结果)等。例如,当我们在一个函数中访问arguments时,它看起来像一个数组,可以通过索引访问其中的元素,也有length属性,但它并不是一个真正的数组,不能直接调用数组的方法,如pushpop等。

2024-12-22 18:11:00 681

原创 BFF架构

BFF即 Backends For Frontends (服务于前端的后端),顾名思义,是专门为前端应用打造的后端。传统的后端架构往往侧重于提供通用的数据接口,服务于多个不同类型的前端,如 Web、移动端等。但随着业务复杂度提升,不同前端对数据的需求差异越发显著。BFF 架构应运而生,它处于前端应用与通用后端服务之间作为一个中间层,根据前端的特定需求定制化地处理数据,整合多个后端微服务的数据,转化为前端最适用的格式,让前端能够高效便捷地获取所需信息。

2024-12-21 17:32:27 555

原创 使用阿里云服务器+宝塔部署一个node博客网站

在过去的前端学习过程中一直想部署一个属于自己的个人博客网站,在此记录一下部署的全过程吧(自用)。

2024-12-10 21:28:44 952

原创 获取图像颜色信息,在Vue3中使用colorthief

在前端开发中,有时我们需要从图像中提取颜色信息,以实现一些与颜色相关的功能,例如根据图像的主色调来调整页面的配色方案,或者为用户提供图像颜色分析的功能。就是这样一个非常实用的JavaScript库,它可以帮助我们轻松地从图像中抓取颜色调色板,并且在浏览器和Node环境中都能使用。本文将介绍如何在Vue3项目中使用colorthief库。

2024-11-24 18:32:25 671

原创 使用Clipboard API实现复制内容到剪切板的Vue3自定义指令

在Web开发中,经常会遇到需要将特定内容方便地复制到剪切板的功能需求。在Vue3项目里,我们可以通过自定义指令来优雅地实现这一功能,本文将详细介绍如何使用Clipboard API来达成此目的。

2024-11-22 14:59:15 1114

原创 前端超级好用的徽章生成网站shields的使用简介

在前端开发过程中,我们常常需要为项目添加各种标识和徽章来展示项目的状态、版本信息、依赖情况等。Shields.io这个网站提供了一个非常便捷的方式来生成各种漂亮且实用的徽章,以下是其详细的使用教程。

2024-11-21 17:30:57 1872

原创 在Vue3中封装一个数字滚动效果的组件

此组件旨在接收外部传入的数值及动画持续时间参数,在页面滚动到特定位置时,触发数字从初始值平滑滚动至目标值的动画效果,并且当传入数值发生变化时,能够自动重新执行动画以更新显示。//接收需要实现滚动的数据value: {},},});通过函数,我们定义了组件接收的两个重要属性。value属性指定了数字滚动要达到的目标数值,类型为Number且默认值为0;duration属性则确定了动画的持续时间,同样为Number类型,默认时长1秒。

2024-11-20 20:46:24 1864

原创 dotenv的使用:基本功能的介绍和说明

环境变量管理:在应用开发过程中,常常需要根据不同的环境(如开发环境、测试环境、生产环境)来使用不同的配置。dotenv 允许开发者将这些配置以环境变量的形式存储在一个文件中,而不是将敏感信息(如数据库密码、API 密钥等)或可变的配置参数(如服务器端口号)硬编码到代码中。这样可以提高代码的安全性,并且方便在不同环境之间切换配置。当你在项目中引入dotenv模块并调用其config方法时,dotenv会做以下几件事情:1.dotenv会查找项目根目录下的.env文件。如果找到了,它会读取文件中的内容。

2024-11-20 13:28:04 446

原创 WebSocket的应用:前后端详解与使用

WebSocket是一种网络通信协议,它提供了在单个TCP连接上进行全双工通信的功能。在下面这个聊天应用示例中,WebSocket被用于实现实时的聊天功能,包括用户之间的消息发送、接收,用户状态管理以及其他相关的交互操作,为用户带来流畅的聊天体验。

2024-11-19 10:39:17 3765

原创 前端干货之随机图库 Lorem Picsum

今天给大家推荐一个免费的图片库,简单好用。

2024-11-18 18:31:03 438

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除