刷新
vue~el-autocomplete实现组件化

博主头像 # el-autocomplete核心参数 可以实现异步的数据拉取,从异步返回的数据中,选择需要的结果,并回显到文本框中。 ## fetch-suggestions 回调列表,异步的方式获取数据列表,显示在列表框中 ## @select 当选中某一项时,会触发这个方法,将数据获取到,这时,我们可以将 ...

前端实现文件下载功能——文件流

博主头像 前端下载文件一般使用的是blob 核心的步骤是获取后端响应的文件流,用blob创建一个临时的URL,然后创建一个隐藏的<a>标签,实现下载需求。 那就先上代码 function download(item) { axios.get(getServerUrl() + "/teacher/output/ ...

uniapp 项目实践总结(一)uniapp 框架知识总结

博主头像 > 导语:最近开发了一个基于 uniapp 框架的项目,有一些感触和体会,所以想记录以下一些技术和经验,在这里做一个系列总结,算是对自己做一个交代吧。 ## 目录 * 简介 * 全局文件 * 全局组件 * 常用 API * 条件编译 * 插件开发 ## 简介 uniapp 是 DCloud 公司于 ...

uniapp 地图如何添加?你要的教程来喽!

博主头像 地图在 app 中使用还是很广泛的,常见的应用常见有: 1、获取自己的位置,规划路线。 2、使用标记点进行标记多个位置。 3、绘制多边形,使用围墙标记位置等等。 此篇文章就以高德地图为例,以上述三个常见需求为例,教大家如何在 uniapp 中添加地图。 作为一个不管闲事的前端姑娘,我就忽略掉那些繁琐 ...

vue3探索——组件通信之v-model父子组件数据同步

博主头像 # 背景 再很多场景中,我们可能想在子组件中修改父组件的数据,但事实上,vue不推荐我们这么做,因为数据的修改不容易溯源。 ## Vue2写法 在vue2中,我们使用`.sync`修饰符+自定义事件`'update:xxx'`,来使父子组件数据同步。 ```html // 父组件 我是父组件,我有{ ...

vue~layout模板页的使用

博主头像 # 模板页的重要性 Vue 项目中使用布局组件来创建页面布局的方式是完全可行的,而且在很多项目中都被广泛采用,包括像 ruoyi 这样的框架。这种模式有助于实现统一的页面布局结构,减少重复代码,并提高代码的可维护性。 让我们具体分析一下你提到的 ruoyi 框架的做法: 1. **Layout 组件 ...

Vue3 中 keepAlive 如何搭配 VueRouter 来更自由的控制页面的状态缓存?

博主头像 在 vue 中,默认情况下,一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时,会创建一个只带有初始状态的新实例。但是 vue 提供了 keep-alive 组件,它可以将一个动态组件包装起来从而实现组件切换时候保留其状态。本篇文章要介绍的并不是它的基本 ...

记录--为什么要使用 package-lock.json?

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 随着JavaScript在现代软件开发中的日益重要地位,Node.js生态系统中的npm成为了不可或缺的工具。在npm管理依赖的过程中,package-lock.json文件的作用日益凸显。本文将深入探讨为什么要使用package- ...

解决Vue中el-select第二次选择选项时才会显示上一个选项的响应结果

博主头像 今天在写一个选择器的时候出现一个问题 这个功能需求是:通过选择器选择不同的选项,点击查询按钮发送请求,并将响应结果放到一个div中用v-if控制是否显示。 看似简单的一个功能,却出现一个很搞笑的bug。在我选择一个选项点击查询,本应该显示结果的div没有显示出来,而在选择一个其他选项,不需要点击查询 ...

记录--post为什么会发送两次请求?

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 在前段时间的一次面试中,被问到了一个如标题这样的问题。要想好好地去回答这个问题,这里牵扯到的知识点也是比较多的。 那么接下来这篇文章我们就一点一点开始引出这个问题。 同源策略 在浏览器中,内容是很开放的,任何资源都可以接入其中,如 Jav ...

使用VuePress打造的LearnData知识库帮助我更好地学习和传播 - 从笔记到分享

博主头像 在当今快节奏的社会中,技术变化日新月异。作为一名技术博客站长,我深切感受到了学习和传播知识的重要性。为了更好地满足读者的需求,我决定采用VuePress搭建一个功能强大且易于维护的知识库平台,名为LearnData。本文将介绍我如何利用VuePress构建LearnData,并展示一些相关的代码示例... ...

前端Vue自定义等分底部菜单导航按钮 自适应文字宽度 可更改组件位置

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ...

vue3探索——组件通信之事件总线

博主头像 > Vue2.x使用EventBus进行组件通信,而Vue3.x推荐使用`mitt.js`。 > > > 比起Vue实例上的`EventBus`,`mitt.js`好在哪里呢?首先它足够小,仅有200bytes,其次支持全部事件的监听和批量移除,它还不依赖Vue实例,所以可以跨框架使用,React或 ...

vue 实现 pdf 预览功能

博主头像 随着互联网的发展,PDF 文件在信息交流和文档分享中起着重要的作用。通过在 Vue 组件中实现 PDF 预览功能,我们可以为用户提供便捷的内容阅读体验。 通过阅读本文,读者将了解如何在 Vue 中实现强大的 PDF 预览功能,为用户提供方便的阅读体验。无论你是刚入门的 Vue 开发者,还是有一定经... ...

记录--webpack和vite原理

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 每次用vite创建项目秒建好,前几天用vue-cli创建了一个项目,足足等了我一分钟,那为什么用 vite 比 webpack 要快呢,这篇文章带你梳理清楚它们的原理及不同之处!文章有一点长,看完绝对有收获! 正文 一、webpac ...

京东门详一码多端探索与实践

博主头像 本文主要讲述京东门详业务在支撑过程中遇到的困境,面对问题我们在效率提升、质量保障等方向的探索和实践,在此将实践过程中问题解决的思路和方案与大家一起分享,也希望能给大家带来一些新的启发 ...

<1···262728>