天生我材必有用_吴用-优快云博客

原创实战指南：Vue 2基座 + Vue 3 + Vite + TypeScript微前端架构实现动态菜单与登录共享

在当今的前端开发中，微前端架构已经成为了一种流行的架构模式。本文将介绍如何结合Vue 2基座、Vue 3子应用、Vite构建工具和TypeScript语言，利用qiankun微前端框架实现动态菜单和登录共享功能的实战指南。

2024-05-28 16:18:18 1666 2

原创 Vue3+TS+Vite+Pinia最全总结

Vue 3 是一个流行的开源Java框架，用于构建用户界面和单页面应用。它带来了许多新特性和改进，包括更好的性能、更小的打包大小、更好的Type支持、全新的组合式 API，以及一些新的内置组件。

2024-02-02 16:51:42 1620 1

原创前端开发three.js入门超详细学习，一起来学习3D吧

Three.js是一个用于在Web浏览器中创建和渲染3D图形的JavaScript库。它提供了一系列强大的功能和工具，使开发者能够轻松地在网页中创建交互式的3D场景和动画。

2023-11-20 13:26:38 6382 6

相对于传统HTTP每次请求-应答都需要客户端与服务端简历连接的模式，websocket是类似socket的TCP长连接通讯模式，一旦websocket连接建立后，后继数据都已帧序列的形式传输，在客户端断开websocket连接活Server端终端连接前，不需要客户端和服务端重新发起连接请求，在海量并发及客户端与服务器交互负载流量大的情况下，极大的节省了网络带宽资源的消耗，有明显的性能优势，且客户端发送和接受消息实在同一个持久连接上发起，实时性优势明显。

2023-11-14 10:29:22 938 3

原创 vue微前端qiankun框架学习到项目实战,基座登录动态菜单及权限控制

技术无关，独立开发，独立部署，增量升级，独立运行，微前端的核心目标是将巨石应用拆解成若干可以自治的松耦合微应用。

2023-09-22 15:59:07 7458 32

原创构建安全的Vue前后端分离架构：利用长Token与短Token实现单点登录(SSO)策略

在公司发展初期，公司拥有的系统不多，通常一个两个，每个系统都有自己的登录模块，运营人员每天用自己的账号登陆，很方便，但是，随着企业的发展，用到的系统随之增加，运营人员在操作不同的系统时，需要多次登录，而且每个系统的账号都不一样，这对于运营人员来说很不方便，也是就想到是不是可以在一个系统登陆，其它系统就不用登陆了呢？那么单点登录就是解决这个问题。

2023-09-14 11:08:24 9063 7

原创 Vue3后台管理项目封装一个功能完善的图标icon选择器Vue组件动态加载icon文件下的svg图标文件

在最近开发中，使用到了`vue3`开发`QMS`后台管理系统，遇到了菜单管理功能，菜单的新增，删除，修改都用到了icon图标选择器，`icon`图标选择器能够高效的选择和使用`icon`图标,索性将其封装成一个`icon`图标选择器组件。一个完善的图标选择器不仅要支持图标的展示和选择，还需要提供搜索、多种视图切换、图标复制等功能。本文将详细介绍如何封装一个功能丰富、用户体验良好的图标选择器组件。

2025-03-17 14:37:32 710

原创 DeepSeek本地部署，保姆级教程，打造属于自己的AI，告别服务器繁忙稍后再试！

随着2024年初`DeepSeek`火爆全球，先进的算法和卓越的能力，直接出圈，以一己之力推动国内`AI`大模型跨越式发展，作为一款大模型AI产品，随着用户量增加，服务器被攻击，使用`DeepSeek`经常会出现服务繁忙，自此我将`DeepSeek`部署在本地电脑就会方便许多。

2025-03-14 17:08:21 464

原创前端牛马2024年总结

随着电视机前人群齐声的倒计时，我告别了充满挑战与机遇的2024年。回望过去的一年，这不仅是我在技术上不断突破的一年，也是生活中点滴汇聚成海的一年。站在新旧交替的时间节点上，我不禁想要回顾一下自己在前端开发领域和生活中的成长与收获，以此激励自己在2025年继续前行。

2025-01-03 09:20:31 977

原创基于Vite+vue3+ts的环境变量和模式工作实战开发配置

随着前端工具链的不断发展，Vite 已经成为了现代Web开发中不可或缺的一部分。它以其快速冷启动、即时热更新等特性赢得了开发者们的青睐。本文将详细讲解如何在基于 Vite 的项目中使用环境变量与不同模式进行实战开发配置。

2025-01-02 10:55:41 1282

原创 UniApp 实战：集成手机号、第三方微信与QQ登录功能及退出登录功能

