自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 资源 (7)
  • 收藏
  • 关注

原创 【从后端日志文件中过滤出sql语句】

为什么会有这种需求?,mysql数据不小心被删了完全可以从备份数据恢复,或者从binlog中恢复,但是如果前面这两种方法没办法处理(没有备份数据库文件、没有binlog日志😨),如果后端日志里面有sql语句的话理论上是可以提取出来做恢复的。

2024-04-25 10:18:39 111

原创 通过410s读取电表数据并接入物联网平台

【代码】【智能电表数据接入物联网平台实践】

2023-09-21 23:02:10 335

原创 echart常用图表配置

【代码】echart常用图表配置。

2023-08-02 14:52:14 207

原创 uniapp app端常见坑

本文主要记录在uniapp-vite-vue3项目app端出现的常见问题当在设置 “navigationStyle”:“custom” 取消原生导航栏后,由于窗体为沉浸式,占据了状态栏位置。此时可以使用一个高度为 var(–status-bar-height) 的 view 放在页面顶部,避免页面内容出现在状态栏。官网也有解决方案解决方案在项目中使用了pinia数据持久化插件,在h5端使用正常,在app端无效果,目前解决方案是使用官方提供的数据缓存API数据缓存API

2023-06-24 23:23:03 872

原创 前端常用树形结构的操作

【代码】前端常用树形结构的操作。

2023-06-18 20:46:24 378

原创 vue项目动态src ,video无法正常播放问题记录

在vue2项目中,mp4视频地址由后端异步请求获取,使用静态的url时视频能够正常播放,异步请求获取视频地址,视频出现无法播放的问题。

2023-05-07 10:31:49 4379 3

原创 vue3项目使用WebSocket 传输 Protobuf 格式的数据

vue3项目中protobuf格式数据传输的示例项目。

2023-03-19 22:30:45 3259

原创 vue3 setup语法糖实现一个拖拽排序列表

相信不少小伙伴已经开始使用vue3在项目中实战了,可能会遇到实现一个拖拽排序列表的组件。如何实现一个好看的拖拽列表呢。以上就是一个拖拽排序列表实现的方法,仅供参考。

2023-03-19 15:28:06 753

原创 JS数组结构转化成树型结构

日常开发中会遇到转换为树型结构的需求,如路由列表的处理。

2022-11-01 17:58:07 160

原创 通过字符串获取对象内的值

现在有一个对象,但是你不确定需要对象里面的某个属性,通过一个字符串来确定需要获取对象内的某个属性值。

2022-06-28 10:40:36 638

原创 node-ffi调用C++编译的动态链接库踩坑记录

node-ffi调用C++编译的动态链接库踩坑记录前言一、安装相关依赖二、使用步骤1.准备好动态链接库然后编译成dll文件1.引入库dll查看器的使用__declspec(dllexport)关键字总结前言提示:以下是本篇文章正文内容,下面案例可供参考一、安装相关依赖旧版node-ffi不支持高版本的node环境,其他博主也有详细介绍,我就不再赘述了,现在使用V12以上的node版本需要用到ffi-napi以及相关的库,由于该库需要使用到node-gyp进行编译所以需要提前安装好相关环境,nod

2022-05-13 19:44:49 2218

