qq_38918953的博客

企业级的vue 前端埋点全流程，无第三方插件。

将权限点（变量）解藕，归纳到单独页面中管理；函数通过vuex解藕，能够独立调用，方便管理。// 财账 - 权限// 权限常量‘/api....’只出现一次，方便统一管理export const BACKEND_BEGINTOAUDITING = '/api.edu.admin.edu.v1.EduAdminEdu/BeginToAuditing' // 提交审核权限。

优化后可读性/可维护性更好了，if分支越多，体现越明显。

注意：responseType应设置为：‘arraybuffer’，这样返回的文件流才会是二进制的，才能使用new Blob得到正确的文件。

【代码】Vue3.x+ElementUI+Axios+阿里云对象存储实现图片or文件上传。

【代码】svg图编码成base64实现图片效果。

【代码】DoM元素获取、操作属性、样式。

定义：是Vue3推出的一个内置组件，它允许我们的程序在等待异步组件时渲染一些后备的内容，可以让我们创建一个平滑的用户体验；在vue3中，如果一个元素同时定义了v-bind="object"和一个相同的单独的属性，那么声明绑定的顺序决定了最后的结果（后者覆盖前者）在vue2.x中，如果一个元素同时定义了v-bind="object"和一个相同的单独的属性，那么这个单独的属性会覆盖object中的绑定。在vue2.x中，要求每个模板必须有一个根节点，在Vue3中我们可以直接不需要根节点。

需求：在变量isHaveForm为true时，元素标签渲染，为false时，只渲染中的子元素，如果直接用v-if控制达不到要求。vue中动态渲染元素或者标签需求转换成：删除元素，而不删除其子元素自定义指令实现// html 代码 <el-form ref="listQuery" v-el-remove-myself-html="isHaveForm" :model="listQuery" :inline="true"> <el

代码 const number = Math.ceil(balance * 100) / 100; // 向上取两位小数 money = new Intl.NumberFormat('en-GB', { style: 'currency', currency: 'CNY' }).format(number); money = money.replace('CN', ' ');例子知识点Intl.NumberFormat...

参数是：对象有传入参数用传入参数作为入参数，无传入参数用默认值 getTableData = async (pageData = {}) => { const params = Object.assign({}, { currPage: 1, pageSize: this.state.pageSize }, this.state.searchData, pageData); ... // 浅拷贝，当pageData是非空对象，会把{ currPage: 1, pageSize:

需求：视频和音频分开播放，视频可以有可以无，音频至少一个，由于音频和视频有时差，需要依据视频进行校准。 seeking() { // 该函数是在播放、暂停、跳转进度条时，让音频对应播放、暂停、跳转 let currentTimeVideo = this.player.currentTime(); let audioDomList = document.getElementsByTagName("audio"); this.audioDiffrentTimeArray.

发现是浏览器的版本太低不支持formData.get（）方法xx.get is not a function 说明是不支持get（）方法

这是由于发送请求时没有写.catch(res=>{})方法去获取有可能的错误，才报的错误getUserRoles().then(json=>{console.log(‘success’)}).catch(function (err) {console.log(err);})}...

判断是否为空 Object（空对象）JSON.stringify(a) === '{}',如果a是一个空对象则为true，如果a是有值的对象则为false判断是否为空 Array（空数组）a.length=== 0,如果a是一个空数组则为true，如果a是有值的则为false其他情况if(a){} //undefined,null,0,-0,NaN,"",'' 结果为 false，空数...

描述：在网页调试时，没有报错，去安卓端后报错，并且不发送请求，排除安卓端错误后，发现是安卓端不支持FormData.get(‘url’)的函数。解决思路：1.逐渐缩小范围，定位问题2.在该功能的每一个函数前后都加上打印，看函数执行到哪里停止。...

问题一：给mint-ui的loading添加样式，例如： document.querySelector(’.mint-indicator’).classList.add(‘editInfoIndicator’)，发现执行了Indicator.close()后添加的样式消失（没有添加上去），不知道原因。但是用 document.querySelector(’.mint-indicator’)....