在当今移动互联网迅速发展的时代，用户对于应用的便捷性和安全性提出了更高的要求。为了满足这些需求，开发者们不断探索更加友好和高效的用户认证方式。传统的用户名密码登录虽然简单直接，但随着人们对隐私保护意识的增强以及对操作简便性的追求，越来越多的应用开始转向使用手机号验证码登录及第三方平台（如微信QQ）登录等更为安全快捷的方式。对于移动应用开发而言，UniApp框架因其一次开发多端运行的特点而广受青睐。它不仅能够显著减少开发成本和周期，还能保证不同平台上的一致性体验。因此，在UniApp。

2024-12-26 15:34:08 1037 6

原创在 UniApp 中使用Mixins混合方法实现微信支付与支付宝支付

在 UniApp 中集成支付功能时，我们经常需要根据不同的支付方式（如微信支付、支付宝支付）进行不同的处理。为了避免代码冗余和提升代码的可维护性，可以使用 Vue 的 Mixins 技术将支付逻辑提取到单独的混合文件中，在需要的地方复用。这不仅提高了代码的可重用性，还能够帮助我们更加清晰地组织代码结构。

2024-12-23 13:46:19 2188 1

原创使用UniApp实现多平台支付集成：小程序、Apple IAP、App端微信与支付宝支付，H5沙箱支付【超详解】

本文深入探讨了如何使用 UniApp 框架实现跨平台支付功能，涵盖小程序端、Apple 应用内购买（IAP）、移动端App的微信支付和支付宝支付，以及H5平台的支付集成。通过本指南，开发者将能够在一个统一的代码库中实现多渠道支付能力，极大地简化了开发流程并提升了应用的市场竞争力。

2024-12-20 10:43:29 2997 3

原创使用 UniApp 实现 APP 和小程序的跨平台社交分享功能

UniApp 作为一个强大的跨平台开发框架，允许开发者用一套代码为多个平台（如iOS、Android、微信小程序等）构建应用程序，简化了开发流程并降低了维护成本。然而，在实际开发中，不同平台之间的差异仍然存在挑战，尤其是在实现特定功能时，比如社交分享到微信、QQ、微博等主流平台。

2024-12-06 10:48:16 3653 2

原创 UniApp开发实战：常见报错解析与解决方案

本文将基于实际项目开发经验，分享一些在使用UniApp过程中常见的报错情况及其背后的原因，并提供有效的解决方法。希望通过本文的探讨，能够帮助广大开发者更快速地定位问题所在，提高解决问题的能力，从而更加顺畅地推进项目进展。无论是初学者还是有一定经验的老手，相信都能从中获得有益启示。让我们一起深入探索这些报错案例，共同成长吧！

2024-11-27 10:08:26 851

原创 uniapp中使用Mescroll实现下拉刷新与上拉加载项目实战

随着移动互联网的发展，用户对于应用的交互体验要求越来越高。下拉刷新和上拉加载更多成为了提升用户体验不可或缺的功能。UniApp作为一个跨平台的应用开发框架，支持使用Vue.js语法编写多端（iOS、Android、H5等）应用。Mescroll作为一款专为Vue设计的滚动插件，可以很好地满足我们在UniApp项目中的需求。

2024-11-25 15:51:12 1937 2

原创 uniapp跨域问题解决方案

在使用 uni-app 本地开发 H5 平台时，需要使用浏览器进行调试，而浏览器会有跨域的问题。比如直接通过本地IP地址去访问开发中的页面，同时这个页面会调一些现有的接口时，就面临着跨域的问题。接下来uniapp有两种方案解决跨域问题。

2024-11-22 14:31:54 2988

原创实现 UniApp 右上角按钮“扫一扫”功能实战教学

二维码扫描已经成为日常生活中不可或缺的一部分。在UniApp中，我们可以轻松地为应用添加“扫一扫”功能。本文将详细介绍如何在UniApp项目中实现右上角按钮的“扫一扫”功能。

2024-11-22 11:25:20 1615

原创 uni-app 数据缓存详解：跨平台应用的高效数据管理策略

uni-app 作为一个强大的跨平台开发框架，提供了多种数据缓存机制，支持在不同的平台（如 H5、App、小程序等）上实现高效的数据管理和持久化存储。本篇教程将深入探讨 uni-app 中的数据缓存技术，包括不同平台上的实现差异、常见的数据存储方案以及如何使用 uni-app 提供的 API 进行数据的读取、写入、更新和清除。无论你是初学者还是有一定经验的开发者，都能从中获得实用的知识和技巧，帮助你在 uni-app 项目中更好地管理和优化数据缓存。

2024-11-20 13:22:06 568

原创 uniapp页面样式和布局和nvue教程详解

本教程将深入介绍 uni-app 页面的样式与布局技巧，以及 nvue 技术的使用方法。从基础的尺寸单位如 rpx 的理解与应用，到复杂的 Flex 布局策略，再到 nvue 与 Vue 页面之间的通信机制，我们将一步步带领读者掌握这些关键技能。此外，我们还会探讨如何利用 uni-app 提供的内置 CSS 变量优化用户体验，以及如何通过条件编译等高级特性实现更加灵活的跨平台开发。无论你是刚接触 uni-app 的新手，还是希望深入了解其高级特性的资深开发者，都能从本教程中获得宝贵的知识与灵感。

