天生我材必有用_吴用-CSDN博客

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

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

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

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

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

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

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

2023-09-22 15:59:07 6371 15

原创 vue前后端分离单点登录,结合长token和短token进行登录

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

2023-09-14 11:08:24 8534 5

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

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

2024-09-11 17:19:46 739

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

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

2024-08-22 11:41:31 634

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

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

2024-08-21 10:51:08 427

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

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

2024-08-19 13:40:43 2813

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

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

2024-08-12 10:43:05 2758 5

原创前端项目中的Server-sent Events(SSE)项目实践

在前端开发中，实时数据更新是提升用户体验的重要因素之一。`Server-SentEvents(SSE)`是一种高效的技术，允许服务器通过单向连接将实时数据推送到客户端。下面将从`SSE`的基本改变，使用场景展开了解，并提供一个实际案例来更好的理解如何在前端项目中应用`SSE`。

2024-08-09 17:53:51 2571 3

原创 C语言中的指针：掌握内存的钥匙

`C`语言是一种结构化编程语言，它提供了对硬件底层的直接访问，其中最强大的特性之一就是指针。指针允许程序员直接操作内存地址，这对于理解程序的内部工作原理以及优化代码性能至关重要。本文将深入探讨C语言中指针的概念、使用方法以及一些高级技巧。

2024-07-15 17:50:57 2844

原创 C语言中的数组：掌握数据的有序集合【一维数组，二维数组，字符串数组，直方图打印，计算全排列，字符数组常用函数】

在C语言中，数组是一种非常基础且重要的数据结构，它允许我们存储相同类型的数据元素的集合。通过使用数组，我们可以有效地管理和操作一组相关数据，而无需为每个数据元素创建单独的变量。本文将深入探讨C语言中数组的概念、声明、初始化和操作，帮助你更好地理解和运用这一关键特性。

2024-07-08 09:37:39 2430 1

原创 C语言结构体深入解析【结构体嵌套结构体，结构体变量和指针,结构体和函数，计算结构体大小，结构体数组，结构体成员的访问，结构体与联合】

在C语言编程的世界里，结构体（`struct`）是一种复合数据类型，它允许你将不同类型的数据组合在一起，形成一个单一的复杂实体。这种特性极大地丰富了C语言处理现实世界问题的能力，特别是在设计复杂的数据结构和实现面向对象编程概念时。本文旨在深入探讨C语言中的结构体，包括其定义、使用场景、内存布局、对齐规则、以及高级应用技巧。

2024-07-02 16:52:43 3596

原创 C语言秘籍：解锁位运算符【&,|,^,~,＞＞,＜＜】总结

在C语言的学习之旅中，位运算符是一个绕不开且十分有趣的主题。它们允许我们直接对整型数据的二进制位进行操作，从而实现高效的数据处理和某些特定算法。今天，我们就来深入探讨C语言中的位运算符，揭开它们神秘的面纱。

2024-06-27 09:16:10 152

原创 Vue结合Element UI的el-table打造加工工序甘特图可视化解决方案

在玻璃加工行业，高效管理切割、磨边、洗、钢化、丝印等复杂工序对于提升生产效率至关重要。本文将介绍如何利用Vue.js框架结合Element UI组件库，自定义实现一个工序甘特图，以可视化展示各道工序的时间线与进度，为生产调度带来便利。

2024-06-24 17:21:20 2987 35

原创组件二次封装，通过属性事件透传，插槽使用，组件实例方法的绑定，深入理解 Vue.js 组件扩展与插槽

在Vue.js开发过程中，封装可复用的组件是提升开发效率和代码质量的重要手段。本文将通过一个具体的示例——封装一个基于Element UI的el-input组件，来深入探讨Vue组件的扩展、属性/事件传递以及插槽的使用。这个过程不仅展示了如何继承并增强基础组件的功能，还涉及到了如何优雅地处理组件间的通信与灵活性。

2024-06-13 14:06:55 1822

原创 Vue项目实践：使用滚动下拉分页优化大数据展示页面【通过防抖加标志位进行方案优化】

统的分页机制通过点击页码来加载更多内容，虽然直观，但在处理大量数据时可能会导致用户体验不佳。相比之下，滚动下拉分页能够在用户滚动到页面底部时自动加载更多内容，既节省了用户操作，也使得数据的展示更加流畅自然。

2024-06-11 16:12:12 1523

原创重塑状态管理的艺术：Vue3中Pinia的魔法之旅内包含简易购物车案例

