qq_32429257的博客

分享-前端业务场景的一些代码优化前端开发基本每天都在写业务代码，有些场景我们可以用更好更优雅的方式去处理。今天给大家分享下我在实际业务场景下对代码的一些思考与优化，和大家探讨下。主要是两个方面：如何利用js对象key唯一性简化代码逻辑 如何利用异步和队列简化重复代码逻辑如何利用js对象key简化代码1. 利用对象来简化if else或者switch case先简单举例说个业务场景：运单可能有待发车、运输中、待收货、待回单、已收货…等状态，我们需要根据不同状态来显示不同的文案和图标

所用到的技术+原理// 音频文件上传示例new Blob()// Binary Large Object 二进制类型的大对象，Blob是JavaScript内建对象，表示不可变的原始数据，类似文件的对象。// https://developer.mozilla.org/zh-CN/docs/Web/API/Blob/Blob// let aBlob = new Blob( array, options );let dataBlob = new Blob([音频文件原数据], { type

1.处理字符串相关方法let str = "I love JS";str.includes("I"); // --> true 字符串中是否包含该字符。 str.startsWith("I") // --> true 字符串是否以I开头str.endsWith("JS")// --> true 字符串是否以JS结尾str.repeat(3) // 字符串重复三次 返回新字符串str.padStart(10,'0'); // 字符串的长度最少为两位，不够的话在字符串的前面加0

Vue项目中刷新当前页面的方法JS 原生刷新页面方法：window.location.reload() 利用路由刷新的方法：this.$route.go(0) 利用 vue 提供的 provide 和 inject 自定义刷新前两种刷新页面的方法，虽然代码简单，但比较粗暴，属于强制刷新整个页面，会出现短时间的白屏空隙，用户体验不好下面只总结第三种刷新页面的方法，可以很好地解决刷新但不出现白屏的问题。利用provide和inject实现页面刷新首先在父页面中比如 App.vue ...

工作中常用的工具函数，提高工作效率https://juejin.cn/post/6844904181761835016

背景： 首先，需求是这样，Vue项目中使用的是iview第三方UI库，要修改组件DatePicker中默认选中的当日的日期（如下图），实现无论在哪个时区，均显示中国的日期 （图1-1）由于，iview提供的api中并没有可以设置当前选中的日期的参数，而是默认去的new Date()，也就是当前系统的时间，所以这个默认选...

前言:最近使用的一款插件math.js按照正常格式展示各种公式，途中遇到不能自动换行的困扰，一步步排查得知标签class名为mjx-chtml的设置强制不换行white-space: nowrap，那么只需要在你所引用的CSS文件中加一行样式即可话不多说，上代码全局引用并设置mathJaxmessageStyle是公式转化的进度，会显示的页面左下角，用户体验不是很好，SO，我隐藏掉...

首先，跨域是什么？只要协议、域名、端口有任何一个不同，都被当作是不同的域。为什么三者任何一个不同就会产生跨域呢，想想也很容易知道，要是很随便引用什么外部文件，不同标签下的页面引用类似的彼此的文件，浏览器很容易懵逼的，保障不了安全问题，但在安全限制的同时也给注入iframe或是ajax请求上带来了不少麻烦。所以我们要通过一些方法使本域的js能够操作其他域的页面对象或者使其他域的js能操作本域的页...

首次使用electron-vue实现桌面应用，其中遇到n多的坑，一次次的从坑中爬起再跌下再爬起。。。1.实现版本的自动更新：首先想到的是autoUpdater，就按着百度的方法（完全没有问题）比葫芦画瓢的实现了，但由于打包的是合在一起打包的，有些参数可能没有，另外就是我们的下载的连接是按照登录的服务器地址（也就是不是固定的地址），诸多不便，于是放弃这种方式；于是乎，便使用以下方法/...