原创 Echarts 实现在一个画布中画出多个上下排列柱状图

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、实现的效果二、参数代码总结前言有一种情况需要在一个dom元素中画出多个上下排列的柱状图提示:以下是本篇文章正文内容,下面案例可供参考一、实现的效果二、参数代码const datas = [["2000-06-05", 116], ["2000-06-06", 129], ["2000-06-07", 135], ["2000-06-08", 86], ["2000-06-09", 73], ["2000-.

2022-04-26 14:09:56 3869

原创 在React项目中实现调用摄像头拍照的功能

文章目录前言一、如何调用摄像头二、操作步骤1.准备dom元素2.添加打开和关闭摄像头的事件3.获取图片 base64格式三、demo总结前言在日常开发中可能会遇到需要调用摄像头拍照的功能,下面为大家讲解一下在react项目当中如何实现拍照的功能。一、如何调用摄像头调用摄像头只需要用到JS原生的api就可以了navigator.mediaDevices.getUserMedia,关于这个api,mdn有详细的介绍MediaDevices.getUserMedia()二、操作步骤1.准备dom元

2022-04-14 13:28:57 4441

原创 寻找以A开头B结尾的字符串并替换

寻找以A开头B结尾的字符串并替换一寻找以A开头B结尾的字符串的正则表达式二方法实现假设我要替换html文本中被标记的地方,或者需要循环生成子元素。比如我有一个html文件如下: {}中的内容表示需要替换的文本,for...for 两个for中间的部分表示需要循环生成的子节点。<div style="width: 100%;border: 1px solid #000;"> <div style="width: 100%; font-size: 30px; text-align: c

2022-03-03 22:30:53 825

原创 electron项目导出pdf的方法

electron项目导出pdf前言一、渲染进程通知主进程进行导出二、主线进程执行导出任务总结前言electron项目导出pdf的功能和electron打印的方法类似一、渲染进程通知主进程进行导出随便找个页面注意 一定要写行内样式,颜色相关的不能使用16进制(#000)只能使用rgb(0,0,0) 或者颜色的英文单词。别问为什么,问就是坑。import { ipcRenderer } from 'electron';const path = require('path')const os =

2022-03-03 17:41:06 1860 3

原创 在x86架构Linux系统上编译arm64Linux的Electron项目

在x86架构Linux系统上编译arm64Linux的Electron项目修改配置文件版本问题 "electron": "8.5.5", // 更高的版本应该都可以 如果是Mac系统需要大于11.0.0的版本 "electron-builder": "^22.10.5",亲测在Ubuntu20.0环境打包软件成功 x86架构在Ubuntu21.0 (树莓派的镜像)环境安装arm64架构在树莓派的Debain系统镜像无法安装(dpkg -i 报错某些依赖安装不上)修改配置文件修改根目录下的

2022-02-10 13:33:09 4197 2

原创 react项目实现预览markdown,以及代码高亮

react项目实现预览markdown,以及代码高亮前言一、react-syntax-highlighter的使用二、react-markdown的使用总结前言不少的react项目中需要实现markdown预览以及代码高亮的功能,效果如下。上面图片展示的内容是我在个人项目中实现的效果,用到了两个库react-markdown和react-syntax-highlighter,一个用于预览markdown文本,另外一个用于代码高亮展示。一、react-syntax-highlighter的使用我

2021-12-23 17:41:31 6617 14

原创 electron源码保护的方法实现

electron源码保护前言一、思路二、实现1.安装代码混淆的工具javascript-obfuscator2.安装bytenode可能遇到的问题总结前言为什么要保护源码呢,????使用npm 下载一个工具asar 全局安装npm install -g asar安装完成以后,找到你安装的electron软件的安装目录,找到一个.asar后缀的文件????,然后在当前路径下打开终端????假设我找到的文件是app.asar????asar -e app.asar ./fs执行完这个命令以后你

2021-09-30 10:24:40 2845 6

原创 JavaScript-深度对比对象的属性是否完全相等

JavaScript-深度对比对象的属性是否完全相等我想对比一个对象的属性是否完全相等,只对比对象的属性不对比特殊object类型(Array)的属性,打个比方,A B两个人都有身高、体重、吃饭、睡觉等属性,可以判定这两个人的属性是一样的,不用管A或者B的具体身高是多少。/** * @function 深度对比对象属性是否相同 * @description 该函数实现深度对比对象的属性是否相同,只对比对象,数组这种特殊的Object类型不做对比 * @param o1 {object|undefi

2021-08-27 16:14:20 478

原创 grafana二次开发在win10环境下的准备

win10环境下grafana二次开发1、配置环境安装go语言环境安装git下载源码安装gcc工具安装node编译前端代码编译后端部分1、配置环境安装go语言环境在官网下好go1.17.windows-amd64.msi文件默认安装就好了,然后添加环境变量第一个变量安装完后会默认生成,第二个需要我们手动去添加安装gitgit 也是在官网下好之后默认安装可以了下载源码可以使用git 拉代码git clone https://github.com/grafana/grafana.git我

2021-08-19 10:00:03 968

原创 electron-react对接打印机 实现打印功能

electron-react实现打印功能思路主线程设计思路渲染进程设计思路思路在electron-react项目当中要实现打印部分页面内容的需求,第一种方法是使用iframe标签打印,这种方法最简单网上有很多教程,使用iframe.contentWindow.print()这个方法会弹出打印对话框,我还没有找到关闭的方法,所以没有采用。第二种方法是在使用electron的主线程调用webContents.print()方法,这个方法相对比较复杂,主线程和渲染线程直接需要通信。流程如下:主线程 :

2021-06-24 16:45:15 2007 2

原创 Echarts:在一个画布内画出多个图表

Echarts:在一个画布内画出多个图表效果图option参数内容以前做多个图表的效果是把不同的图表画在不同的画布里面,如果你要画三个图表需要用到三个div标签,下面是将三个图表画在一个div标签里面的效果。效果图option参数内容const datas = [["2000-06-05", 116], ["2000-06-06", 129], ["2000-06-07", 135], ["2000-06-08", 86], ["2000-06-09", 73], ["2000-06-10", 8

2021-06-18 14:33:25 7753

原创 react项目中使用使用echarts-for-react组件动态刷新数据图表的问题

解决Echarts动态刷新图表的问题echarts-for-react动态更新图表通过websocket的方式刷新数据echarts-for-react这是基于ECharts封装的react组件库,可以让你轻松的操作Echarts图表链接: link.其实官网的实例就已经有动态刷新的效果了请看这里动态更新图表import React, { useState, useEffect } from 'react';import ReactECharts from 'echarts-for-react'

2021-04-23 10:14:38 3432

原创 使用jest测试typescript

使用jest测试typescript 安装相关的插件添加配置文件添加测试文件运行可能会遇到的问题在react项目中使用jest,测试typescript代码时遇到问题,已经解决,现做记录。经供参考,实际情况可能有出入。安装相关的插件1.首先要先安装jest2.安装typescript3.安装 “ts-jest”: “^26.5.3”,(我装的是这个版本)添加配置文件在根目录下添加tsconfig.json 文件配置如下{ "compilerOptions": { "outDir

2021-03-05 14:41:10 1777

原创 学习相关文档链接

1.react-table v6https://github.com/tannerlinsley/react-table/tree/v6#styles

2021-02-24 16:16:55 65

原创 js 访问对象的属性的方法

js 访问对象的属性的方法121const obj = { data : 1};console.log(obj.data);2const obj = { data : 1};console.log(obj['data']);

2021-02-24 15:47:57 191

转载 TCP和UDP的区别

内容转载至 https://zhuanlan.zhihu.com/p/24860273 链接: link.如有侵权 请联系删除TCP和UDP的区别TCP/IP协议集其中应用层包括:其次网络层包括:最后说网络访问层:TCP协议TCP三次握手过程3次握手的特点断开连接要进行4次挥手名词解释TCP的包头结构:UDP协议UDP的包头结构:小结TCP与UDP的区别:TCP/IP协议是一个协议簇。里面包括很多协议的,UDP只是其中的一个, 之所以命名为TCP/IP协议,因为TCP、IP协议是两个很重要的协议,就用他

2021-01-11 18:10:57 88

原创 前端基础面试题

面试题总结HTML标签置换元素空元素行内元素和块元素H5新增那些标签CSS选择器选择器优先级css3新增选择器场景分析清除浮动让元素居中的方法Javascript基础闭包递归this指向问题HTML标签置换元素1. 一个内容 不受CSS视觉格式化模型控制,CSS渲染模型并不考虑对此内容的渲染,且元素本身一般拥有固有尺寸(宽度,高度,宽高比)的元素,被称之为置换元素。 2. 置换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。 3. 例如浏览器会根据img标签的src属性的值来读取图

2020-12-30 17:12:19 174 1

原创 javascript 字符串的截取操作

字符串的截取操作正数只有一个参数的情况两个参数的情况负数只有一个参数的情况两个参数的情况正数只有一个参数的情况let str = 'abcdefg';/* 传入一个参数的时候效果是一样的 */ console.log(str.slice(1)); //bcdefg console.log(str.substring(1)); //bcdefg console.log(str.substr(1)); //bcdefg两个参数的情况/* 传入两个个参数的时候subs

2020-12-22 22:01:59 92

原创 javascript 数组去重的多种方法(包括ES5和ES6)

概述根据我自己的总结归纳,数组去重分为两种类型的方法,一种是在原来的的数据里面删除重复的元素,另一种是把原数组里面相同的元素添加到一个新数组里面。不管是什么方法都是利用这种解决思路去设计的。一 .删除原数组里面重复的元素 splice()方法1使用双重for循环遍历删除重复的元素var numArr = [1,1,1,2,2,2,2,2,2,3,3,3,4,5,6,5,6];var strArr = ['a','a','a','b','b','c','cc']function norepeat(

2020-12-19 16:39:02 1059 4

原创 Javascript-判断是否为数组的5种方法

判断是否为数组的5种方法1 instanceof2 constructor3 Array.isArray() 最推荐方法4 typeof5 Object.prototype.toSrtring.call()总结var arr= [1,1,1,1]var a = '2323'var b = {name:'xiao',age:12}var n = 11 instanceof1 instanceof运算符用于检验构造函数的prototype属性是否出现在对象的原型链中的任何位置,返回一个布尔值。

2020-12-19 13:31:50 2273 2

原创 解决 jquery使用ajax请求发生跨域问题的办法

解决 jquery使用ajax请求发生跨域问题的办法问题描述解决步骤1.编写node服务器2.编写客户端请求示例总结问题描述我在使用jquery的ajax请求后台数据的时候发生了跨域的问题,在网上查了很多办法都是说添加这个 dataType: ‘jsonp’,但是我使用过后没有效果,最后我用Node写了一个服务器做代理解决了这个问题。解决步骤1.编写node服务器关于node我就不做介绍了,直接看代码吧(写了一个非常简单的例子),代码里面引入的有些包是不需要的请自行删除。//引入express框

2020-12-17 13:52:24 1964 4

原创 python使用ipywidgets库创建多个下拉菜单的方法

关于ipywidgets库创建多个下拉菜单概述代码实现总结概述最近在做数据分析的时候,发现 ipywidgets库用于数据分析可视化真的是非常的nice。下图展示多个下拉框在 jupyter上面的 的显示效果我在网上找了很多教程大多数都是实现一个下拉菜单的样式,多个下拉菜单样式的具体使用例子很少,这很不利于初学者学习使用。所以我自己也是研究了好久才写出了一个成功可用的例子。代码实现我这个下拉框实现的功能是更具选择的内容找到所在的具体班级的Excel文件打开并画出折线图展示数据。其实利用下拉菜单只是

2020-12-06 17:24:55 3347 4

原创 解决 web网页下发命令到onenet平台设备的问题

下发命令到设备关于API sdk如何下发命令关于API sdk官方给我们提供了一个javascript语言编写的SDK,也就是说我们可以通过引入的SDK.js文件,使用它封装好的方法去对设备的数据进行获取以及下发命令。除了javascript还有其他语言编写的API SDK 我把 链接:link.可以根据自己的实际需要自行查看。如何下发命令我写一个简单的例子来展示如何下发命令代码如下 var devicesid = '624519945' //设备id var apikey = '2oc6=0

2020-11-19 22:50:26 1649 3

原创 毕设-解决微信小程序使用HTTP协议从onenet平台获取数据和下发命令的问题

微信小程序从onenet平台获取数据和下发命令前言关于onenet平台onenet开发文档获取数据和下发命令获取数据下发命令总结关于我的终端设备前言个人在做毕业设计的时候参考哔哩哔哩上的视频教程,在这里感谢B站大佬发的小白教程给予我启发。关于onenet平台近期onenet平台在升级,旧版控制台与新版控制台数据不互通请注意onenet开发文档这个项目是通过调用api的方式来获取数据,使用的是http协议.官方文档链接: link.下面是相关参数的介绍获取数据和下发命令获取数据获取数据

2020-10-21 20:33:31 6007 13

原创 毕设-解决移动端用HTTP协议从onenet平台上获取数据流的多个数据点的问题

毕业设计的项目我的毕业设计需要从onenet平台获取终端上传数据。把获取的数据展示到历史界面上。

2020-10-20 11:34:30 5138 27

原创 前端-h5 移动端星空效果注册界面

H5移动端登录界面分享个人在学习前端过程中自己做的移动端的登录和和注册界面,部分内容参考大佬写的样式。如果有更好的建议或者有错误的地方希望各位大佬留言、评论。html代码下面是注册界面的HTML代码<!DOCTYPE html><!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" href="frozen.css"&gt

2020-10-19 16:03:53 1306 3

原创 前端-h5移动端星空效果登录界面

H5移动端登录界面分享个人在学习前端过程中自己做的移动端的登录和和注册界面,部分内容参考大佬写的样式。如果有更好的建议或者有错误的地方希望各位大佬留言、评论。谢谢大家html代码下面是登录界面的HTML代码<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" href="frozen.css"> <meta cha

2020-10-19 15:49:40 3658 2

纯css动画效果520表白信封

资源基于博主https://blog.csdn.net/weixin_44009656?type=blog的文章内容修改,感谢博主提供的优质资源,我上传的版本修复了页面初始化的时候信封触发关闭动画的问题。

2022-05-20

dll文件查看器64位 win10,win11系统可用

软件中存在着大量以 .dll 为扩展名的文件,这些文件就是动态链接库(Dynamic Link Library),简称为 DLL 。DLL 可以使用不同的编程语言来编写,如 VB、C、C++ 等。 DLL 也可以被不同的编程语言调用,例如:可以使用 VB 调用 C 语言生成的 DLL 文件。确切的说是调用 DLL中的API函数。只要使用正确的调用格式,就可以直接调用不同语言写成的 DLL 中的函数。Dependency Walker 是分析 DLL 的神器,但目前为止 Dependency Walker 还不支持 Win10。在 Win10 下使用 Dependency Walker 分析任何 DLL 都会进入未响应的状态。那么,Dependencies 就是一个可以替代 Dependency Walker 的不错选择。

2022-05-13

js进阶知识-知识点-demo演示

js进阶知识技巧,包含一些demo,以及知识点的讲解,如promise等

2021-09-14

mingw-w64-install--.rar

分享给大家方便下载

2021-08-19

仿品优购商城web页面.rar

仿品优购商城的web页面。自学前端时写的一些静态页面。还有部分动态页面。 有需要可以看看,自学不易,谢谢大家

2020-10-21

JavaScript基础语法 自学笔记

本人自学前端时做的相关笔记。 这个压缩包是JavaScript基础语法的相关操作,希望可以给大家提供帮助。

2020-10-20

onenet js sdk

onenet平台 官方JavaScript sdk 。 实现对onenet平台数据流、数据节点的获取。可以下发命令到终端设备。该sdk由官方提供,仅用于学习交流。

2020-10-20

空空如也

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

TA关注的人

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