自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(158)
  • 资源 (1)
  • 收藏
  • 关注

原创 Vue 全局自适应大小:使用 postcss-pxtorem

在现代前端开发中,响应式设计已经成为不可或缺的一部分。尤其是在移动设备的普及下,保证网页在各种屏幕尺寸下的显示效果变得尤为重要。Vue.js 作为一个流行的前端框架,能够很方便地实现响应式设计。而在这方面, 是一个非常有用的工具,它可以将 px 单位自动转换为 rem 单位,从而实现更好的自适应布局。本文将介绍如何在 Vue 项目中使用 实现全局自适应大小。 是一个 PostCSS 插件,可以将 CSS 文件中的 px 单位转换为 rem 单位。通过这种方式,元素的大小可以根据根元素()的字体大小进行自适

2025-01-22 10:49:11 343

原创 Cursor前端开发提示词分享

Always respond in 中文。将提示词复制黏贴进输入框里即可。

2024-11-21 13:55:02 2004

原创 Vue 生成二维码

通过以上讲解,我们实现了基于 Vue 的二维码生成功能,并扩展了更多实用场景。二维码技术在现代前端开发中应用广泛,掌握其实现方式,可以更好地满足业务需求。希望本文对你有所帮助!

2024-11-18 14:59:17 599

原创 ai聊天对话页面-uniapp

流式传输打字机效果,只支持uniapp内使用。

2024-10-18 15:51:50 536 1

原创 在 Vue 项目中引入字体文件的详细指南

在 Vue 项目中引入自定义字体文件,可以通过多种方式实现。这取决于你的项目结构、构建工具以及字体文件的来源。本文将详细介绍如何通过不同方法引入本地字体文件以及从外部引入字体。

2024-10-14 16:28:54 1969

原创 若依如何切换TAB标签不刷新页面

所以在编写路由 router 和路由对应的 view component 的时候一定要确保 两者的 name 是完全一致的。(切记 name 命名时候尽量保证唯一性 切记不要和某些组件的命名重复了,不然会递归引用最后内存溢出等问题)一定要保证两者的名字相同,切记写重或者写错。默认如果不写 name 就不会被缓存,详情见。在系统管理-菜单管理-可以配置菜单页签是否缓存,默认为缓存。是强耦合的,而且查看文档和源码不难发现。默认是优先匹配组件的。

2024-10-12 17:22:08 710

原创 禁止微信浏览器下拉回弹效果

找了半天解决办法最后发现直接给body加上这个属性就可以实现禁止下拉了。

2024-10-10 09:54:47 232

原创 git分支合并时忽略指定文件

2.在项目根目录下新建文件.gitattributes然后文件中写入需要忽略的文件名 + merge=ours, 一个文件占一行。1.在项目根目录下cmd窗口运行以下命令。分支合并忽略特定文件步骤。

2024-09-19 09:04:20 570

原创 vue2中使用i18n配置elementUi切换语言

1、下载插件。

2024-08-15 14:44:59 600

原创 如何看待“低代码”开发平台的兴起?

低代码开发平台的兴起,无疑是软件开发领域的一次重要变革。它提供了前所未有的效率提升和开发灵活性,同时也带来了质量和安全性的新挑战。在这一背景下,开发者和企业需要理性看待低代码平台的优缺点,充分利用其带来的机遇,同时谨慎应对潜在的风险。未来,随着技术的不断进步和完善,低代码平台有望在更多领域得到广泛应用,成为推动数字化转型的重要力量。

2024-08-12 10:05:28 468

原创 Vue 中使用vue-pdf

vue-pdf是一个基于pdf.js的 Vue 组件库,允许你在 Vue 应用中展示 PDF 文档。pdf.js是 Mozilla 开发的一个流行的 JavaScript 库,用于在 Web 浏览器中渲染 PDF 文件。通过vue-pdf,我们可以将 PDF 文件嵌入到 Vue 组件中,并提供一些基本的查看功能,例如页面导航和缩放。vue-pdf是一个强大的 Vue.js 组件,适合在 Web 应用中展示 PDF 文件。它基于 Mozilla 的pdf.js,提供了丰富的功能,包括页面导航、缩放、旋转等。

