m0_74417967的博客

原创 Content-Type类型

excel表格文件上传：headers['Content-Type'] == 'multipart/form-data;模版excel表格下载，后端通过res返回一个blob,

原创 小文件可以用iframe进行下载

原创 判断系统是Android系统，iOS系统和pc系统的方法

//判断系统 let u = navigator.userAgent; let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isAndroid) { this.s

原创 vue3实现纯前端登录验证码验证登录功能

save之后，可以调用Canvas的平移、放缩、旋转、错切、裁剪等操作。// 请使用 font 属性来定义字体和字号，并使用 fillStyle 属性以另一种颜色/渐变来渲染文本。// fillText() 方法在画布上绘制填色的文本。* save() 方法把当前状态的一份拷贝压入到一个保存图像状态的栈中。* 然后，通过调用 restore() 来恢复以前的值。* 4、保存当前的状态（以防止以上的状态受影响）* save是入栈，restore是出栈。// 5.随机产生5条干扰线,干扰线的颜色要浅一点。

原创 vue3-动态路由跳转

当使用params传参路由跳转时候必须配置路由占位符，同时不能使用path而要使用name来作为跳转路径。

原创 vue3好用的视频播放插件库

中文文档写的不错 还在持续更新支持。

原创 Vue中关于文件上传和下载的一些常用方法

使用一些插件库完成文件的下载，如下。打印插件库推荐printJS。

原创 js 前端图片转base64格式上传的方法

由于读取图片到抓换格式属于耗时的异步任务，一般我们都是要等待拿到base64文件作为参数上传服务器，所以要用到promise。

原创 vue3+vite项目用require引入静态图片资源失败，怎么办？

3最后一步是在vite.config里配置，只有字es2020之后的语法才能用inpotr.meta方法。1采用v-for循环加载图片，首先要给静态图片资源编号名称后面加1-6号。总结：具体详细的用法可以查看vite官网查看。2模板和方法里代码如下如下。

原创 vue router 默认路由，匹配所有路由到 404 页面

vue router 默认路由，匹配所有路由到 404 页面_/:pathmatch(.*)*_Z_ One Dream的博客-CSDN博客

原创 前端代理服务器的配置原理

如图三 请求路径前面带有代理标识符/atguigu就走第一个代理但是后端服务器文件地址是不带/atguigui的所以我们要在如图二哪里进行路径重写删除/atguigu，真正的请求路径是没有/atguigu的，他只是个匹配标识符，第二种方式可以配置多个代理对象，比如只要你的请求路径里面带有/atguigu就帮你代理转发到5000服务器，只要你请求路径带有/demo就帮你代理转发到5001服务器。图二：第一种方式代理地址要填后端的服务器地址，意思是代理服务器要像那台后端服务器请求数据。

原创 git问题解决：git add . 时，fatal: Unable to create ‘xxx/.git/index.lock‘: File exists.

有时强制关闭进行中的git操作，这个文件没有被自动删除，之后你就无法进行其他操作，必须手动删除，进入.git文件中删除，如果没有这个.git文件夹 打开显示隐藏文件。如果没有看见.git文件夹，可以直接用命令rm -f ./.git/index.lock。之后就可以正常使用。造成的原因是在某些比较费时的git操作时自动生成 index.lock文件，操作结束后自动删除，相当于一个锁定文件，目的在于防止对一个目录同时进行多个操作。方法二：可以直接用命令rm -f ./.git/index.lock。

原创 vite-配置优化打包

vite打包优化_vite打包配置_blue_121的博客-CSDN博客

原创 vue3+TS:如何用ts定义promise接口类型

上面是用泛型来实现复用公共接口类型，下面是用extends继承实现复用公共接口类型。下图是定义promise发请求返回值的类型。图一，二是接口返回的的数据。

原创 css - 解决行内块元素之间空白缝隙的方法

多个并排的行内块元素之间会有空白缝隙，解决办法是给每个行内块元素身上加浮动比如：float：left。

原创 电脑办公小技巧-Windows10突然快捷键win + v 剪贴板使用不了”解决方法

“Windows10突然快捷键win + v 剪贴板使用不了”解决方法_win+v打不开剪贴板_FLRobert的博客-CSDN博客

原创 vue2 - 递归组件解决后管平台多级菜单的渲染

来源：硅谷甄选第40讲。

原创 多版本node的安装与切换

切记：一定要先卸载电脑里面已经安装过的node。

原创 js - async和await的用法

async函数返回一个promise对象后可以使用promise的.then和.catch拿到返回值。

原创 js - Promise的作用和语法

此时Promise.allSettled便派上用场了。无论参数实例是否reject，最终Promise.allSettled内部都会resolve，只不过会添加一个状态status来记录对应的参数实例是否执行成功。我们可以依据这个状态去过滤掉rejected的数据，只操作fulfilled的数据，就会得到我们想要的业务逻辑了。

原创 vue2 - 配置项里面this的使用问题

data里面的值不能是data里面定义的值，不能用this.list去给data里面另外一个属性绑定值。典型案例：this为undefine。

原创 vue2 - 点击事件

1：vue2里面配置项比如method里面的函数都要写成不是箭头函数的普通函数，不然里面的this会指向window对象从而找不到vm实例对象，但是里面嵌套的定时器如setinterval最好写成箭头函数方便找到this===vm实例。2：@click = 'submit' 后面如果跟不跟()都可以，不跟默认传event事件对象，如果要传参就必须带括号。

原创 js - DOM节点的增删改查

1 获取父节点的方法2 获取子节点方法 3 获取兄弟节点方法

原创 Vue- 深度选择器 :deep()

Vue3深度选择器 :deep()_vue深度选择器_疆~的博客-CSDN博客

原创 js - DOM - 窗口和页面尺寸发生改变触发的事件和元素位置信息

原创 js - scroll页面滚动事件

注意：获取html页面DOM元素用doucment.documentElement,获取页面内容区域的bodyDOM元素使用document.body。页面被卷去的高度scrollTop就是下图的括号部分，页面滚动是元素盒子向上移动超出父盒子那部分高度。

原创 js - DOM操作 - 添加样式的三种方法

第一种方法有一个问题就是一不小心容易覆盖元素以前就已经绑定了的样式。第一种方法是最笨重的方法，只适合修改小的样式。注意类名前面不要加点。注意类名前面不要加点。

原创 js-页面加载事件

有2个方法事件方法：注意load事件源是window，而DOMContentLoad事件源是document。

原创 js - 获取DOM元素的方法

获取DOM元素其他老方法：不推荐，注意下图后面两个获取的也是一组标签元素，返回值是一个伪数组。主流方法：注意括号里面必须加引号，同时如果是class类要带.号，id标签要带#

原创 js - DOM事件 - 两种绑定事件的方式区别以及解绑方法

addEventListener第三个参数默认不写就是false（事件冒泡），写上true就是事件捕获阶段。

原创 js-DOM操作-鼠标事件

原创 css-样式兼容性处理插件autoprefixer，自动补全css浏览器前缀

作者：足各路方法：Vue PostCss插件——autoprefixer，自动补全css浏览器前缀_足各路的博客-CSDN博客

原创 js-处理异常错误的方法throw/try...catch

第二种方法：利用 try...catch捕获异常。第一种方法：利用throw抛出异常。

原创 js-深拷贝和浅拷贝

作者：

原创 css-margin塌陷和margin合并问题及解决方案

作者：疆~

原创 css-background属性全解

链接地址：作者：ps酷教程。