![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
文章平均质量分 80
Kepler_明
一个前端小菜鸟
展开
-
让开发事半功倍的VueUse
VueUse不是Vue.use,它是为Vue 2和3服务的是一组基于Composition API的实用函数。是目前世界上Star最高的同类型库之一。他功能丰富,与服务器端渲染/生成完美配合,无需任何捆绑程序可通过CDN直接使用...原创 2022-08-19 09:36:41 · 1137 阅读 · 1 评论 -
基于vant UI设计一个下拉选择跟搜索功能的组件
基于vant UI设计一个下拉选择跟搜索功能的组件原创 2022-06-16 16:24:43 · 6406 阅读 · 0 评论 -
记录openLayers的学习日记
记录openLayers的学习日记原创 2022-04-12 11:15:10 · 834 阅读 · 0 评论 -
数字动态翻牌器
数字动态翻牌器最近项目里使用到了数字翻牌器,于是自己写了一个,动态的翻牌器第一步创建一个组件页面,NumberCount.vue思路:大概就是显示几位数,然后从0开始滚动到当前的数值的位置,在每一个位置都有0-9的数,然后就是往上滚动当前数值的次数到当前的数,话不多说上代码<template> <div class="chartNum"> <div class="box-item"> <li :class="{ 'nu原创 2021-12-02 10:30:03 · 2065 阅读 · 0 评论 -
基于element-ui表格的二次封装
基于element-ui表格的二次封装写一个Table组件首先先写表格样式第二步加分页在页面中使用先引入Table.vue页面在项目中经常会使用到element的表格,如果每次都cv,也确实有点麻烦,基于这个情况我对表格进行了二次封装写一个Table组件首先先写表格样式 <el-table :data="tableData" :header-cell-style="headerStyle" :height="height" :border=原创 2021-12-01 17:56:22 · 723 阅读 · 0 评论 -
使用vue二次开发海康监控H5视频播放
使用vue二次开发海康监控H5视频播放西瓜播放器示例demo阿里云的示例demo使用海康的H5视频开发包,海康的api页面中的使用第一步第二步第三步第四步切记bug由于公司项目需要做监控的直播跟回放,所以接触到了这个海康的监控视频播放,本来是打算使用videojs使用rtmp流进行监控的直播,因为现在主流浏览器都不支持flash插件,而videojs使用rtmp流直播的话需要浏览器支持flash,所以果断放弃,后来决定使用hls协议调用H5播放器进行播放。然后当时找了两个H5播放器一个是西瓜播放器,另一个原创 2021-06-09 16:28:48 · 6829 阅读 · 34 评论 -
记录一下我在做公司后台管理系统的难点与心得
公司的项目大致就长这个样子刚进入页面的时候是两个请求,左侧的内容跟右侧的内容分别是两个不同的请求,这里我使用的是aioxs的并发请求,axios.all()axios提供了两个并发请求 axios.all(iterable) axios.spread(callback) 两个辅助函数用于处理同时发送多个请求,可以实现在多个请求都完成后再执行一些逻辑。因为我的想法是在两个请求都结束以后再关闭loading,显示出来,否在会出现白屏的情况,我这里是这样使用的async getOperator原创 2021-02-25 16:01:46 · 9232 阅读 · 9 评论