2024-08-12 10:03:07 1706

原创 Fabric.js 绘制图形 API 完全指南

Fabric.js 提供了一组强大的 API,用于绘制和操作各种图形对象。通过掌握这些 API 和参数,开发者可以创建丰富的图形应用。本文介绍了 Fabric.js 中所有的绘制图形 API 及其参数,希望能帮助您更好地使用 Fabric.js 进行开发。

2024-07-02 09:21:36 1524

原创 Pixi.js 使用指南

Pixi.js 是一个高性能的 2D 渲染引擎,广泛应用于游戏开发、动画制作和数据可视化。它基于 WebGL,提供了卓越的渲染性能,同时兼容 HTML5 Canvas 作为后备渲染器。本文将介绍 Pixi.js 的基本使用方法,涵盖初始化、绘制基本图形、处理事件和创建动画等内容。Pixi.js 是一个功能强大且高性能的 2D 渲染引擎,适用于各种需要复杂图形和动画的应用场景。通过本文的介绍,您应该已经掌握了 Pixi.js 的基本使用方法,包括创建应用、绘制基本图形、处理事件和动画等。

2024-07-02 09:19:07 2165 1

原创 Konva.js 使用指南

Konva.js 是一个用于创建 2D 图形的高性能 JavaScript 库,专注于提供丰富的 API 和灵活的图层管理。它适用于数据可视化、游戏开发和其他需要复杂图形和动画的应用场景。本文将介绍 Konva.js 的基本使用方法,包括初始化、绘制基本图形、处理事件和动画等。Konva.js 是一个功能强大且灵活的 2D 图形库,适用于多种复杂图形和动画场景。通过本文的介绍,您应该已经掌握了 Konva.js 的基本使用方法,包括创建舞台和图层、绘制基本图形、处理事件和动画等。

2024-07-02 09:16:57 1127

原创 主流 Canvas 库对比:Fabric.js、Konva.js 和 Pixi.js

Fabric.js 是一个基于对象的 Canvas 库,提供了丰富的 API 来操作和管理 Canvas 元素。它特别适合处理交互式和可编辑的图形应用,如在线图像编辑器、绘图工具等。Konva.js 是一个用于创建 2D 图形的 Canvas 库,专注于高性能和灵活性。它适合需要复杂图形和动画的应用,如数据可视化和游戏开发。Pixi.js 是一个专注于高性能 2D 渲染的库,广泛应用于游戏开发和动画制作。它利用 WebGL 技术,提供了出色的渲染性能。

2024-07-02 09:15:19 4310 2

原创 Fabric.js 使用指南

Fabric.js 是一个功能强大且易于使用的 JavaScript 库,用于在 HTML5 Canvas 上进行操作。它提供了一组丰富的 API,帮助开发者创建、操作和管理 Canvas 元素,使图形处理更加简单和直观。本文将介绍 Fabric.js 的基本使用方法,涵盖其主要功能和常见操作。Fabric.js 是一个功能丰富且易于使用的库,可以极大地简化 HTML5 Canvas 的操作。

2024-07-02 09:11:59 976

原创 JavaScript 错误解析与最佳实践:隐式返回对象字面量的正确写法

在JavaScript开发中,箭头函数(Arrow Functions)因其简洁的语法和灵活的功能而广受欢迎。然而,在使用箭头函数返回对象字面量时,开发者常常会遇到一些语法错误。本文将通过一个常见的错误示例,详细解析其原因,并提供正确的写法和最佳实践,帮助你避免类似的错误。

2024-06-14 10:04:11 447

