- 博客(42)
- 收藏
- 关注
原创 vue使用Mars3d弹框嵌套video视频/实时视频(flv) 使用jessibuca.js播放器
在html引入jessibuca.js (还需下载decoder.js,decoder.wasm)同前面相同。
2024-02-08 10:45:41
1237
原创 vue使用Mars3d弹框嵌套video视频/实时视频(m3u8)使用hls.js
2.绘制视频点–使用DivGraphic。1.首先绘制地图我使用的天地图。
2024-02-08 10:31:32
1634
原创 3.vue2使用mars3d的api-获取经纬度高度,切换地图的方位,清空当前绘制的点,清空地图
【代码】3.vue2使用mars3的api-获取经纬度高度,切换地图的方位,清空当前绘制的点,清空地图。
2023-12-28 11:07:12
1197
原创 1.关于vue2使用mars3d
在public的index.html中引入以下代码,可在mars3d官网中下载引入。这样基本的一个地图就出现了。在标签中定义一个id。
2023-12-26 16:33:38
1731
原创 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
629
原创 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
467
原创 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
1222
原创 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
610
原创 react-hook,跨页面使用同一状态机的方法和值,更新不了(解决方法模拟定时器)
需求场景我们要调用第三方文档,新开一个网页到第三方授权页面–授权成功后回调到我们自己的成功页面,在我们页面获取到成功的请求code遇到的问题授权弹框,成功页面都使用同一状态机(授权成功以后使用状态机,更新不了状态机里的方法,授权弹框监听不到)...
2022-07-18 15:42:52
439
原创 复制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
771
原创 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
1473
原创 关于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
806
原创 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
296
原创 浮点数计算,保留两位小数
//浮点乘//乘法函数,用来得到精确的乘法结果//说明: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
1182
原创 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
461
原创 开发实现打印功能,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
864
原创 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
1521
原创 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
1501
原创 小程序长按录音功能 实现小程序录音+播放
创建新文件把代码复制进去后在手机运行注意需要在手机调试<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
1184
转载 微信小程序更新版本,提醒用户重新进入程序
微信小程序更新版本,提醒用户重新进入程序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
3662
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
279
原创 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
3778
原创 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 parcel@nextxt2.2.yarn test3.完成
2021-04-09 17:34:09
1334
原创 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
813
原创 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
6591
原创 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
7372
原创 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
4646
原创 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
3052
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人