- 博客(93)
- 收藏
- 关注
RSS订阅原创 Docker镜像，什么是Docker镜像，Docker基本常用命令【搜索，镜像下载，镜像删除，创建容器，导入到处镜像】及其镜像的分层
Docker镜像，什么是Docker镜像，Docker基本常用命令【搜索，镜像下载，镜像删除，创建容器，导入到处镜像】及其镜像的分层
2024-04-11 21:51:17
672
原创 Vue 大文件切片上传实现指南包会，含【并发上传切片，断点续传，服务器合并切片，计算文件MD5，上传进度显示，秒传】等功能
在Web开发中，文件上传是一个常见的功能需求，尤其是当涉及到大文件上传时，为了提高上传的稳定性和效率，文件切片上传技术便显得尤为重要。通过将大文件切分成多个小块（切片）进行上传，不仅可以有效减少单次上传的数据量，降低网络波动对上传过程的影响，还能实现如断点续传、秒传等高级功能。本文将以` Vue `为框架，配合 `Axios` 进行 `HTTP` 请求，详细介绍如何实现一个支持文件切片上传的功能。
2024-04-03 15:53:34
1205
原创 什么是Docker引擎架构，Docker引擎架构详解及Vmware，CentOS7、Docker引擎的安装，CentOS7常用的命令总结，含虚拟机激活码，CentOS镜像地址，保姆级安装
安装Docker引擎，什么是Docker引擎架构，Docker引擎架构详解及Vmware，CentOS7、Docker引擎的安装，CentOS7常用的命令总结，含虚拟机激活码，CentOS镜像地址，保姆级安装，一起从虚拟机安装开始，到CentOS安装到虚拟机中，在安装Docker引擎运行hellword
2024-04-01 11:52:09
970
原创 element-ui实现各种证件照上传预览下载组件封装，图片上传回显及长宽自定义功能单个图片上传功能附带源码
证件照上传，身份证正反面手持身份证上传，及其各种证件照上传组件封装，组件复制直接使用
2024-03-21 13:44:42
603
原创 Docker简介及用途，为什么要使用Docker？Docker容器和虚拟机的区别？
前端开发者虽然主要专注于用户界面的设计与实现，但随着现代软件开发流程的发展和云原生时代的到来，学习Docker、Jenkins和Kubernetes（K8s）确实具有很多益处，尤其是对于那些希望扩展技能范围和参与到更多项目周期环节的前端工程师：。
2024-03-19 11:43:35
1261
原创 工作中Git如何切换远程仓库地址
部门之前的仓库不用了，重新建了一个仓库，但是上传代码还是上传到了之前的仓库里面了，所以得进行修改，下面将修改地址的方法进行操作。
2024-03-14 14:00:52
744
1
原创 基于ElementUI封装省市区四级联动下拉选择
项目中经常用到多级联动的省市区下拉，上传到组件库中，使用elementui的Select选择器，结合https://xiangyuecn.github.io/AreaCity-JsSpider-StatsGov/下载的省市区JSON数据进行实现可增可减的省市区下拉级联选择组件。上传到npm私服可供多个项目使用。
2024-02-23 14:16:29
649
原创 Vue3+TS+Vite+Pinia最全总结
Vue 3 是一个流行的开源Java框架，用于构建用户界面和单页面应用。它带来了许多新特性和改进，包括更好的性能、更小的打包大小、更好的Type支持、全新的组合式 API，以及一些新的内置组件。
2024-02-02 16:51:42
1104
1
原创 基于ElementUI封装的下拉树选择可搜索单选多选清空功能
该树状下拉选择组件是一个Vue.js前端组件，为用户提供树形结构展示的下拉框，支持单选和多选功能。具有可配置的多项参数，包括树的高度、宽度、节点属性、多选、清空选择、搜索过滤等。通过传递数据和默认选中节点，实现了初始化状态的设置。组件的核心逻辑在于响应用户的节点点击和勾选事件，并提供了相应的回调函数。代码中还使用了Element UI的弹出框（popover）、树形组件（el-tree）、输入框（el-input）和选择框（el-select）等元素。
2024-01-03 13:28:18
1148
1
原创 基于ElementUI二次封装el-table与el-pagination分页组件[实际项目使用]
组件封装是一个很常规的操作。随着时间的积累，组件也会越来越多，配合vuepress可以解决组件文档的统一化，但依然解决不了组件的跨项目复用问题。一个公司中不可能只基于一个框架或项目开发，不同的业务或模块会另起项目，这时，如果是把项目的复用组件通过复制的方式引入另一项目，就显得麻烦，而且如果组件升级或修复bug，不能实时同步。如何解决组件的跨项目复用，是每个团队都会面临的问题。就常见的就是把组件上传到npm仓库，这样不同的项目需要时直接从npm仓库中安装使用，如果组件升级或修复问题，其他项目同步更新就可以。
2023-12-29 16:47:33
1283
1
原创 基于ElementUI二次封装弹窗组件
组件封装是一个很常规的操作。随着时间的积累，组件也会越来越多，配合vuepress可以解决组件文档的统一化，但依然解决不了组件的跨项目复用问题。一个公司中不可能只基于一个框架或项目开发，不同的业务或模块会另起项目，这时，如果是把项目的复用组件通过复制的方式引入另一项目，就显得麻烦，而且如果组件升级或修复bug，不能实时同步。如何解决组件的跨项目复用，是每个团队都会面临的问题。就常见的就是把组件上传到npm仓库，这样不同的项目需要时直接从npm仓库中安装使用，如果组件升级或修复问题，其他项目同步更新就可以。
2023-12-29 11:52:24
1259
1
原创 Vue封装组件发布到npm私服保姆级教程【环境版本区分】
通过npm install命令下载前端项目依赖时，每次都需要从淘宝第三方npm服务器下载，速度慢，耗时长，第三方npm服务器一般不支持包的上传，公司内部公共包只能通过拷贝的方式添加到各个前端开发的项目内，效率低，不方便，因此将前端组件打包上传到npm私服很有必要，每次来了新的项目或者某个项目中用到的时候直接npm install 组件库名称，就会像elementui antDesignUI 一样引入各种组件可供使用。
2023-12-15 09:17:02
1309
1
原创 前端开发three.js入门超详细学习，一起来学习3D吧
Three.js 是一个用于在 Web 浏览器中创建和渲染 3D 图形的 JavaScript 库。它提供了一系列强大的功能和工具，使开发者能够轻松地在网页中创建交互式的 3D 场景和动画。
2023-11-20 13:26:38
940
2
原创 React函数组件状态Hook—useState《进阶-对象&&数组》
state 中可以保存任意类型的 JavaScript 值，包括对象。但是，你不应该直接修改存放在 React state 中的对象。相反，当你想要更新⼀个对象时，你需要创建⼀个新的对象（或者将其拷⻉⼀ 份），然后将 state 更新为此对象。
2023-11-16 17:03:02
1081
3
原创 WebSocket真实项目总结
相对于传统HTTP每次请求-应答都需要客户端与服务端简历连接的模式，websocket是类似socket的TCP长连接通讯模式，一旦websocket连接建立后，后继数据都已帧序列的形式传输，在客户端断开websocket连接活Server端终端连接前，不需要客户端和服务端重新发起连接请求，在海量并发及客户端与服务器交互负载流量大的情况下，极大的节省了网络带宽资源的消耗，有明显的性能优势，且客户端发送和接受消息实在同一个持久连接上发起，实时性优势明显。
2023-11-14 10:29:22
537
3
原创 React的refs和表单组件总结
react核心就在于虚拟DOM，也就是React中不总是直接操页面的真实DOM元素，并且结合Diffing算法，可以做到最小化页面重绘，但有些时候不可避免我们需要一种方法可以操作我们定义的元素标签，并作出对应的修改，在React中提供了一种访问Dom节点的方式，也就是refs,组件中的标签可以通过定义ref属性来标识自己。包含受控组件和非受控组件的示例。
2023-11-10 10:12:52
238
2
原创 React JSX常用语法总结
JSX（javascript xml）> 就是JavaScript和XML结合的一种格式，是JavaScript的语法扩展，只要把HTML代码写在JS中，就为JSX。用于动态构建用户界面的Javascript库，发送请求获取数据，处理数据，过滤，整理格式，操作DOM呈现页面，React是一个将数据渲染为HTML视图的开源JavaScript库。
2023-10-27 10:44:09
446
1
原创 React-Redux总结含购物车案例
React-Redux是一个用于在React应用中管理状态的第三方库。它是基于Redux架构的，提供了一种在React应用中高效管理状态的方式。React-Redux通过将Redux的核心概念和React组件相结合，使得在React应用中使用Redux变得更加简单和方便。
2023-10-23 15:06:14
591
原创 react常用hooks总结
Hooks是react16.8以后新增的钩⼦API,⽬的：增加代码的可复⽤性，逻辑性，弥补⽆状态组件没有⽣命周期，没有数据管理状态state的缺陷。为什么要使⽤Hooks？1. 开发友好，可扩展性强，抽离公共的⽅法或组件，Hook 使你在⽆需修改组件结构的情况下复⽤状态逻辑；2. 函数式编程，将组件中相互关联的部分根据业务逻辑拆分成更⼩的函数；3. class更多作为语法糖，没有稳定的提案，且在开发过程中会出现不必要的优化点，Hooks⽆需学习复杂的函数式或响应式编程技术；
2023-10-20 13:33:13
490
1
原创 React 路由总结 react-router-dom6+react-router-dom5
现在的前端应用大多都是SPA单页面应用程序，也就是一个HTML页面的应用程序。体验更好，对服务器的压力更小，更受欢迎，为了有效地使用单页面来管理原来多页面的功能，前端路由就此产生了，前端路由能让一个视图或页面导航到另一个视图或页面中。前端路由是一套映射规整，在React中，是URL路径与组件的对应关系，使用React路由简单来说就是配置路径和组件。
2023-10-17 09:16:30
658
1
原创 React生命周期总结v16+和v16-
生命周期就函数就是指在某一个时间刻会自动调用执行的函数，React生命周期分为三个阶【 挂载：组件被创建并插入真实dom、渲染（更新）：组建的props或state发生变化时触发的组件更新、卸载：组件被从DOM中移除】
2023-10-13 15:41:42
188
4
原创 vue微前端qiankun框架学习到项目实战
技术无关，独立开发，独立部署，增量升级，独立运行，微前端的核心目标是将巨石应用拆解成若干可以自治的松耦合微应用。
2023-09-22 15:59:07
2031
4
原创 vue前后端分离单点登录,结合长token和短token进行登录
在公司发展初期，公司拥有的系统不多，通常一个两个，每个系统都有自己的登录模块，运营人员每天用自己的账号登陆，很方便，但是，随着企业的发展，用到的系统随之增加，运营人员在操作不同的系统时，需要多次登录，而且每个系统的账号都不一样，这对于运营人员来说很不方便，也是就想到是不是可以在一个系统登陆，其它系统就不用登陆了呢？那么单点登录就是解决这个问题。
2023-09-14 11:08:24
6389
3
原创 element UI table横向树结合checkbox进行多选，实现各个节点的[全选，半选，不选]状态附带模拟数据
需求：横向table树，可进行多选，全选，半选状态的切换和选中。进行角色授权
2023-09-13 11:32:12
6327
17
原创 TypeScript入门指南
本文将介绍TypeScript这门类型安全的JavaScript的超集语言。TypeScript由微软开发，最初是为了解决JavaScript在大型项目中的缺陷而设计的。文章将首先讨论为什么TypeScript比纯JavaScript更好，并解释其在开发过程中的优势。其次，我们将探讨TypeScript的一些主要特性，包括类型注解、接口、类和模块等，并解释如何在这些特性的帮助下提高代码的可读性、维护性和可重用性。此外，文章还将讨论TypeScript与其他类型安全的语言（如Java和C#）之间的相似之处。
2023-08-15 14:21:11
11287
4
原创 IIFE的使用和解决问题(总结)
IIFE是立即执行函数表达式是一种在避免全局命名和变量污染时常用的一种方法。在ES5中由于没有块级作用域的相关说法中会使用到
2023-04-12 12:48:25
4276
1
原创 Better-Scroll可滚动区域问题
使用better-scroll插件的时候，发现页面图片加载图片比较慢的话，better-scroll的滚动高度就会为图片没有加载的高度，如果想获取图片加载后的高度，使用了bus事件总线进行处理，高度获取
2022-01-05 20:16:09
4863
1
原创 es6-promise学习与使用【含真实接口】
es6-promise学习与使用es6-promise介绍与基本使用promise是ES6引入的异步编程的新解决方案，语法上市promise是一个构造函数，用来封装异步操作并可以获取奇成功或失败的结果【解决回调地狱问题】Promise构造函数 ：Promise {excutor}{ }Promise.prototype.then方法Promise.prototype.catch方法...
2021-12-19 23:26:07
5381
原创 better-scroll的封装实现回到顶部按钮
使用better-scroll的时候,使用position:sticky会失效，使用position:fixed定位会被better-scroll自身实现过程的tanslate给位移出去，此文可以解决使用better-scroll的时候的position失效问题...
2021-12-13 22:59:38
5475
1
原创 ES6学习——一文搞懂ES6
学习完JavaScript和vue后快速学习ES6新特性及其语法，es6是JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
2021-12-02 22:18:21
8660
2
原创 Vue实现TabBar底部导航栏灵活组件保姆级超详细
Vue实现TabBar底部导航栏组件TabBar效果预览：TabBar实现思路一、如果在下方有一个单独的TabBar组件，如何封装自定义tabbar组件，在APP中使用。让TabBar处于底部，并且设置相关的样式。二、TabBar中现实的内容由外界决定。定义插槽。flex布局评分TabBar。三、自定义TabBarItem，可以传入图片和文字自定义tabbarItem，并且定义两个插槽:图片，文字。给两个插槽外层包装div，用于设置样式。填充插槽，实现底部Tab
2021-11-28 22:59:55
11867
1
原创 Vue中如何配置自定义路径别名
Vue中如何配置自定义路径别名在我们日常开发中，常常会导入一些模块或者组件，如果采用相对路径的方式：import uEditor from "../../../../../components/tools";会显得臃肿，多余，如果引用稍有差错就会出现-404的报错，不优雅，还会经常出现404错误，如果文件有变，还需要一个一个文件找到改路径进行重新修改，十分麻烦，vue cli3以上的版本在node_modules中提供了文件别名功能。但是还是建议没有特别要求少改一点node_modules的代码。
2021-11-27 19:36:31
5502
1
原创 Git链接GitHub并上传项目
Git链接GitHub并上传项目关于GitHubGitHub是一个网站和服务，作为项目源码托管，协作开发仓库，其中协作开发仓库是GitHub的初衷，也是目前应用的最多方面，项目clone下来更改配置即可运行，适合团队协作开发项目，要了解github，必须首先了解Git。关于GitGit是一个开放源代码版本控制系统，用于敏捷搞笑的处理任何大或小的项目，git不仅仅是一个版本控制系统，它也是内容管理系统，工作管理系统等。git是开源中国推出的基于git的代码托管服务。新建GitHub代码库第一步：注
2021-11-23 23:40:14
8906
8
原创 vue-axios框架详解
axios框架详解网络请求模块的选择-axios选择什么网络模块？vue中发送网络请求有非常多的方式，那么在开发中如何悬着呢？选择一、传统的Ajax是基于XMLHttpRequest(XHR)为什么不用Ajax呢？一、配置和调用方式非常混乱二、编码起来看起来就非常蛋疼三、真实的开发中，很少直接使用JQuery的Ajax进行网络请求选择二、经常会使用JQuery-Ajax，相对已传统的Ajax非常好用。为什么也不选着它呢？一、在vue的整个开发过程中都是不需要使用jquery了。
2021-11-21 22:42:17
9963
4
原创 Vuex状态管理详解
Vuex详解解释Vuex是一个专门为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件，并以相应的规则保证状态以一种可预测的方式发生变化，配套的公共数据管理工具，它可以把一些共享的数据放到vuex中方便整个程序中的任何组件直接获取或修改我们的公共数据。注意点只需要贡献的才放到vuex上面，不需要贡献的数据依然放到组件data上状态管理到底是什么？状态管理模式，集中存储管理，这些名词听起来非常高大上，让人捉摸不透其实你可以简单地将其看成把许多个组件共享的变量全部存储在
2021-11-14 21:43:38
7725
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人