原创 IT行业的现状与未来:技术创新引领时代变革

IT行业正在以惊人的速度发展和变革,成为驱动全球经济和社会发展的重要引擎。无论是云计算、大数据、人工智能、物联网、5G通信还是区块链,每一项技术都在不断进步,并相互融合,推动着技术的前沿发展。未来,我们期待更多行业领袖、技术专家和创新者参与到这一过程中,共同探索IT行业的无限可能,推动技术进步与社会发展的深度融合。让我们一起迎接IT行业的美好未来,创造更加智能、高效和安全的数字化世界!

2024-05-15 14:13:30 689

原创 高级HTML与CSS面试题

Composition API通过函数组合和逻辑抽离提升了代码的可复用性。可以将逻辑提取到可复用的函数中,然后在多个组件中使用。Event Loop是JavaScript处理异步操作的机制。它包括调用栈、消息队列和事件循环。CSS性能问题常见于选择器效率、重排(reflow)和重绘(repaint)。在响应式设计中,复杂布局可以通过Flexbox和Grid布局来实现。这个例子使用了CSS Grid来实现响应式网格布局,Flexbox来实现单个项的居中对齐。回调,因为微任务队列优先于宏任务队列。

2024-05-14 11:24:43 472

原创 Vue 3:定义下一代前端开发标准

通过引入Composition API、性能优化、TypeScript支持等一系列强大的新特性,Vue 3不仅使得前端开发更加灵活、高效,同时也为我们树立了下一代前端开发的标准。作为前端开发者,我们应该及时学习并掌握Vue 3的新特性,以便在未来的项目中充分发挥其优势,为用户创造出更加优秀的Web应用体验。Vue 3通过优化虚拟DOM算法和响应式系统,实现了显著的性能提升。Vue 3的到来不仅意味着更快、更轻量级的框架,更重要的是,它引入了一系列强大的新特性和改进,为前端开发带来了全新的体验和标准。

2024-05-10 13:51:34 445

原创 探索前端技术的未来:新兴工具与框架的引领

无论是WebAssembly、React、Vue,还是Jamstack和TypeScript,它们都将在未来的前端开发中扮演重要角色,我们应该保持开放的心态,积极探索和应用这些新技术,为自己的职业生涯注入新的活力。随着越来越多的浏览器开始支持Wasm,我们可以预见它将成为未来前端开发的重要组成部分。作为前端开发者,我们时刻都要保持对新兴工具和框架的关注,以便跟上技术的脚步,同时也为自己的职业发展做好准备。在这篇文章中,我们将探索前端技术的未来趋势,介绍一些备受关注的新工具和框架,以及它们对前端开发的影响。

2024-05-10 13:51:02 417

原创 前端性能优化指南:加速您的Web应用

前端性能优化是提升用户体验、增加用户留存率和提高网站SEO排名的关键。通过一些简单的技术和策略,您可以显著改善您的Web应用的加载速度和响应性。以下是一份综合性的前端性能优化指南,帮助您加速您的Web应用。

2024-05-10 13:48:30 592

原创 跨平台移动应用开发指南:打造跨越iOS和Android的移动应用

跨平台移动应用开发已经成为许多开发者的首选,因为它可以节省时间、成本和精力,同时使得应用能够覆盖更广泛的用户群体。本指南将介绍跨平台移动应用开发的基本概念、流行的跨平台框架以及一些最佳实践,帮助您快速入门并打造出高质量的跨平台移动应用。

2024-05-10 13:47:57 895 1

原创 解析React Hooks的工作原理与影响

React Hooks是React生态系统中的一项重大变革,它们改变了React开发方式,使得函数组件可以拥有类组件的功能,并带来了代码简洁、逻辑分离和复用性提升等好处。通过合理地运用Hooks,并遵循最佳实践,可以使得React应用更易于开发、维护和扩展。

2024-05-09 15:04:45 419

