wenhui的博客

前情回顾说点废话。。。1、项目当中遇到需要上传多个图片，一次选取多个图片。但是吧el-upload默认只能一个一个传，每次上传成功还的自己去push，一个一个去判断。2、关键是后台给的接口，要一次性接收一堆，无奈之下只能去网上搜索，大佬们都是给的代码片段无法直接使用。3、闲下来就想着自己写一个吧。大家共同学习进步，我也巩固一下知识点！有问题的地方欢迎各位大佬指正！话不多说直接撸代码！！！

如果 if-else 的逻辑比较简单，可以使用下面这种方式镜像简写，当然也可以使用三元运算符来实现。如果仅在变量值为 true 的情况下才调用函数，则可以使用 && 运算符。当我们处理多个变量并将不同的值分配给不同的变量时，这种方式非常有用。我们可以在数组中存储多个值，并且可以使用数组include方法。我们可以将条件保存在键值对象中，并可以根据条件使用。看到一篇挺实用的文章搬运过来防止遗忘，以备后期查询。当我们声明多个同类型的变量时，可以像下面这样简写。可以使用三元运算符来实现这些功能。

当我们的项目越来越大，我们会发现组件之间可能存在很多相似的功能，你在一遍又一遍的复制粘贴相同的代码段（data，method，watch、mounted等），如果我们在每个组件中去重复定义这些属性和方法会使得项目出现代码冗余并提高了维护难度，针对这种情况官方提供了Mixins特性混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。......

TXT，PDF直接使用浏览器本身预览excel使用插件 xlsx，这个插件需要用到arraybuffer的流格式，我是使用前端转换的详见js代码，也可以叫后台返回arraybuffer的数据流word 使用插件 docx-preview话不多说直接上菜，css样式自己调就行。.........

想当年，只知道json得用法就是parse() 方法和stringify() ，也没有详细的去阅读过相关资料和书籍，直到今天回头去阅读才发现，以前对于json只是了解了个皮毛。let wenhui = { name: '温慧', age: 18, sex: '男', school: '家里蹲大学'}// 大家是不是和我也一样只会用下面的2种，如果你比我懂得多，那么恭喜你，你基础不错，为你点赞//JSON.stringify// 第一种let str = JSON.stri

map()map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。有点绕口，直接上例子。const array1 = [1, 4, 9, 16];// 数组中的每个数都乘以2const map1 = array1.map(x => x * 2);console.log(map1);// 输出结果：数组 [2, 8, 18, 32];// 如果是计算平方const map2 = array1.map(x => x * x);conso.

1、安装mock依赖npm installmockjsnpm installvite-plugin-mock2、在src目录下创建mock目录文件夹 ，并创建index.jsexport default [ { type: 'get', url: '/api/getUser', response: () => { return [{name: 'tttt', age: 18}] } }]3、在vite.config.j..

前情回放：准备把域名换成https，证书从阿里云下载免费的ssl证书并放到了服务器中，遇到了几个个问题，记录一下。一、重启出现错误：unknown directive "ssl" in /usr/local/nginx/conf/nginx.conf:116根据网上搜出来的步骤1、安装ssl模块./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module2、编译.

遇到一个大坑，弄了好几个小时才找到问题。vue3使用el-form的时候，如下代码，会导致输入框无法输入，无法赋值，选择框无法选择<el-form class="my-form" ref="form" :model="form" label-width="80px"> <el-form-item label="活动名称"> <el-input v-model="form.name"></el-input> </el.

1、用vite新建一个vue3项目1.全局安装vitenpm install -g create-vite-app2.使用vite创建一个vue3项目create-vite-app vue-dome3.进入刚才创建的项目文件夹cd vue-dome4.npm安装依赖包npm install5.启动项目npm run dev2、安装vue-routernpm install vue-router@next --save使用vue-router@4.0+（

一、异步加载设置// 无异步的路由import A from '@/views/recommend'// 异步路由const A = () => import('@/views/a'/* webpackChunkName: "recommend" */)1、如果不设置异步路由所有的js都会打包到app.js中2、设置异步路由后，访问a路由的时候才会加载这个路由相关的js，比如控制台network的js中a路由对应的就会出现0.js类似的这种js二、路由起别名// .

一个vue项目App.vue中设置两个router-view，根据不同的配置显示不同的视图，比如说：路人A,B路由使用正常的router-view，另一个特殊的路人（多动症）C 路由使用一个带动画路由。一、路由文件设置，一般的文件路径都是router/index.jsconst routes = [ { path: '/a', component: A }, { path: '/b', component: B }, { path: '/

先说点废话，写这篇文章是因为在学习一个vue网课的时候用到了transform动画中的matrix，就去学习了一下，此文章是在大佬张鑫旭的博客中学习以后，我又记录巩固了一下大部分内容都是来着大佬博客中。费话不多说，步入正题！一、什么是矩阵 在数学中，矩阵（Matrix）是一个按照长方阵列排列的复数或实数集合[1]，最早来自于方程组的系数及常数所构成的方阵。这一概念由19世纪英国数学家凯利首先提出。矩阵是高等代数学中的常见工具，也常见于统计分析等应用数学学科中。。。。。。当...

迭代器迭代器是一种特殊的对象，它具有一些专门为迭代过程设计的专有接口，所有的迭代器对象都有一个next()方法，每次调用都返回一个结果对象。结果对象有两个属性：一个是value，表示

一、全局引入cass（scss）变量和sass（scss） nixin，这样就可以直接使用变量和mixin了，不用给每个vue文件都import相关文件1、使用场景variable.scss文件样例// 颜色定义规范$color-background: #222;mixin.scss文件样例// 背景图片@mixin bg-image($url) { background-image: url($url + "@2x.png"); @media (-webkit-min-

一、安装脚手架VUECLI1、安装vueclinpm install -g @vue/cli// ORyarn global add @vue/cli2、检查是否安装成功，使用vue --version// ORvue -V// 查出的结果如下@vue/cli 4.5.123、升级vueclinpm update -g @vue/cli// 或者yarn global upgrade --latest @vue/cli二、创建项目1、使用命令：vue..

1.Set集合// 添加项目let set = new Set()set.add(5)let key = {}set.add(key)// set的长度set.size// 检查指定键名是否存在 hasset.has(key) // true// 移除元素set.delete(5)set.delete(key)// 全部删除set.clear()// 循环set.forEach(function(value, key, ownerSet) { // 代码区

1.对象解构let node = { type: 'identifier', name: 'wenhui'}let { type, name } = nodeconsole.log(type) //identifierconsole.log(name) // wenhui 在这段代码中，node.type的值被存储在名为type的变量中；node.name的值被存储在名为name的变量中。2.解构赋值let node = { type: ...

状态码的职责是当客户端向服务端发送请求时，描述返回的请求结果。借助状态码，我们可以知道服务端是正常处理了请求，还是出现了错误。 状态码如200 OK，已3位数字和原因短语组成。 数字中的第一位指定了响应类别，后俩位无分类。响应类别有如下5种。 类别 原因短语 1XX informational（信息状态码） 接收的请求正在处...