自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 收藏
  • 关注

原创 vue使用Mars3d弹框嵌套video视频/实时视频(flv) 使用jessibuca.js播放器

在html引入jessibuca.js (还需下载decoder.js,decoder.wasm)同前面相同。

2024-02-08 10:45:41 947

原创 vue使用Mars3d弹框嵌套video视频/实时视频(m3u8)使用hls.js

2.绘制视频点–使用DivGraphic。1.首先绘制地图我使用的天地图。

2024-02-08 10:31:32 1269

原创 vue2使用flv.js播放live.flv流视频

这里我用的是 “flv.js”: “^1.6.2”,

2023-12-28 11:53:01 1241

原创 3.vue2使用mars3d的api-获取经纬度高度,切换地图的方位,清空当前绘制的点,清空地图

【代码】3.vue2使用mars3的api-获取经纬度高度,切换地图的方位,清空当前绘制的点,清空地图。

2023-12-28 11:07:12 684

原创 vue2使用ezuikit播放在线视频,支持hls.m3u8

【代码】vue2使用ezuikit播放在线视频,支持hls.m3u8。

2023-12-27 17:20:52 801

原创 2.关于vue2使用mars3d 标点

注意 pointEntity和newGraphic 需要这样写不能写在data里面。

2023-12-26 16:38:22 701

原创 1.关于vue2使用mars3d

在public的index.html中引入以下代码,可在mars3d官网中下载引入。这样基本的一个地图就出现了。在标签中定义一个id。

2023-12-26 16:33:38 880

原创 微信小程序生成二维码

创建weapp-qrcode.js文件在utils里。

2023-08-31 14:21:00 77

原创 前端react关于批量上传图片只调用后端一个接口,循环调用或者一个一个调用(vue方法同理)

模拟的接口调用,成功一张照片在执行下一张照片。

2023-02-13 16:31:43 401

原创 hqcharts学习篇---y轴自定义间隔/y轴最大值最小值/固定3个值

1.创建一个点击指标的activeChangeIndex,点击RSI时赋值给activeChangeIndex,当窗口二是RSI时使用add赋值(这样做的原因是切换周期时 窗口图形可能消失而限制的)2.frame.CustomHorizontalInfo就是设置线的重要属性。ON_SPLIT_YCOORDINATE(割Y轴及格式化刻度文字)RECV_INDEX_DATA (接收指标数据)

2023-02-13 11:24:53 392

原创 让全局页面变为灰色

【代码】让全局页面变为灰色。

2023-01-30 09:40:58 84

原创 vue3学习1.0---安装以及路由切换

新建 router目录,然后在 router目录下新建 index.js和routes.js文件。创建 view目录,然后在view目录下创建 两个 vue页面文件。yarn serve 或者 npm run serve。接下来就yarn 或者npm install。index.js 文件内容如下。

2022-11-11 10:45:49 393

原创 umi+dva打包配置/跨域处理//图标修改

【代码】umi+dva打包配置/跨域处理//图标修改。

2022-11-03 11:01:59 282

原创 hqchart使用总结及方法--react+hqchart

1.根据不同的 Period: 0, //周期: 0 日线 1 周线 2 月线 3 年线去使用NetworkFilter里的data会返回Name。//hqchart图形适配 把chart 放在最外面就可以控制。//引用HQChart ,要使用状态栏的小图标必须引用css。1.在react项目中下载hqchart。1.创建一个hqchart图形。//动态请求网络数据接口。//需要的Option。

2022-10-26 10:56:20 991

原创 react适应echarts需要注意的点,1.多个echarts图表自适应,2.echarts y轴处理 y轴只显示名字 高亮需要更多信息,3.echarts 自定义高亮弹框

react适应echarts需要注意的点,1.多个echarts图表自适应,2.echarts y轴处理 y轴只显示名字 高亮需要更多信息,3.echarts 自定义高亮弹框

2022-08-05 16:54:13 527

原创 MAC hosts 文件修改流程

5、shift+:后输入wq!4、编辑完,按Esc退出。3、点击 i 进行编辑。

