钛浪-CSDN博客

原创 highstock展示大量数据，分组dataGrouping显示值配置以及时间中文显示

之前项目中遇到查询数据一个月数据的趋势图，之前采用的是echarts，然后发现会出现页面卡死的情况出行，所以就采用了highstock先来成品图先来组件源码吧<template> <div class="charts" ref="line" id="line"> </div></template><script...

2020-04-27 18:22:19 1110

原创服务器docker 部署nginx

1：docker pull nginx 拉nginx镜像docker pull nginx2：docker image 查看已存在镜像docker image3：mkdir -p /data/nginx/{conf,html,logs} 常见需要挂载目录mkdir -p /data/nginx/{conf,html,logs}4：编写nginx.conf配置文件...

2020-01-06 13:51:28 263

原创 vue cli3 中使用echarts地图

1：工程添加echarts，npm install echarts --saveyarn add echarts --save2：在main.js中引入echartsimport echarts from 'echarts'3：需要注册百度地图API的密匙；注册地址：http://lbsyun.baidu.com/4：在index.html中全局引用<scri...

2019-07-12 11:10:33 1012

原创 vue 工程中对接百度地图api，显示地图定位

1，安装，npm install vue-baidu-map --save或 yarn add vue-baidu-map --savecnd方式：<script src="https://unpkg.com/vue-baidu-map"></script>2，全局注册import Vue from 'vue' import BaiduMap fro...

2019-07-12 11:09:49 472

原创 weex学习之路及遇到的坑和解决方法

这是个人在学习weex中遇到的坑，以及解决方法，欢迎共同交流weex简介js作为连接原生控件与视图层纽带，代替了以往使用的java、oc、swift直接调用原生控件、这样生成的ui层依旧是原生的、和 html毫无关系，至于那些div，image只不过是名字和html标签一样的组件而已，也没有了dome对象的存在，因为实际开发的环境不是浏览器，而是基于原生，初始化： 1，初...

2018-09-11 17:04:05 3141

原创 Nginx 跨域支持解决put和delete请求报错

使用nginx作为跨域工具，在使用put和delete请求时会遇到报错，经过和后台沟通，是这两种请求会在真真的请求之前有一次OPTIONS请求，所以我们拦截OPTIONS请求直接返回200；配置文件代码if ($request_method = 'OPTIONS') {add_header Access-Control-Allow-Origin *;add_header Acces...

2018-06-25 18:02:39 23068 5

本文所示的示例代码是基于Vue.js框架，使用MQTT协议来实现实时数据传输，以及rrweb库用于捕获和回放用户交互事件。这个功能可以应用于各种场景，如用户体验优化、错误排查等。通过这个实例，你可以了解如何使用Vue.js、MQTT和rrweb库来实现实时数据记录与回放功能。在你的Vue项目中，可以根据具体需求进行修改和扩展。这个功能对于用户行为分析和应用程序调试都非常有用，能够提供有关用户如何与应用程序交互的有价值的信息。

2023-08-21 15:33:31 298 1

原创 MQTT，rrweb实时数据记录和传输技术文档

本文介绍了如何使用 MQTT 协议和 rrweb 库实现实时数据记录和传输。通过捕获用户在 Web 页面中的交互事件，并实时传输到后端服务器，可以为用户行为分析、调试和监控提供有用的数据。此技术方案可以根据项目需求进行扩展和定制。你可以根据自己的情况，调整参数、事件捕获逻辑以及数据传输频率，以便更好地适应具体应用场景。同时，请确保在使用 MQTT 协议时，保护敏感信息并实施安全措施，以确保数据传输的安全性和稳定性。

2023-08-21 15:29:22 322 1

原创 Electron 窗口吸附和模拟按键操作示例

模块来获取当前操作系统的活跃窗口信息，并通过判断活跃窗口的名称来决定是否需要进行窗口吸附操作。然后，我们通过遍历所有窗口，将当前主窗口移动到活跃窗口的旁边，实现窗口吸附效果。现在，我们已经成功实现了窗口吸附和模拟按键操作的功能。启动应用，你将看到窗口能够自动吸附在其他窗口的旁边，并且在输入框中可以通过粘贴按钮和发送按钮来实现模拟按键操作。应用程序窗口将会打开，你可以在输入框中输入文本，并通过点击粘贴按钮或发送按钮来触发相应的功能。中监听操作系统当前活跃窗口的信息，并判断是否需要进行窗口吸附。

2023-07-27 11:29:05 2048 3

原创 js内存和垃圾回收

内存的生命周期分配需要的内存空间使用分配的内存不需要时释放内存内存空间的类型栈存放变量基本类型数据（Number，boolean，null，Undefined，String，Symbol）指向复杂数据类型的引用指针特性先进后出基本类型的变量名与值都存放在栈中，当我门修改值时会覆盖原有值

2021-04-13 15:52:20 130

原创两个数组求交集

let a = [1, 1, 2, 3, 4]let b = [1, 1, 2, 4, 6]function maskMap(ns) { let nMap = new Map()for (let i = 0; i < ns.length; i++) {let num = ns[i]let count = nMap.get(num)if (count) {nMap.set(num, count + 1)} else {nMap.set(num, ...

2020-07-17 16:12:32 181

原创 canvas 音频频谱和坐标轴刻度

获取音频文件，通过audioContent创建分析器init (url) { if (!window.AudioContext) { alert('您的浏览器不支持AudioContext') } else { // 创建上下文 this.audioContent = new window.AudioContext() // var source = null // 使用Ajax获取音频文件

2020-06-18 17:45:59 557

原创 vue-router 基本使用

vue-router 基本使用路由就是指向，比如点击A指向A对应的内容路由中有三个基本概念：route、routes、router。1：route，他是一个单个的路由，A----------------->AAAAAAAAAAA2：routes，他是一个路由组，A------------------>AAAAAAAAAAAAAAAB------------------->BBBB...

2018-06-25 18:15:49 190

原创数组迭代方法

1：every()：对数组中每一项运行给定函数，如果该函数对每一项都返回true，则返回true；2：some()：对数组中每一项运行给定函数，如果该函数对某一项返回true，则返回true；3：filter()：对数组中每一项运行给定函数，返回该函数返回为true的项组成数组；4：forEach()：对数组中每一项运行给定函数，没有返回值；5：map()：对数组总每一项运行给定函数，返回每次函数...

2018-06-12 14:58:44 389

weixin_37737765的博客