flyer9651的博客

原创 闭包的详解

闭包的详解、防抖与节流

原创 开发进阶-超详细正则表达式

进阶：正则表达式的理解与使用

原创 移动端下拉列表基本实现

基于vue3.x手写的一个移动端异步加载下拉列表实现

原创 回调地狱总结（一）- 串行执行

最近在开发中碰到一个需求，需要使用element ui中的确认对话框连续弹出三次再实现下面的业务。一开始书写的代码如下：this.$confirm('请确认？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', center: true }).then(() => { this.$confirm(

原创 数组以及对象的赋值问题

昨天在开发中，要实现一个操作是把数组1赋值给数组2的操作。写了一段类似这样的代码：let arr = [10, 20, 30]let arr1 = arrarr1[2] = 90 console.log(arr, arr1, '打印的结果') //[10, 20, 90] [10, 20, 90]我只改变了arr1的值但是arr和arr1都发生了改变。原因是arr1 = arr 不是一个赋值操作，而是把arr的内存地址给了arr1。也就是两个数组都指向了同一个内存地址。（这里我也不

原创 vue3.0 过滤器解决方案

因为vue3.0不再支持局部过滤器属性，笔者参考这篇文章总结出下面的用法vue3.0中为啥要删除过滤器功能，因为功能重复吧？ - 知乎1、首先定义一个filter.ts文件import { computed } from 'vue'export default function () { const getSystemUserStatus = computed(() => { // 这里需要用一个函数来返回，好像是用到了闭包的概念，这里我不太理解这种写法 retu

原创 element plus 主题色替换

原创 在vue中使用Tinymce

场景：在需求中需要使用富文本编辑器进行在线文本编辑详见，见中文网站1、引入"@packy-tang/vue-tinymce":"^1.1.2","tinymce":"^5.9.1",这两个放在package.json中的依赖中2、使用<template> <vue-tinymce v-model="content" :setting="setting" /></template><script> imp...

原创 基于Vue实现html2Canvas与QRCode.js2生成带有二维码的海报

一、业务一篇文章，点击转发输入姓名以及手机号后生成一个二维码图片，随后点击下载图片，将图片分享给别人二、结果点击下载后的二维码三、实现html部分<!-- 生成二维码以及文案的弹框 --> <div class="qrcode-template" v-show="showTransferUrlDialog"> <div class="dialog-bind-alipay1"> <div clas..