![](https://img-blog.csdnimg.cn/20191219165649568.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
工具类 相关
文章平均质量分 68
熬过去,就是前程似锦
我是+V
一个偏向于实用型技术分享的博主。博文内容仅为本人学习记录,切勿尽信
展开
-
vue 使用 lodash 防抖
之前有一篇博文是说防抖的,忘记写在哪里了,但是发现上一篇写的有点问题,那是自己写的,我懒得找了,再写一篇。原创 2022-08-25 17:00:19 · 2518 阅读 · 0 评论 -
实现高德坐标转GPS坐标
vue 实现高德坐标转GPS坐标首先介绍一下常见的几种地图的坐标类型:WGS-84:这是一个国际标准,也就是GPS坐标(Google Earth、或者GPS模块采集的都是这个类型)。GCJ-02:中国坐标偏移标准,像是Google Map、高德、腾讯地图都是采用这种坐标展示。BD-09:百度坐标偏移标准,百度地图专用的便宜标准。所以说这篇博文主要是实现GCJ-02坐标转换成WGS-84坐标。什么时候会用到需要解决坐标转换的问题呢?起因是一个demo,它使用GPS模块采集经纬度数据,然后使用高原创 2022-04-20 10:30:36 · 7690 阅读 · 2 评论 -
中央电视台CCTV M3U8视频流地址
中央电视台CCTV M3U8视频流地址CCTV1:http://cctvalih5ca.v.myalicdn.com/live/cctv1_2/index.m3u8CCTV2:http://cctvalih5ca.v.myalicdn.com/live/cctv2_2/index.m3u8CCTV3:http://cctvalih5ca.v.myalicdn.com/live/cctv3_2/index.m3u8CCTV4:http://cctvalih5ca.v.myalicdn.com/原创 2022-01-12 15:51:28 · 53168 阅读 · 4 评论 -
Vue 大屏开发自适应 VScode | flexible.js | rem | echarts自适配
Vue 大屏开发自适应 VScode | flexible.js | rem | echarts自适配其实开发大屏这个适配是最费劲的,电脑的分辨率,电脑缩放比例,电脑浏览器缩放比例都很麻烦,当然了,大屏界面本来就对分辨率有些许的要求,太差劲的分辨率本来就不适用,因为毕竟要保持页面放得下,不能出现滚动条,不能遮挡啥的,我这边给的设计图是1920*1080的,所以保证在这个分辨率下面,只要附近的分辨率和缩放不出问题就差不多了。然后,我就从网上找了个大神的博客,抄了一下,感觉还行,啊哈哈哈哈,转载一下,自己转载 2021-10-08 10:28:45 · 4020 阅读 · 1 评论 -
VUE密码登陆加密RSA方案
VUE密码登陆加密RSA方案有一个项目需求需要在前段登陆的时候把登录密码加密后发送,这个地方其实很简单,加密的时候可以使用md5、可以使用sha1,也可以使用现在这个方式加密,就简单记录一下没啥。RSA是啥RSA加密算法是一种 非对称加密算法 ,RSA加密使用了"一对"密钥.分别是公钥和私钥,这个公钥和私钥其实就是一组数字!其二进制位长度可以是1024位或者2048位.长度越长其加密强度越大,目前为止公之于众的能破解的最大长度为768位密钥,只要高于768位,相对就比较安全.所以目前为止,这种加密算法原创 2021-08-30 14:02:30 · 2239 阅读 · 2 评论 -
vue 使用 video.js 播放 m3u8 视频流
vue 使用 video.js 播放 m3u8 视频流首先呢,遇到一个项目,是需要使用播放器在web上播放视频流,项目使用vue开发的,然后就找了一下相应的插件,找到了 video.js,自己用的时候感觉还不错,可以满足自己的需求,记录一下。安装依赖包npm install video.js --save // 视频播放器插件npm install videojs-contrib-hls --save // 播放hls流插件npm install @videojs/http-streaming原创 2021-08-25 13:21:20 · 3150 阅读 · 1 评论 -
vue 滚动显示数据插件
来一个滚动显示数据的插件https://chenxuan0000.github.io/vue-seamless-scroll/zh/感觉这是我用的相对来说比较好用的滚动插件了,用法很简单,按照说明来就可以了。这是我用了之后的效果。原创 2021-08-23 17:00:24 · 400 阅读 · 0 评论 -
CSS Flex 布局 【转载】
CSS Flex 布局布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来原创 2020-11-27 14:01:46 · 718 阅读 · 0 评论 -
vue 百度BD09加密经纬度转国测局GCJ02经纬度
vue 百度BD09加密经纬度转国测局GCJ02经纬度参考资料:https://blog.csdn.net/hitler_yuzhan/article/details/85237148 bMapTransWXMap(lng, lat) { let x_pi = 3.14159265358979324 * 3000.0 / 180.0; let x = lng - 0.0065; let y = lat - 0.006; let z = Ma原创 2020-11-23 17:23:25 · 571 阅读 · 1 评论 -
阿里云CentOS搭建EasyMock
阿里云CentOS搭建EasyMock简介Easy Mock 是一个可视化,并且能快速生成 模拟数据 的持久化服务。特性支持接口代理支持快捷键操作支持协同编辑支持团队项目支持 Restful支持 Swagger 1.2 & 2.0基于 Swagger 快速创建项目支持显示接口入参与返回值支持显示实体类支持灵活性与扩展性更高的响应式数据开发支持 Mock.js 语法支持 restc 方式的接口预览阿里云自己部署原创 2020-10-25 15:22:27 · 263 阅读 · 0 评论 -
VSCode windows常用快捷键
VSCode windows常用快捷键最近使用 VSCode 用的比较多,之前使用的 webstorm ,然后在使用 VSCode 的过程中发现很多好用的快捷键,把常用的整理一下。重新打开刚关闭的文件Windows: Ctrl + Shift + TMac: command + Shift + T通过匹配文本打开文件说到搜索文件,你可以动态地搜索和打开文件。这是我最喜欢的特性之一,因为不需要手动单击目录来重新打开一个不再打开的文件。Windows: Ctrl + TMac: comm原创 2020-10-10 15:23:14 · 300 阅读 · 0 评论 -
接私活可用的 Springboot + Vue 快速开发框架
接私活可用的 Springboot + Vue 快速开发框架推荐两个使用起来不错的可以在空余时间接私活的快速开发框架。第一个 Jeecg BootJeecgBoot是一款基于SpringBoot+代码生成器的快速开发平台!采用前后端分离架构:SpringBoot,Mybatis,Shiro,JWT,Vue&Ant Design。强大的代码生成器让前端和后台代码一键生成,不需要写任何代码,保持jeecg一贯的强大,绝对是全栈开发福音!!JeecgBoot在提高UI能力的同时,降低了前后分原创 2020-09-28 10:07:57 · 2360 阅读 · 5 评论 -
Echarts option常用属性配置文档
Echarts option常用属性配置文档成功绘制一个Echarts图表至少包含三部分:x轴xAxis、y轴yAxis、系列列表series。option = { xAxis: { type: 'category', // x坐标轴类型 data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] // 类目数据 }, yAxis: { type: 'value' // y坐原创 2020-12-05 13:30:38 · 4635 阅读 · 0 评论 -
Vue利用百度地图画圆并且获取圆心坐标和半径
Vue利用百度地图画圆并且获取圆心坐标和半径这个东西不好整,既要使用Vue接入百度地图,又要画圆。Vue接入百度地图Vue 接入百度地图其实是有插件的,vue-baidu-map 这个插件有官网,直接 npm install 就可以。vue-baidu-map API接口 : https://dafrok.github.io/vue-baidu-map/#/然后教程啥的都写的很清晰,包括安装和使用,自己就接进去了,但是画圆获取圆心坐标和半径有点问题,可能不满足这个需求,所以说就得用百原创 2020-08-14 16:00:32 · 5961 阅读 · 1 评论 -
阿里云安装Nginx+vue项目部署
阿里云安装Nginx+vue项目部署nginx安装包下载http://nginx.org/en/download.htmlnginx安装首先先安装PCRE pcre-devel 和Zlib,因为配置nginx的时候会需要这两个东西PCRE(Perl Compatible Regular Expressions) 是一个Perl库,包括 perl 兼容的正则表达式库。nginx 的 http 模块使用 pcre 来解析正则表达式,所以需要在 linux 上安装 pcre 库,pcre-devel原创 2020-08-12 10:11:14 · 628 阅读 · 0 评论 -
百度离线地图使用
百度离线地图使用因为项目要求可能在内网访问,就不能使用在线地图,需要使用离线地图。但是离线地图没接触过,不知道该怎么办,一点头绪都没有。整了好久出现了效果,下载就记录一下,作为自己学习和对别人分享的经验。整体流程分析这里只说百度地图的,因为我只做出来了百度地图的,高德、谷歌、天地图我都不会!百度地图官网API: http://lbsyun.baidu.com/jsdemo.htm#webgl0_1首先百度地图官网是不提供web浏览器离线地图的资料的,都得自己找。瓦片图制作百度离线地图,首先原创 2020-08-07 16:51:38 · 6104 阅读 · 4 评论 -
百度个性化瓦片地图下载
百度个性化瓦片地图下载因为近期项目需求,客户项目在内网使用,不连接外网,因此地图不能使用在线地图,必须使用离线地图。离线地图使用在之前的博客写过,就不在累述了。离线地图首先采用的是百度离线地图,因为资料比较多,使用的人多,成功率就比较大,这里就采用百度地图,不使用高德或者天地图了, 使用离线地图不仅要有离线地图API,还需要有所需区域的瓦片图,就是png或者是jpg的图片,比如我需要显示济南的离线地图,我就要想办法下载下济南的瓦片地图,瓦片地图就长下面这样:就是一张一张的小图片,使用专用的工具下载原创 2020-08-07 16:25:42 · 8609 阅读 · 18 评论 -
Vue 获取当前时间并格式化
Vue 获取当前时间并格式化现在的代码,一家原创,万家抄袭,嗯,我也是…直接就是大代码一顿狂粘!!啪啪啪!用去吧!/** * 获取当前时间 * 格式YYYY-MM-DD */Vue.prototype.getNowFormatDate = function() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() +原创 2020-07-28 14:16:54 · 4244 阅读 · 1 评论 -
echarts属性的设置(完整大全)
// 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700', '#6699FF','#ff6666','#3cb37转载 2020-07-25 14:26:38 · 2789 阅读 · 0 评论 -
Docker安装MySQL忽略大小写问题的问题
Docker安装MySQL忽略大小写问题的问题连接MySQL:查看当前mysql的大小写敏感配置show global variables like '%lower_case%';±-----------------------±------+| Variable_name | Value |±-----------------------±------+| lower_case_file_system | ON || lower_case_table_names原创 2020-06-29 17:49:18 · 416 阅读 · 0 评论 -
docker容器中安装vim
docker容器中安装vim在使用docker容器时。有时候里边没有安装vim。敲vim命令时提示说:vim: command not found,这个时候就须要安装vim,但是当你敲apt-get install vim命令时,提示: Reading package lists... Done Building dependency tree Reading state information... Done E: Unable to locate pac原创 2020-06-29 17:46:47 · 265 阅读 · 0 评论 -
Docker容器常用命令
Docker容器常用命令docker运行(创建)容器命令docker run 镜像名docker run tomcat创建并运行容器命令,如果docker主机已经下载过tomcat,则该命令会直接创建一个tomcat的容器实例,否则会先去hub端拉取该tomcat镜像,默认是 :latest最新版,然后在运行镜像且生成一个tomcat容器实例对象。docker run -it 镜像名docker run -i -t centos-i : 表示创建要给交互式容器-t:表示运行容器的原创 2020-06-10 17:35:48 · 747 阅读 · 0 评论 -
解决windows家庭版系统不支持远程桌面功能问题
解决windows家庭版没有远程桌面问题因为我是一个死程序员,我的本是windows10家庭版的,买的时候自带的就是这个版本的系统,大家都知道,这个版本的windows是没有远程桌面这个功能的。所以说如果要连接远程windows服务器就有些许的尴尬。只有一个方法:重装系统,换专业版或者是旗舰版。但是呢!!!!我这个死程序员不想换系统,因为成本太大了,主要是时间成本,一换完系统整个开发环...原创 2020-03-23 11:43:24 · 20184 阅读 · 5 评论 -
【已解决】使用 yarn 安装时,报错node_modules\node sass:Command failed.
npm install -g mirror-config-china --registry=http://registry.npm.taobao.orgnpm install node-sassyarn install请勿使用: cnpm !!原文:https://blog.csdn.net/chanlingmai5374/article/details/103077035...转载 2020-02-02 01:56:51 · 6079 阅读 · 0 评论 -
IDEA开发时,设置生成作者时间信息
IDEA开发时,设置生成作者时间信息以Java类为例file->settings/*** @Auther James_Gosling* @Date ${DATE}*/效果18:08 2019/8/8发现另外一台电脑上效果如下:@Date 2019/8/8不知道是不是因为安装的版本不同,显示的格式不一样想要yyyy-MM-dd HH:mm的效果调整如下:...转载 2020-01-18 18:07:06 · 1260 阅读 · 0 评论 -
IDEA模板注释及相关快捷键设置
IDEA模板注释及相关快捷键设置最近使用IDEA时发现自带的模板注释不怎么好用,因此自己根据网上的教程总结了适合自己的模板设置,可以一键生成类和方法的注释,废话不多说一起看看吧:第9步的类模板注释代码:/*** @Auther James_Gosling* @Date ${DATE}*/10步的类模板动态参数,Expression里面的参数可以根据自己的需要进行设置:做完...转载 2020-01-18 18:04:28 · 604 阅读 · 0 评论 -
Ionic 使用 NFC
Ionic 使用 NFC哎哟喂,因为项目需要使用 Ionic 调用手机 NFC 功能,踩了好多坑,真的是,不过终于不负众望拿到了id。现在就记录一下我的步骤和踩过的坑!步骤我装的Ionic可能是最新的,然后用到的调用NFC的插件是phonegap-nfc。首先就是正常的创建项目。给一下ionic官网是怎么说的,但是我觉得这个官网作用不大,但是还是贴一下吧https://ionicfra...原创 2020-01-14 14:20:12 · 924 阅读 · 0 评论 -
在CentOS上通过Docker方式安装Redis
在CentOS上通过Docker方式安装Redis首先保证已经安装docker。拖拽redis镜像docker pull redis启动redisdocker run -p 6379:6379 -v $PWD/data:/data -d redis redis-server --appendonly yes命令说明:-p 6379:6379 : 将容器的6379端口映射到...原创 2020-01-04 16:38:03 · 224 阅读 · 0 评论 -
CentOS7.0安装EMQ代理服务
CentOS7.0安装EMQ代理服务安装文件下载官网 : https://www.emqx.io/cn/下载地址: https://www.emqx.io/cn/downloads选择需要的版本下载解压文件unzip emqttd-centos7-v2.3.11.zip配置EMQ环境vim /etc/profile# emqttexport EMQPATH=/usr/l...转载 2019-12-24 11:25:10 · 270 阅读 · 0 评论 -
EMQ
介绍MQTT(Message Queuing Telemetry Transport,消息队列遥测传输)是IBM开发的一个即时通讯协议,它比较适合于在低带宽、不可靠的网络的进行远程传感器和控制设备通讯等,正在日益成为物联网通信协议的重要组成部分。MQTT现在主要用于即时通讯,物联网M2M,物联网采集等。本文就社区上常见的开源MQTT服务器在常见操作系统上的搭建做详细介绍。目前一些开源MQTT服务...原创 2019-12-19 09:30:30 · 788 阅读 · 0 评论 -
物联网体系的三层结构功能和包含设备
物联网体系的三层结构 综合国内各权威物联网专家的分析,将物联网系统划分为三个层次:感知层、网络层、应用层,并依此概括地描绘物联网的系统架构。 感知层解决的是人类世界和物理世界的数据获取问题,由各种传感器以及传感器网关构成。该层被认为是物联网的核心层,主要是物品标识和信息的智能采集,它由基本的感应器件(例如RFID标签和读写器、各类传感器、摄像头、GPS、二维码标签和识读器等基本标识和传感...原创 2019-11-16 10:28:23 · 8313 阅读 · 0 评论 -
Chrome浏览器跨域设置
做前后端分离的webapp开发的时候,出于一些原因往往需要将浏览器设置成支持跨域的模式,好在chrome浏览器就是支持可跨域的设置,网上也有很多chrome跨域设置教程。但是新版本的chrome浏览器提高了跨域设置的门槛,原来的方法不再适用了。下面简单介绍一下新版本chrome的跨域设置方法。版本号49之前的Chrome跨域设置先介绍一下老方法,参考了一些网上的教程,其实直接在打开命...原创 2019-03-30 09:48:21 · 414 阅读 · 0 评论 -
无线传感器网络技术原理及应用 知识点
无线传感器网络技术原理及应用 知识点1.无线传感器与自组网的区别 1. 传感器网络是集成了监测、控制以及无线通信的网络系统,节点数目更为庞大(上千甚至上万),节点分布更为密集。 2. 由于环境的影响和能量的消耗,节点更易出现故障,环境干扰和节点故障容易造成网络拓扑结构的变化,通常情况下,大多数传感器节点是固定不变的。 3. 传感器节点具有的能量、处理能力、存储能力和通信能力都...原创 2019-07-03 16:48:48 · 37802 阅读 · 2 评论 -
前端开发常用组件库
前端开发常用组件库Vuehttps://vue.ant.design/docs/vue/introduce-cn/Angularhttps://ng.ant.design/components/card/zh其他https://v-charts.js.org/#/原创 2019-09-27 13:50:23 · 633 阅读 · 0 评论 -
百度离线地图——瓦片地图下载
百度离线地图——瓦片地图下载下载工具,工具在文末。解压,打开文件夹,找到BaiDuMapTile.exe应用程序,双击打开,下载瓦片地图。下载完之后,有一个maptile文件夹,就是所需区域的瓦片地图然后拿去用!分享几个牛B的链接:https://www.52pojie.cn/thread-738613-1-1.htm再来一个 :http://www.xia...原创 2019-10-08 14:09:26 · 2331 阅读 · 1 评论 -
VS Code 好用插件集合
VScode 好用插件集合什么是VScode Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 L...原创 2019-01-14 20:41:19 · 2755 阅读 · 0 评论