在`Vue.js`的世界里，每一次更新都是一次进化，`Vue3`携带着更强大的性能与灵活性翩然而至。而在这场技术盛宴中，`Pinia`以一种优雅而革命性的方式，重新定义了状态管理的体验。如果说`Vuex`是`Vue2`时代的王者，那么`Pinia`无疑是`Vue3`新时代的璀璨明星，它不仅简化了状态管理的复杂度，还极大地提升了开发者的幸福感。接下来，让我们携手踏上这场探索Pinia魅力的魔法之旅。

2024-06-07 11:50:20 1537

原创从零开始发布你的第一个npm插件包并在多项目中使用

在开源的世界里，每个人都有机会成为贡献者，甚至是创新的引领者。您是否有过这样的想法：开发一个解决特定问题的小工具，让她成为其他开发者手中的利器？今天，我们就来一场实战训练，学习如何将你的代码打包成npm插件包，发布到全球最大的JS包管理平台--npm上。让全世界的其他开发者受益于你的智慧吧。

2024-06-06 13:30:10 1649 2

原创 Three.js中的Raycasting技术：实现3D场景交互事件的Raycaster详解

`Raycasting`是一种计算机图形学技术，用于确定从一个点（通常是观察者的位置或屏幕上的某一点）发射出的光线与场景中物体的交点。在`3D`应用中，这一技术常用于模拟光照效果、碰撞检测以及用户交互。简单来说，当你在屏幕上点击或触摸时，`Three.js`会从该点向场景发射一条虚拟的射线，然后检查这条射线与场景中哪些对象相交，从而判断用户点击了哪个对象。

2024-06-05 08:52:14 1776 1

原创在Three.js中实现模型点击高亮：整合EffectComposer与OutlinePass的终极指南

本篇文章将引导您深入了解如何在Three.js项目中，利用EffectComposer结合一系列后期处理Pass（如OutlinePass、SMAAPass等）来实现场景中模型的点击高亮效果，提升用户交互体验。

2024-06-04 17:31:45 2110 3

原创 Tween.js在Three.js中的应用：为3D动画添加流畅过渡

在`Web`开发领域，`Three.js`已经成为构建精彩`3D`内容的首选库之一。它让开发者能够轻松地在浏览器中创建和展示复杂的`3D`场景。然而，要让这些场景栩栩如生，平滑的动画效果是必不可少的。这就引入了`Tween.js`——一个轻量级但功能强大的`JavaScript`库，专门用于在`Web`应用中创建平滑的补间动画。本文将探讨如何在`Three.js`项目中集成并利用`Tween.js`来增强`3D`对象的动画表现。

2024-06-03 12:01:47 1722 1

原创解锁Sass：提升CSS编码效率的神器

想要在前端开发中提升 CSS 编码效率？Sass（Syntactically Awesome Stylesheets）就是你的利器！本文深入解析了为什么要使用 Sass 以及它与普通 CSS 的区别。从安装到高级功能，一步步介绍了 Sass 的强大功能，包括变量、嵌套、混合、继承、运算等，让你轻松掌握 Sass 的精髓。无论是提高代码复用性还是简化样式维护，Sass 都能助你一臂之力。快来解锁 Sass，让你的 CSS 编码如虎添翼！

2024-05-31 11:27:48 1095 3

原创 vue项目集成萤石云在Web系统中实现实时摄像头监控及控制功能

vue项目集成萤石云在Web系统中实现实时摄像头监控及控制功能

2024-05-29 16:43:24 2504

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

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

2024-05-28 16:18:18 1466

原创在Three.js中使用CSS3DRenderer和CSS3DSprite实现模型标签文字+指示线

在`Three.js`中，使用`CSS3DRenderer`和`CSS3DSprite`可以轻松地实现模型标签文字的效果，为场景中的模型提供更直观的信息展示。本文将介绍如何使用这两个工具来实现模型标签文字，并提供相应的代码示例。

2024-05-20 17:26:33 1773 14

原创基于vue2基座接入vue3+vite+ts+arcoDesign进行vue3子应用改造详细步骤真实项目实战保姆教学附带nginx配置

项目实战前端微服务改造及其部署，本篇文章介绍如何将以vue2为基座，使用qiankun框架独立技术栈，可复用性进行vue3+vite+ts+arcoDesign的子项目改造并接入，子应用可根据基座传递过来基础路由进行改变，保证主子应用访问不会报404错误。

2024-05-20 16:14:21 1056 3

原创 Docker镜像，什么是Docker镜像，Docker基本常用命令【搜索，镜像下载，镜像删除，创建容器，导入到处镜像】及其镜像的分层

Docker镜像，什么是Docker镜像，Docker基本常用命令【搜索，镜像下载，镜像删除，创建容器，导入到处镜像】及其镜像的分层

2024-04-11 21:51:17 5214 1

原创 Vue 大文件切片上传实现指南包会，含【并发上传切片，断点续传，服务器合并切片，计算文件MD5，上传进度显示，秒传】等功能