原创 vue2的所有路由钩子解析

当你在Vue.js中使用路由时,路由钩子函数是非常有用的工具,它们允许你在路由导航过程中执行特定的操作。在Vue.js 2中,有几种不同类型的路由钩子函数,每一种都有其独特的用途和时机。让我们逐一来了解这些路由钩子函数。

2024-05-09 15:01:45 995

原创 React 18 中常见的生命周期方法

是 React 组件的构造函数,用于初始化组件的状态和绑定方法。是一个静态方法,用于根据 props 的变化来更新组件的状态。在 render 方法之后、更新 DOM 之前调用,用于获取更新前的 DOM 状态,通常与。在组件更新完成后调用,通常用于执行一些与更新相关的操作,如更新 DOM、发送网络请求等。在组件被挂载到 DOM 后调用,通常用于执行一些初始化操作,如网络请求、订阅事件等。也在更新阶段被调用,用于根据 props 的变化来更新组件的状态。方法在更新阶段同样会被调用,用于重新渲染组件的 UI。

2024-04-02 17:11:19 1229

原创 JavaScript数组常用方法:提升开发效率的利器

JavaScript是一种广泛应用于Web开发的脚本语言,而数组是JavaScript中最常用的数据结构之一。在JavaScript中,数组提供了许多强大的方法,可以方便地操作和处理数据。本文将介绍一些常用的JavaScript数组方法,帮助开发者提升开发效率。push()方法:在数组末尾添加一个或多个元素。pop()方法:从数组末尾移除最后一个元素,并返回该元素。shift()方法:从数组开头移除第一个元素,并返回该元素。unshift()方法:在数组开头添加一个或多个元素。

2024-03-07 15:56:38 950

原创 uniapp图片涂鸦插件(支持多种涂鸦方式,图片放大缩小)

组件使用相关代码,详细代码请参考示例工程,下面贴出主要代码。

2024-03-07 15:49:02 1721 3

原创 Vue 2 项目升级为 Vue 3 心得与经验分享

Vue 3 引入了 Composition API,这是一个更灵活和强大的替代 Vue 2 中的 Options API。通过充分的准备和计划,以及积极地参考文档和社区资源,相信你可以顺利完成这个迁移过程,并享受到 Vue 3 带来的新特性和改进所带来的好处。在这篇文章中,我将分享我在将 Vue 2 项目升级为 Vue 3 过程中的心得和经验,希望能帮助到正在面对同样挑战的开发者们。此外,还有许多社区资源,如博客文章、视频教程等,可以帮助你更好地理解 Vue 3,并解决在迁移过程中遇到的问题。

2024-02-27 15:00:31 996

原创 uniapp中canvas的基础使用

canvas是uniapp中提供的一个组件,用于生成自定义的图形界面。通过canvas,我们可以通过JavaScript代码在页面上绘制各种图形和图像。

2024-02-27 14:52:03 3275

原创 如何统计数组中重复元素的数量并获取其他相关数据?

函数接受一个数组作为参数,该数组包含多个对象,每个对象都有。的重复数量和其他数据,并将结果存储在一个新数组。函数通过遍历数组,计算每个。

2024-02-27 14:49:25 505

原创 Vue3前端框架:动态组件详解

在 Vue.js 3 中,动态组件是一个强大而灵活的功能,为开发人员提供了更多的控制权和创造性。通过适当的使用,你可以更好地组织和管理你的代码,提高项目的可维护性和可扩展性。在这个示例项目中,你可以使用动态组件来轻松实现这个功能。上述代码中,currentComponent 是一个在数据中定义的变量,根据需要可以动态改变,从而决定渲染的具体组件。通过简单地改变变量的值,你可以在不同的状态下渲染不同的组件,从而更好地满足项目需求。动态组件允许你在不同的场景下复用相同的代码,只需在渲染时动态选择不同的组件。

2024-01-30 15:39:41 1535

