笔记
只爱吃菜不吃饭
谢谢你这么厉害还关注我~
展开
-
antd中Transfer穿梭框数据显示问题
新接手的react项目中,有需求要在结构中渲染多个穿梭框,实际表现是框出来了,只有第一个穿梭框中的数据正常显示,如下图数据都是有的,就是不显示出来,勾选上就会展示,或者不使用map循环渲染的方式直接多个列出来也会正常展示。原因:Transfer 默认使用了 react-lazy-load 优化性能,可以通过设置 lazy={false} 关闭懒加载。...原创 2021-07-08 09:45:53 · 4059 阅读 · 0 评论 -
项目内调用手机地图应用
//地图路径规划经纬度城市名称exportdefaultfunctionopenMapRoute(lat,lon,cityName){varurl='';if(plus.os.name=='Android'){varhasBaiduMap=plus.runtime.isApplicationExist({pname:'com.baidu.BaiduMap',act...原创 2021-05-17 15:04:51 · 320 阅读 · 1 评论 -
pc端调用电脑摄像头及麦克风完成录像或录音并实现回放和上传服务器
首先定义获取媒体设备的方法var MediaUtils = { /** * 获取用户媒体设备(处理兼容的问题) * @param videoEnable {boolean} - 是否启用摄像头 * @param audioEnable {boolean} - 是否启用麦克风 * @param callback {Function} - 处理回调 */ getUserMedia: function (videoEnable, audioEnable, callbac原创 2021-05-08 16:43:48 · 1582 阅读 · 3 评论 -
websock的使用
let websock;function websocketonopen (userId) { //连接建立之后执行send方法发送数据 let actions = { "userId": userId }; if (websock.readyState==1){ websocketsend(JSON.stringify(actions)) }}function websocketonerror(){//连接建立失败重连 initWebSocket().原创 2021-05-08 15:39:05 · 502 阅读 · 0 评论 -
在vue项目中单独引入某一elementui组件
1.安装element-ui库npm i element-ui -S2.在启动文件中配置import{DatePicker}from'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(DatePicker);3.在页面中使用<el-date-pickerv-model="value1"type="daterange"...原创 2021-04-25 10:12:42 · 5107 阅读 · 0 评论 -
隐藏electron窗体菜单栏的几种方式
方法1:const electron = require('electron')const Menu = electron.Menufunction createWindow (){Menu.setApplicationMenu(null)}方法2:newBrowserWindow({autoHideMenuBar: true})方法3:newBrowserWindow({frame:false})...原创 2021-04-22 15:51:51 · 4251 阅读 · 0 评论 -
使用swiper实现视频和图片混合轮播
完成需求:轮播页面自动滚动循环播放素材,在视频页面自动播放视频至视频结束后继续轮播下一个素材,手动切换时视频页暂停播放,切换回来后恢复播放。1.安装swiper相关插件2.在轮播页面引入import{Swiper,SwiperSlide}from"vue-awesome-swiper";import"swiper/swiper-bundle.css";importSwiper2,{ Autoplay}from"swiper";Swiper2.use([Na...原创 2021-04-22 11:38:58 · 6835 阅读 · 6 评论 -
vue中监听用户操作,无响应状态返回首页
在根页面的最外层节点上添加点击事件: <div id="app" @click="clickApp" > <router-view /> </div>设置未响应时长data() { return { clickTime: new Date(),// 最新点击时间 responseTime: 300000, // 5分钟不响应自动跳转首页 timeout: null,// 点击后的定原创 2021-04-22 11:23:01 · 622 阅读 · 1 评论 -
uni-app项目配置UrlSchemes在外部打开APP
已经安装跳转应用的情况1.对于IOS配置打包配置路径manifest->app-plus->distribute->ios注意不要使用大写及中文以及特殊字符等,示例代码如下"urltypes" : [ { "urlidentifier" : "com.runtest.test", "urlschemes" : [ "runtest" ]原创 2021-03-30 15:14:30 · 10195 阅读 · 3 评论 -
uniapp中地图使用注意事项
1. 地图中添加cover-view时,一定要设置高度,否则map在苹果手机端会无法移动和缩放2.cover-view中添加scroll-view需要用一个父元素包起来,否则在添加数据后,在ios端可能会出现高度不生效的问题3. 绘制markers时务必要先勇一个中间变量存起来后再一次性赋值给markers,不能直接操作markers,路线绘制同理...原创 2021-03-25 13:05:39 · 2348 阅读 · 0 评论 -
计算当天、本周、本月、本季、今年的起止日期
// 日期格式化Date.prototype.format = function(format) { var o = { 'M+': this.getMonth() + 1, // month 'd+': this.getDate(), // day 'h+': this.getHours(), // hour 'm+': this.getMinutes(), // minute 's+': this.getSeconds(), // second 'q+': Math.flo.原创 2021-03-01 17:47:31 · 269 阅读 · 0 评论 -
获取距离指定日期的指定间隔的日期
// asi指定的间隔,defaultD指定的日期,type往前还是往后getAppointDate(asi, defaultD, type) { let n = asi; let d = new Date(defaultD); let year = d.getFullYear(); let mon = d.getMonth() + 1; let day = d.getDate(); if (day <= n) { if (mon >.原创 2021-03-01 17:46:00 · 178 阅读 · 0 评论 -
echarts创建立体柱状图(堆叠或单独),面积折线图渐变配置项参考
参考效果如图配置项中需要注意的几个要点:1. 颜色取值需要有范围,以突出立体感2. 对于需要堆叠的数据,设置相同stack3. 对于pictorialBar类型的图,数据大小和图形显示位置通过data和symbolPosition: 'end',symbolOffset: [0, '50%'],symbolSize: [barWidth, 10]进行调整4.symbol: 'diamond'展示的是菱形图形,其他类型的可以参考官网配置项示例代码如下:const color.原创 2021-03-01 17:27:33 · 3100 阅读 · 0 评论 -
echarts使用过程中遇到的小问题汇总
1. 饼图位置确定不能由grid来设置,需要使用center和radius要设置;2. legend过长超出范围时设置显示方式:方式1:官网给出的方案:label{overflow:"none"}文字超出宽度是否截断或者换行。配置width时有效'truncate'截断,并在末尾显示ellipsis配置的文本,默认为... 'break'换行 'breakAll'换行,跟'break'不同的是,在英语等拉丁文中,'breakAll'还会强制单词内换行 (但是我的玫瑰图配置后无...原创 2021-02-24 09:53:05 · 6774 阅读 · 2 评论 -
uniapp中在线预览(打开)文件
基于官方openDocument方法。同保存图片至本地相同,该方法路径参数不支持网络路径,因此需要使用downloadFile后获取一个临时路径loadFile(url) { uni.downloadFile({ url: url, success: (res) => { if (res.statusCode === 200) { uni.openDocument({ filePath: res.tempFilePath,原创 2020-11-17 14:59:10 · 16643 阅读 · 0 评论 -
uniapp中使用echart,单个或者多个,封装组件后echart图表不刷新
此文以饼图数据为例:对于单个图标渲染,只需要在结构和js中插入以下代码即可<view @click="echarts.onClick" :prop="option" :change:prop="echarts.updateEcharts" id="echarts" class="echarts-pie"></view>设置变量:option: { graphic: [{ //环形图中间添加文字 ...原创 2020-11-05 22:22:48 · 1835 阅读 · 3 评论 -
uniapp中获取上一页内容
let pages = getCurrentPages();let page = pages[pages.length - 2];page.refreshflag = true;(此参数为上一页中的参数)原创 2020-09-15 10:11:04 · 3548 阅读 · 0 评论