开发任务中有这样一个需求，下拉框中需要展示超过5000条数据，甚至更多。这数据量直接整个页面卡死了，就想到在下拉框中加分页，实现方式有如下两种： 方式一：使用elementui中的el-select和el-pagination实现分页 HTML部分： <el-select v-model="value1" placeholder="请选择数据" :clearable="false" ...
在实际业务中，我们常用图表来做数据统计，数据展示，数据可视化等比较直观的方式来达到一目了然的数据查看，但在大屏开发过程中，常会因为适配不同屏幕而感到困扰，下面我们来解决一下这个不算难题的难题！ 使用 scale-box 组件 属性： width宽度 默认1920 height高度 默认1080 bgc背景颜色 默认"transparent" delay ...
出于浏览器的同源策略限制。同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。知识点：跨域只会出现在浏览器上，小程序和APP开发不会有跨域问题！ 为什么要跨域 同源策略 浏览器的同源策略：是浏览器的一个安全功能，不同源的网页脚本在没有明确授权 ...
最近几周都在处理公司的移动业务，而为在后期能统一多端，解放自己，迎合公司的技术栈；选用了 uni-app 来开发。开发前期重新对公司移动业务做深入了解，重构大部分业务逻辑，也抽离出基础组件；但实际到部署的时候，出现来问题；由于现在只考虑 H5 端，部署和测试会出现多环境配置，但是我使用的 HBuilderX 工具创建的 ...
本文主要介绍了 getUserMedia 媒体权限申请的通用用法，包含权限申请配置、成功时媒体流预览及销毁处理、失败时的通用提示处理等等 getUserMedia() 方法是用来申请麦克风和摄像头的使用权限的。该方法存在兼容性问题，需要单独处理，如下是比较通用的处理方式： // 申请媒体权限的兼容性写法 function getUserMedia(co ...
这篇文章主要为大家详细介绍了JavaScript数据结构与算法中的队列结构，文中通过简单的示例介绍了队列结构的原理与实现，需要的可以参考一下! 一.认识队列 受限的线性结构: 我们已经学习了一种受限的线性结构:栈结构. 并且已经知道这种受限的数据结构对于解决某些特定问题,会有特别的 效果. 下面,我们再来学习另外一个 ...
Web Components 是一组 web 原生 API 的统称，允许开发者创建可复用的自定义元素 (custom elements)。 自定义元素的主要好处是，它们可以在使用任何框架，甚至是在不使用框架的场景下使用。当你面向的最终用户可能使用了不同的前端技术栈，或是当你希望将最终的应用与它使用的组件实现细节解耦时，它们会是理想的选择。 ...
今天在运行antd-design-vue的源代码项目时，发现vscode有很多eslint的报错，原因是我使用了vetur插件的格式化，但是antd-design-vue源码有自定义的eslintrc和prettierrc配置，这些配置和vetur插件里默认的配置不一致导致的。 那么如果有强迫症，想消除这些检查报错我们就需要在源码自定义的eslintrc和prettierrc配置里 ...
vue组件之间共享数据方式 父向子传值：v-bind 属性绑定 子向父传值：v-on 事件绑定 兄弟组件之间共享数据：EventHBus $emit 发送数据的那个组件 $on 接收数据的那个组件 上面介绍的这三种组件之间的通讯方式，只适合在小范围内来进行数据的共享，如果我们要频繁的、大范围的实现数据的共享，以上三种方式就有点力不从 ...
最活跃的读者