原创 如何使用 JavaScript 实现图片上传并转换为 LaTeX 公式

通过本教程,我们学习了如何利用 JavaScript 实现图片上传并转换为 LaTeX 公式的功能,同时也介绍了一些相关的技术点,希望对大家有所帮助。

2023-11-24 11:10:03 551

原创 开发vue3 UI组件库,并且发布到NPM

(2)下面编写同文件夹下的index.js文件,这个文件的作用主要是用来单独导出某一个组件使用的,比如将来在一个项目里只需要引入一个button组件。:用于指定项目的目标浏览器和 Node.js 版本,以便在构建过程中进行相应的兼容性处理。这些字段可以根据项目的需要进行添加和配置,以便更好地描述和管理项目的相关信息和依赖关系。这些依赖关系是指包与当前包一起使用的其他包。: 项目的名称,这是在 npm 上注册和发布你的包时使用的唯一标识符。:指定了项目的运行环境要求,比如 Node.js 的版本范围等。

2023-11-13 15:32:49 1605

原创 Vue.js项目中使用vue-i18n

当切换语言时,vue-i18n会自动根据当前语言显示翻译内容。例如,在上述示例中,初始语言为英文,因此页面上展示的是"Hello!“,当切换语言为中文时,页面上的文本会自动更新为"你好!在上述示例中,首先在main.js中引入vue-i18n,并定义了两种语言的翻译内容。然后,在创建Vue实例时,将VueI18n实例作为插件注册,并传入语言包。这只是一个简单的vue-i18n案例,你可以根据具体项目需求进行更复杂的语言包配置和翻译使用。方法进行翻译,在mounted钩子函数中可以通过。

2023-10-10 13:59:43 956 2

原创 vue3中使用editor.js

总而言之,Editor.js 是一个功能强大、灵活且易于使用的编辑器库,适用于构建各种应用程序中的富文本编辑功能,如内容管理系统、博客平台、电子商务平台等。你可以根据需要编写自己的块插件,并将其集成到编辑器中,以满足特定的编辑需求。:Editor.js 采用了块结构的概念,将内容分解为可独立操作和样式化的不同块,如段落、标题、图像、列表等。它的设计理念是简洁、无干扰的用户体验,焦点是在“块”内容上,而非传统的富文本编辑器的样式。:不仅可以创建单一块的内容,还可以在块内部创建嵌套结构,构建复杂的内容组合。

2023-09-25 16:51:15 2734 1

原创 计算平均分数并将其分配给对象

我们有时需要将一定数量的分数等平均分配给一组对象。我们将计算平均分数,然后将其分配给对象,并确保总分数正确。

2023-09-13 14:52:36 143

原创 js判断是否处于微信浏览器内

在本文中,我们介绍了两种常用的方法来判断当前页面是否在微信中打开。通过分析 User Agent 或使用微信提供的 API,我们可以根据不同的需求选择适合的方式。然而,需要注意的是,这些方法有一定的局限性,不能保证百分之百准确性。在实际开发中,我们可能需要综合考虑多种判断方式,以提高准确性和可靠性。同时,我们还应该及时关注微信官方文档和开发者社区,了解最新的判断方法和技术,以确保我们的应用能够适应微信平台的变化。希望本文对你理解如何判断当前页面是否在微信中打开有所帮助。

2023-09-05 18:08:58 3390 1

原创 使用Clipboard插件实现Vue的剪贴板功能

Clipboard插件是一个轻量级的JavaScript插件,它提供了一种简单而强大的方式来操作剪贴板。该插件可以方便地将文本、URL或其他数据复制到剪贴板,并且支持从剪贴板中获取数据。它兼容各种主流浏览器,并且易于集成到现有的Vue项目中。使用Clipboard插件结合Vue框架,我们可以轻松实现剪贴板功能,为用户提供更便捷的操作体验。祝愿大家能够成功地将这一功能应用到自己的项目中,提升用户体验!

