CSS让父盒子里的内容水平、垂直居中的写法
   第一种：使用margin的方法 第一种方法是使用margin来使子盒子居中，但是这种方法会有一定的缺陷：需要给父盒子一个 overflow: hidden属性来清除塌陷，而且还需要精确计算上下的边距 如果父盒子改变大小，则还需重新计算大小 <style> /* 第一种 使用margin来使父盒子里边的内容居中 缺点：需要给父盒子一个 overflow: hidden属性来清除塌陷，且还需要精确计算上下的边距 如果盒子改变大小，则还需重新计算大 ......
CSS   前端   |  2023-03-30   0 评论   988 浏览

CSS之flex布局详解
   flex布局 flex布局极大的提高了我们布局的效率，更简单、灵活。 display: flex; 一定要给父盒子加。 flex主轴 flex主轴是水平方向来布局的一个参考线 常用的属性为 /* 默认对齐方式 左侧对齐 */ justify-content: flex-start; /* 右侧对齐 */ justify-content: flex-end; /* 中间对齐 经常用于让一个盒子水平居中*/ justify-content: center ......
CSS   前端   |  2023-03-30   0 评论   951 浏览

vue导航守卫详解
   全局前置守卫 router.beforeEach((to,form,next)=>{ // to：到哪里去（即将要进入的目标-to.path），form:从哪里来（当前导航正要离开的路由） // 可选的第三个参数next vue3中不推荐使用next来表示放行的路径，（了解即可） // 跳转到login页面 || 取消当前导航，如果浏览器的 URL 改变了(可能是用户手动或者浏览器后退按钮)，那么 URL 地址会重置到路由对应的地址。|| 不做任何处理 ......
Vue   前端   |  2023-03-30   2 评论   1,284 浏览

Linux常用命令大全
   目录操作 切换目录 cd 查看目录 ls -l 列出文件详细信息 或者直接ll -a 列出当前目录下所有文件及目录，包括隐藏的a(all) 创建目录 mkdir -p 创建目录，若无父目录，则创建p(parent) 输出信息 echo 打印文件到命令行(查看文件) cat 改变文件所属用户 chown 改变文件所属组 chgrp 下载文件 wget 解压.tar文件 tar xvf 解压.gz文件 gunzip || gzip -d 解压.tar.g ......
Linux   |  2023-03-30   0 评论   1,109 浏览

数组中的属性/方法
   数组中的属性/方法 数组中的属性 ​ 属性作用 constructor返回创建此对象的数组函数的引用 length设置或者返回数组中元素的长度 portotype向对象添加属性和方法 数组中的方法 方法描述备注 push(element1,element2,element3……)在数组末尾添加一个或多个元素，并返回新的长度 pop()删除并返回数组的最后一个元素 shift()删除并返回数组的第一个元素 unshift(e ......
前端   JavaScript   |  2023-04-07   2 评论   903 浏览

uniapp引入vantweapp踩坑笔记
   手把手教学vue-cli创建uni-app的项目引入vantweapp 一、环境准备 我用的环境分别是 软件名称版本号下载命令\链接检查是否成功卸载命令 Vue-cli@vue/cli 4.5.19npm install -g @vue/cli cnpm install -g @vue/cli yarn global add @vue/clivue -V vue --versionnpm uninstall -g @vue/cli cnpm unin ......
小程序   uni   |  2023-04-24   0 评论   1,685 浏览

封装FlyIO且POST请求添加加密签名
   前些天帮朋友一块解决了一个小程序中所有POST请求中携带加密签名并且要拼接时间戳的问题，以此文章来记录，首先需要安装必要的库，因为是小程序，选择使用了FlyIO，加密方法使用的是CryptoJs，代码如下 import FlyIO from "flyio/dist/npm/wx"; import CryptoJs from "crypto-js"; // 创建新的 FlyIO 实例 const http = new FlyIO(); // 设置超时(服务器 ......
前端   小程序   |  2023-06-13   0 评论   784 浏览

ECMAScript2023(ES14)新特性简介
   前段时间闲来无事，在翻看MDN文档时无意中发现Array中多了一些陌生的API，后来通过百度发现这些API都是在2023 年 6 月 27 日发布的ES14版本中新增的数组方法，于是便根据MDN一步一步研究了一下，发现有些API确实是比原来的API更加的好用，下面就一起来看一下吧~~~ Array.prototype.toSorted() MDN对于这个API的描述是：sort() 方法的复制方法版本。它返回一个新数组，其元素按升序排列。 toSorte ......
前端   ES6新特性   |  2023-09-22   0 评论   790 浏览

Element文件上传之加密文件处理
       前言:在前端开发过程中，提到文件上传，一般上传的都是图片、Excel、压缩包、PDF等后缀的文件或图片，那么如果用户在不知情的情况下如果上传一个加密的Excel、PDF等文件，而且前、后端同学也没有处理这种情况，此时如果上传也可以上传，但后端这边解析文件就会解析不出来，为了杜绝这种情况发生，前端或者后端会对加密文件进行处理，那么，加密文件要怎么处理呢？请看下文~ 开始开发 首先需要上传文件，我们想到的肯定 ......
前端   Vue   |  2023-06-05   0 评论   943 浏览

数组对象去重方法
   数组对象去重(new Map方法) new Map方法 data() { return { // 导出列表 exportList:[ {fileName:"XXXX", fileStatus:"已完成", fileTime:"2022-12-19 10:48:26", fileSize:"1256513345"}, {fileName:"XXXX", fileStatus:"已完成", fileTime:"2022-12-19 10:48:26", file ......
JavaScript   前端   |  2023-06-14   0 评论   788 浏览

js判断字符串中是否存在连续的三个字符和三个相同的字符（内含强密码校验正则）
   js判断字符串中是否存在连续的三个字符和三个相同的字符（字母或数字） // 判断给定字符串中是否存在连续的三个字符（字母或数字） const hasConsecutiveOrder = str => { // 循环遍历字符串中的字符 for (var i = 1; i < str.length - 1; i++) { let currentCharCode = str.charCodeAt(i); // 当前字符的 ASCII 码值 let pr ......
JavaScript   |  2023-06-29   2 评论   854 浏览

console.log的多种玩法
   对于前端程序员来说console.log一定不陌生吧，还记得从我们大多数人踏入前端开始，console.log('Hello World')这一个语句是我们写的第一行JS的代码，一直伴随着整个前端开发的过程中，console.log是我们开发调试中不可或缺的一部分，那么，你真的了解console.log吗？ 基本使用 console.log的基本用法肯定都用过，就像我前边说的，有多少人的前端生涯就是从一句console.log('Hello World' ......
JavaScript   前端   |  2023-08-02   0 评论   892 浏览

动态计算商品合计价格
   前段时间遇上了一个这样的需求：在一个表格内展示商品信息，且数量可以自己增加或删除，根据数量和单价计算出所有的总价格，刚接到这个需求的时候以为这个需求特别简单，用数组的reduce方法应该就可以，或者直接拿到每一个商品的总价，然后将它累加起来就好了，当我开始写的时候，我发现此需求远远没有那么简单，话不多说，直接上代码 页面大概就是这个样子的，需要根据数量来控制小计以及合计的价格实时变化， 刚开始写我是用了reduce以及将小计的价格全部累加起来的方法，发现 ......
Vue   TypeScript   前端   |  2023-10-28   0 评论   711 浏览

Bug解决方案之Element Plus中tag跳转锚点后tag消失
   此系列均为工作或生活中遇到的各种bug，为记录bug而生的，不希望其他人因为这些bug而纠结 Element Plus中tag跳转锚点后tag消失 背景介绍 此问题还是在前边的演示demo可视化项目中遇到的一个问题，页面根据对应的tag点击后跳到对应得地方类似于返回顶部的操作 问题描述 在描述问题前先简单的看一下这个锚点是怎么写的吧。 锚点实现 因为是父组件的tag标签跳到子组件页面对应的地方，所以要在子组件绑定ref对象，如图所示 绑定完成对象后 ......
BUG   |  2023-05-17   0 评论   832 浏览

Bug解决方案之iconfont图标打包消失
   此系列均为工作或生活中遇到的各种bug，为记录bug而生的，不希望其他人因为这些bug而纠结 iconfont图标打包消失 背景介绍 前一段时间刚接了一个项目是一个演示的demo可视化项目，相对还是比较简单的，并且公司前期为了节约开发时间，特意做了一个通用的项目模板，架子基本都是搭建好的，只需要根据项目需求来进行细节修改 问题描述 项目开发过程中，领导想要看到每天的进度，于是就就代码打包部署到了服务器中，部署上去时候发现icon图标要么就变成了空白的， ......
BUG   |  2023-05-17   0 评论   1,193 浏览