在Web开发中，文件上传是一个常见的功能需求，尤其是当涉及到大文件上传时，为了提高上传的稳定性和效率，文件切片上传技术便显得尤为重要。通过将大文件切分成多个小块（切片）进行上传，不仅可以有效减少单次上传的数据量，降低网络波动对上传过程的影响，还能实现如断点续传、秒传等高级功能。本文将以` Vue `为框架，配合 `Axios` 进行 `HTTP` 请求，详细介绍如何实现一个支持文件切片上传的功能。

2024-04-03 15:53:34 4866 1

原创什么是Docker引擎架构，Docker引擎架构详解及Vmware，CentOS7、Docker引擎的安装，CentOS7常用的命令总结，含虚拟机激活码，CentOS镜像地址，保姆级安装

安装Docker引擎，什么是Docker引擎架构，Docker引擎架构详解及Vmware，CentOS7、Docker引擎的安装，CentOS7常用的命令总结，含虚拟机激活码，CentOS镜像地址，保姆级安装，一起从虚拟机安装开始，到CentOS安装到虚拟机中，在安装Docker引擎运行hellword

2024-04-01 11:52:09 1424 1

原创 element-ui实现各种证件照上传预览下载组件封装，图片上传回显及长宽自定义功能单个图片上传功能附带源码

证件照上传，身份证正反面手持身份证上传，及其各种证件照上传组件封装，组件复制直接使用

2024-03-21 13:44:42 863

原创 Docker简介及用途，为什么要使用Docker？Docker容器和虚拟机的区别？

前端开发者虽然主要专注于用户界面的设计与实现，但随着现代软件开发流程的发展和云原生时代的到来，学习Docker、Jenkins和Kubernetes（K8s）确实具有很多益处，尤其是对于那些希望扩展技能范围和参与到更多项目周期环节的前端工程师：。

2024-03-19 11:43:35 1828 2

原创工作中Git如何切换远程仓库地址

部门之前的仓库不用了，重新建了一个仓库，但是上传代码还是上传到了之前的仓库里面了，所以得进行修改，下面将修改地址的方法进行操作。

2024-03-14 14:00:52 1875 1

原创基于ElementUI封装省市区四级联动下拉选择

项目中经常用到多级联动的省市区下拉，上传到组件库中，使用elementui的Select选择器，结合https://xiangyuecn.github.io/AreaCity-JsSpider-StatsGov/下载的省市区JSON数据进行实现可增可减的省市区下拉级联选择组件。上传到npm私服可供多个项目使用。

2024-02-23 14:16:29 1138

原创基于ElementUI封装的下拉树选择可搜索单选多选清空功能

该树状下拉选择组件是一个Vue.js前端组件，为用户提供树形结构展示的下拉框，支持单选和多选功能。具有可配置的多项参数，包括树的高度、宽度、节点属性、多选、清空选择、搜索过滤等。通过传递数据和默认选中节点，实现了初始化状态的设置。组件的核心逻辑在于响应用户的节点点击和勾选事件，并提供了相应的回调函数。代码中还使用了Element UI的弹出框（popover）、树形组件（el-tree）、输入框（el-input）和选择框（el-select）等元素。

2024-01-03 13:28:18 1465 1

原创基于ElementUI二次封装el-table与el-pagination分页组件[实际项目使用]

组件封装是一个很常规的操作。随着时间的积累，组件也会越来越多，配合vuepress可以解决组件文档的统一化，但依然解决不了组件的跨项目复用问题。一个公司中不可能只基于一个框架或项目开发，不同的业务或模块会另起项目，这时，如果是把项目的复用组件通过复制的方式引入另一项目，就显得麻烦，而且如果组件升级或修复bug，不能实时同步。如何解决组件的跨项目复用，是每个团队都会面临的问题。就常见的就是把组件上传到npm仓库，这样不同的项目需要时直接从npm仓库中安装使用，如果组件升级或修复问题，其他项目同步更新就可以。

2023-12-29 16:47:33 1685 1

原创基于ElementUI二次封装弹窗组件

组件封装是一个很常规的操作。随着时间的积累，组件也会越来越多，配合vuepress可以解决组件文档的统一化，但依然解决不了组件的跨项目复用问题。一个公司中不可能只基于一个框架或项目开发，不同的业务或模块会另起项目，这时，如果是把项目的复用组件通过复制的方式引入另一项目，就显得麻烦，而且如果组件升级或修复bug，不能实时同步。如何解决组件的跨项目复用，是每个团队都会面临的问题。就常见的就是把组件上传到npm仓库，这样不同的项目需要时直接从npm仓库中安装使用，如果组件升级或修复问题，其他项目同步更新就可以。

2023-12-29 11:52:24 1724 1

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

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

空空如也