2023-09-05 09:34:49 1385

原创 Electron环境搭建

它基于Chromium和Node.js,使得开发者可以使用Web技术(HTML、CSS和JavaScript)来构建可在Windows、macOS和Linux等多个操作系统上运行的应用程序。本文介绍了如何搭建Electron环境,并通过一个简单的示例来演示Electron应用程序的创建过程。至此,您已成功搭建了Electron环境,并创建了一个简单的Electron应用程序。您可以根据需要继续开发和扩展,利用Electron丰富的API和功能,构建出功能强大的桌面应用程序。的文件,用于编写渲染进程的代码。

2023-08-21 16:06:26 1488

ct-aiChat.zip

uniapp写的仿ai聊天页面,支持流式传输,打字机效果

2024-10-18

前端专业大学毕业设计响应式作品

在当今数字化时代,响应式设计已成为前端开发中不可或缺的一部分。响应式设计旨在使网站能够适应不同设备和浏览器窗口的尺寸,以提供用户最佳的浏览体验。这种设计理念强调灵活性与可用性,使得无论用户是在手机、平板还是桌面电脑上访问网站,都能享受到一致且友好的界面。 作为前端专业的大学生,毕业设计是展示自己所学知识与技能的重要机会。以模仿知名网站“find”的官方网站为例,选择这一项目不仅可以深入理解响应式设计的原则,还能帮助提升实际开发能力。在设计过程中,可以通过CSS媒体查询、流式布局和灵活的图片等技术,确保页面元素在不同屏幕尺寸下的合理排列与调整。例如,在较小的设备上,导航栏可以变成汉堡菜单,而在大屏幕上则以横向排列的形式展现,增强用户体验。 此外,响应式网站的开发也涉及到前端框架的使用,例如Bootstrap或Tailwind CSS,这些框架提供了现成的组件和工具,使得开发工作更加高效。在完成项目的过程中,学生需要关注设计的一致性和可访问性,确保无论用户的操作方式或设备类型如何,都能顺利访问网站的所有功能。 总之,围绕响应式设计进行的毕业作品不仅能够展示学生的技术能力,还能反映出对

2024-09-27

纯CSS丝滑边框线条动画

仅使用CSS实现一种丝滑的边框线条动画效果。关键的实现思路包括: 透视效果:通过设置包含两个嵌套元素,父元素有1像素的padding,从而创建出边框效果。 动画制作:创建一个绝对定位的子元素,使用animation属性让其沿着父元素的边框匀速移动。 匀速动画:通过计算元素移动的路径和距离,调整关键帧百分比,确保动画匀速。 圆角处理:为父元素和子元素添加圆角,并对动画元素进行位置调整,以适应圆角。 动画优化:在圆角处调整动画轨迹,确保过渡自然流畅。 模糊阴影:通过设置子元素的背景径向渐变和使用backdrop-filter属性添加模糊效果,实现阴影效果。

2024-09-27

好看有趣的单选效果源码

纯CSS实现炫酷创意单选效果,这个动画效果利用 HTML 的多个标签 和 CSS 动画实现了动态交互,当用户选择不同的单选按钮时,动画元素会通过动画产生跳跃效果,同时标签的样式也会变化,提升了用户体验的趣味性和视觉吸引力。

2024-09-27

uniapp图片涂鸦插件(支持多种涂鸦方式,图片放大缩小)

插件说明详情地址https://blog.csdn.net/qq_54123885/article/details/136535786,支持涂鸦,颜色,文字,移动,撤销,下载后解压将node_modules包删掉重新npm i后使用HBuilderX打开,注意只支持vue2版本的uniapp

2024-05-10

vue3中使用tinyMCE

vue3中使用tinyMCE的demo,setup语法糖写法,解压后请删除node_model包后重新cnpm i

2022-07-01

空空如也

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

TA关注的人

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