2024-11-20 09:37:57 2854

原创 Uniapp运行环境判断和解决跨端兼容性详解

在 Uniapp 中，运行环境的判断是实现跨端兼容性的基础。通过准确识别应用当前运行的平台，开发者可以针对性地进行适配和优化。Uniapp 提供了多种方法来判断运行环境，包括但不限于：预编译指令：使用 #ifdef、#ifndef 和 #endif 等预编译指令，可以在编译阶段根据目标平台插入或移除特定的代码块。全局变量：Uniapp 提供了一些全局变量，如 uni.getSystemInfo，可以获取设备信息，从而判断当前运行环境。条件编译：通过 process.env.UNI_PLATFORM

2024-11-18 10:39:35 1500

原创 UniApp 应用、页面与组件的生命周期详解

本文将深入探讨uni-app中应用、页面与组件的生命周期，通过具体的示例来展示如何利用这些生命周期方法，以实现更高效、更优雅的应用开发。无论是初学者还是有经验的开发者，都能从中获得宝贵的知识和技巧，进一步提升自己的开发技能。接下来，我们将逐一介绍这三个层面的生命周期，以及它们各自的特点和使用场景。

2024-11-13 22:26:31 1112

原创 uniapp路由与页面跳转详解：API调用与Navigator组件实战

在UniApp中，路由与页面跳转是开发过程中非常重要的一个环节。良好的路由设计不仅能够提升用户体验，还能提高应用的可维护性和扩展性

2024-11-12 21:32:23 1537

原创 uniapp框架配置项pages.json

在 UniApp 框架中，pages.json 文件用于配置应用的页面路由、窗口样式等。如果你想要修改一个页面的名字（例如页面标题），通常是在 pages.json 中的 pages 配置项下，针对具体页面路径设置 style 属性中的 navigationBarTitleText 字段来实现。

2024-11-12 09:09:06 2026

原创 uni-app资源管理与图标使用全解

随着移动应用开发的日益普及，跨平台框架成为了开发者们的重要选择。uni-app作为一款基于Vue.js的跨平台开发框架，允许开发者使用一套代码同时构建iOS、Android、H5和小程序等多个平台的应用。在uni-app中，资源管理和图标使用是开发过程中不可或缺的一部分，它们直接影响到应用的用户体验和性能表现。

2024-11-10 21:24:10 1095

原创上班摸鱼时间使用vue3实现哔哩哔哩滚动视差banner，快来学习吧

唉，需求还没下来，闲的没事逛bilibili，发现banner很有趣，就动手去实现一下吧

2024-09-11 17:19:46 861 1

原创前端开发之函数柯里化详解

在日常的前端开发工作中，函数柯里化（`Currying`）是一个十分有用的函数式编程技巧。它可以帮助我们以一种更加灵活的方式来处理函数的参数。本文将详细介绍函数柯里化的基本概念、原理、实现方法以及在前端开发中的实际应用。

2024-08-22 11:41:31 710

原创面试官：说一下WebSocket和SSE的区别

在前端开发领域，实现实时通信的需求越来越普遍。`WebSocket` 和 `Server-Sent Events (SSE)` 是两种常见的技术，它们都能实现从服务器到客户端的数据推送。然而，在面试过程中，面试官常常会问到这两种技术的区别。本文将深入探讨这两者之间的不同之处，并讨论它们各自的优缺点。

2024-08-21 10:51:08 608

原创前端开发中的大屏布局方案：使用 rem 单位与动态设置 html 的 font-size

在前端开发中，实现响应式布局是非常重要的，尤其是在大屏幕设备上。本文将介绍一种使用 rem 单位和动态设置 html 元素的 font-size 的方法，来实现大屏布局的解决方案。

2024-08-19 13:40:43 3182

原创如何使用 ECharts 将中国地图省份合并为大区保姆级教程,GeoJSON数据合并，真实项目实践

公司项目要求在中国地图上显示各大区的设备运行情况及其数据，`echarts`引入地图数据后全是一块一块的省份，但是公司要求将部分省份合并成一个战区，中国地图也就分为了西北战区，北部战区，中部战区，西南战区，东部战区，南部战区六大战区，`echarts`也没有这个功能只能从`echarts`支持的`map`数据入手，如何下载中国地图的`json`数据，进行处理自定义，将各个省份合并为一个`GeoJSON`格式的文件，`echarts`地图可直接引用`GeoJson`文件进行达到地图合并自定义的效果。

2024-08-12 10:43:05 3629 7

使用react高阶组件，渲染头部导航条

React实战演练项⽬一需求分析及vite-react搭建项目

空空如也