2022-08-05 16:51:02 462

原创 react-hook,跨页面使用同一状态机的方法和值,更新不了(解决方法模拟定时器)

需求场景我们要调用第三方文档,新开一个网页到第三方授权页面–授权成功后回调到我们自己的成功页面,在我们页面获取到成功的请求code遇到的问题授权弹框,成功页面都使用同一状态机(授权成功以后使用状态机,更新不了状态机里的方法,授权弹框监听不到)...

2022-07-18 15:42:52 359

原创 简单数组去重,tree两个数组生成树结构(递归)

方法

2022-07-18 15:31:22 183

原创 react常用快捷键

react

2022-07-06 14:47:26 1527

原创 回到顶部丝滑效果/指定位置下拉丝滑

回到顶部丝滑效果

2022-06-24 16:43:36 173

原创 自动打字效果

自动打字效果

2022-06-24 16:42:18 155

原创 复制Clipboard插件

import Clipboard from 'clipboard';copyValue = () => { let copyurl = document.getElementsByClassName('copy-btn'); const copy = new Clipboard(copyurl); copy.on('success', (e) => { message.success('复制成功'); }); copy.on('error',

2022-03-29 17:49:39 623

原创 pc端-页面下拉加载更多

<div onScroll={this.handleScroll}></div> // 触底-下拉加载更多 scrollMsg = throttle((event) => { const { handBookMenuListPages, getHandBookMenuList, ishandBookMenuListLoading } = this.props; const { scrollHeight, scrollTop, clientHeigh

2022-03-29 16:27:36 1262

原创 关于AntMotion动画使用

安装 cnpm install rc-queue-anim --save使用 TweenOne闪烁效果import TweenOne from 'rc-tween-one'; <TweenOne repeat={-1} animation={[ { opacity: 1, duration: 750, ease: 'linear' }, //750毫秒显示 { opacity: 0, duration: 750, ease: 'linear' }, //75

2022-01-04 18:30:05 646

原创 echarts 地图开发, 更具屏幕适配rem

jsx部分 useEffect(() => { myEcharts = echarts.init(document.querySelector('#mainMap'), 'dark'); echarts.registerMap('china', china); window.addEventListener('resize', resizeFun); return () => { window.removeEventListener('resize

2022-01-04 15:18:44 234

原创 浮点数计算,保留两位小数

//浮点乘//乘法函数,用来得到精确的乘法结果//说明:javascript的乘法结果会有误差,在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。//调用:accMul(arg1,arg2)//返回值:arg1乘以arg2的精确结果function accMul(arg1 = '', arg2 = '') { var m = 0, s1 = arg1.toString(), s2 = arg2.toString(); try { m += s1.sp

2022-01-04 15:09:10 925

原创 axios封装,导出excel

import axios from 'axios'import qs from 'qs'import { message } from 'antd'import { routerRedux } from 'dva/router'import store from '../index'import { filterNull } from '../utils'import { getToken } from '../utils/token'import { BaseApiURL } from '.

2021-09-28 09:56:01 416

原创 开发实现打印功能,1.window.print()实现打印,2.print.js实现打印功能

1.window.print()新建一个html直接复制粘贴,打开项目<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <st

2021-08-20 16:50:00 589

原创 uni-app,picker实现联机选择器,二列, 后台反时间实现联动

1.实现二级联动标签内写 <picker class="item-picker" mode="multiSelector" range-key="name" @change="classifyChange" @columnchange="columnchange" :value="classifyIndex" :range="classifyArr"> <view> {{name}} </view> </picker> data内写

2021-08-20 14:38:20 1301

原创 uni-app实现二维码以及小程序实现二维码

1.在uni-app插件市场下载uQRCode二维码生成插件2.下载完成后在项目中找到uni_modules3.如何使用<template> <view class="content"> <view class="title">uQRCode二维码生成</view> <view class="qrcode-box"> <uqrcode ref="uqrcode" /> <text class="te

2021-08-20 14:15:45 1353

原创 小程序长按录音功能 实现小程序录音+播放

创建新文件把代码复制进去后在手机运行注意需要在手机调试<template> <view class="record-container"> <button @touchstart="startRecord" @touchend="endRecord"> 按住说话,松开结束 </button> <audio style="text-align: left" :src="voicePath" :poster="current.post

2021-08-02 16:18:36 934

转载 微信小程序更新版本,提醒用户重新进入程序

微信小程序更新版本,提醒用户重新进入程序uni-app写在App.vue onLaunch: function () { console.log("App Launch"); // 进入app时初始化配置 entryAppConfig(); const updateManager = uni.getUpdateManager(); updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息

2021-08-02 16:14:17 3312 5

原创 面试题 事件机制---微任务和宏任务

面试题 事件机制—微任务和宏任务1.事件机制,在js中,任务被分为两种,一种宏任务macroTask一种微任务microtask2.宏任务:script,setTimeout,setInterval,ui render3.微任务:Promise,Object.observe在执行任务时:js引擎会将任务分类,宏任务的队列和微任务队列. 等待宏任务执行完之后在取微任务.例子:console.log('1'); //1.先执行 输出1//2.js代码向下走 函数没调用async functio

2021-07-20 14:41:12 226

原创 1循环数组对象替换key值的2种方法. 2.Object.keys()、Object.values()、Object.entries()的用法

数组对象中替换对象某个key方法一: let lists = [{ "47-47分": 0, "51-51分": 0, "45-45分": 0, "className": "全年级" }, { "47-47分": 1, "51-51分": 1, "45-45分": 1, "className": "一年级" }] //✨????‍????????‍???? ~~定义需要修改的对象k

2021-06-17 11:09:48 3207

原创 parcel 打包项目 且出现 Expected version “^12.18.3 || >=14“. Got “12.16.2“

1.node -v 看版本可能会出现 Expected version “^12.18.3 || >=14”. Got “12.16.2”2.下载parcel2.1.yarn add --dev [email protected] test3.完成

2021-04-09 17:34:09 1260

原创 uni-app选项卡

<template> <view class="Text_box"> <view class="horizonal-tab"> <scroll-view scroll-x="true" scroll-with-animation class="scroll-tab"> <block v-for="(item, index) in subjList" :key="index"> <view class="scroll-t.

2021-03-10 17:42:53 728

原创 uni-app分包 subPackages,preloadRule ,小程序报错[ app.json 文件内容错误] app.json: [“pages“][2]: “pages/login...

1.创建项目+创建2.在pages.jison修改 "subPackages": [ { "name": "login", "root": "pages/login", "pages": [ { "path": "login", "style": { "navigationBarTitleText": "",

2021-02-24 15:15:11 6148

原创 uni-app转小程序ios video不生效+视频播放不了、黑屏问题

uni-app转小程序,为什么安卓手机小程序、H5、浏览器都能播放成功视频,就苹果小程序不能播放视频。首先在能播放界面,检查元素,把地址复制下来,用苹果手机点击进入,看是否能够播放如果能都播放 <view class="myVideoBox"> <video v-if="videoDetail && videoDetail.video" class="myVideo" controls :src='setFilePath(videoDetail.vide

2021-02-24 14:51:17 6770

原创 hook,react+antd、表格Table +分页器pagination 使用注意事项

<Table columns={columns} bordered dataSource={dataSource} rowKey={record => record.id} pagination={paginationProps} />pagination分页器多使用默认值的pageSize和pageNo1.注意设置分页默认值const [pageOption, setPageOption] = useState({ pageNo: 1, pageSize.

2021-02-23 16:43:23 3919

原创 antd使用hooks进行antd table的选择框如何默认选中,antd table的选择框rowSelection的使用,使用checked报错

antd table的选择框选择1.rowSelection为选择功能的配置,rowSelection可以进行多个方法的配置1.官方写法: const onSelectChange = selectedRowKeys => { console.log('selectedRowKeys changed: ', selectedRowKeys); }; const rowSelection = { selectedRowKeys, onChange: on

2021-01-13 21:44:34 2827 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除