搜索图片里的文字
前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心 背景 是这样的，我们公司有一个平台，这个平台上面有一个页面，是一个我们公司内部存放一些字幕图片的，图片很多，差不多每一页有100张的样子，类似于下面这样的图片 前几天上面大佬们说想要更加方便快捷地找到某一张图片，怎么个快捷法呢？就是通过搜索文字，能搜索到包含这些文字的图片。。。我一想，这需求简直逆天啊！！！！平时只做过搜索文字的，没做过根据...
深入了解zustand（从使用到源码）
如何使用 先来简单看看如何使用 这是官网给我们的一个例子 我们可以看到他是用一个create来创建一个store的 之前我已经搭建好了调试环境 直接开看🤫，很易读大家可以跟着文章一起来调试着看 为了方便大家看我帮大家剔除了源码中的ts ，源码中的ts还是蛮复杂的🙃 创建store 可以看到create接受一个createState就是我们之前的传入的函数 因为我们传入的createState是个函数所以会走到里createImpl(...
el-popover 点击其他区域关闭弹出框
需求：用户点击按钮， 出现，弹出框里有确认&取消按钮，点击确认&取消&其他区域，弹出框消失。 文档上是这样写的 但是如果绑定了visible，那么弹出框所有的弹出隐藏都必须手动控制 ，也没有点击空白处隐藏弹出框了。所以还是不设置visible属性。 可以通过绑定弹出框的ref，来通过ref的value.hide()实现手动隐藏。 作者：卑微程序喵 链接：https://www.jianshu.com/p/3b2380a3920d 来源：...
vue3 + vite 在线预览docx, pdf, pptx
一、内网 1. 使用docx preview 安装插件 引入依赖 2.pdf 使用vue3 pdf app 安装插件 引入依赖 使用方法非常简单 3.pptx 使用pptx.js 首先需要下载pptx的文件 github: 官网地址： 下载完成后放到public下的lib文件夹中, 然后在index.html中引入 使用： 二、外网（文件地址须在公网环境下） 调用 的服务 三、移动端适配 vue3 pdf app会自动适配 ， 主要是d...
console使用
Hello，大家好，我是 Sunday。 在日常开发中，大多数同学都会通过 的方式来进行代码调试。但是 是具备很多局限性的，比如：我们想要获取某段代码的执行耗时，通过 就无法满足需求。 那么怎么办呢？其实对于 对象来说，除了 方法它还提供了很多其他的方法帮助我们进行调试，利用这些方法可以极大地提升我们的工作效率 01：console.table 使用 console.table 可视化复杂的对象和数组： 打印结果如下： 02：conso...
lottie 动画在 vue 中的使用
前言 最近我所负责的项目中采用了动画效果，最早使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的表现效果，我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要，因此我非常认真地对待每一个细节，希望通过我的努力，为用户带来更加流畅、自然的视觉体验。 Lottie 简介 Lottie 是一个适用于 Android、iOS、...
全兼容的毛玻璃效果
通过本文，你能了解到： 1. 最基本的使用 CSS 实现磨砂玻璃(毛玻璃)的效果。 2. 在至今不兼容 的 firefox 浏览器，如何利用一些技巧性的操作，巧妙的同样实现毛玻璃效果，让这个效果真正能运用在业务当中。 什么是 CSS 属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。 因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。 与 非常类似，可以取的值都是一样的，但是一个是作用于整个元素...
实现同时上传文件和表单json数据的解决方案 - 掘金
项目需求，实现通过一个后端接口同时接收form表单数据和文件。 前端 后端 1. 选择多个文件一起上传 错误代码 浏览器network调试面板中可看到发送的files参数为\[object file\]形式，而正确的形式应该是\[binary\] 解决方案 2. formData方法append和set区别 通过append(key, value)来添加数据 如果指定的key不存在则会新增一条数据，如果key存在，则添加到数据的末尾 通...
重新认识 Vue
使用 Vue3 的多种方式 Standalone Script：独立脚本 Embedded Web Components：作为 Web Component 嵌入 Single Page Application (SPA)：单页面应用 Fullstack / SSR：全栈/服务端渲染 JAMStack / SSG：JAMStack 架构/静态站点生成 独立脚本 首先，我们创建一个 html 文件。 其次，既然我们需要创建 Vue 项目，那...