自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 JavaScript漫谈之理解类型操作符typeof

在本文中,将简述JavaScript类型系统和数据类型,以及如何使用typeof操作符执行类型检查。还讲解了使用typeof操作符进行某些数据类型检查是不完善的,并介绍其他几种类型检查的方法。更多内容欢迎关注GitHub每种编程语言都有自己的类型系统和数据类型,但各种编程语言的数据结构常有不同之处。使用JavaScript时,其引擎会在脚本执行期间隐式强制转换执行值的类型...

2019-09-11 15:40:00 275

转载 openlayers学习笔记(十三)— 异步调用JSON数据画点、文字标注与连线

使用Openlayers 3实现调用本地json数据在地图上添加点、文字标注以及连线。生成底图地图首先得有一个地图作为底图,代码如下:let vectorSource = new ol.source.Vector({ wrapX: false });const rootLayer = new ol.l...

2019-09-02 16:41:00 502

转载 语音识别—前端录音传给后台语音识别

实现前端录音,将音频blob传给服务器,然后在服务器端使用百度AI语音识别将结果返回给前端上一篇文章是将百度AI语音识别Nodejs SDK版的进行了一遍演示加识别结果返回给前端显示,这里是完整的进行前端录音,然后将压缩后的音频对象Blob传给服务器,在服务端使用百度AI语音识别,最后将识别结果返回给前端进行显示。本篇调用的是第三方库Recorder....

2019-08-28 17:24:00 1365

转载 语音识别—前端录音上传服务器进行语音识别

采用前端录音,基于Node搭建Websocket服务器,音频对象Blob使用Websocket传给后端服务器后写入本地音频文件,然后调用百度AI语音识别本地音频文件,最后将识别结果传给前端显示。百度语音识别查看文档知道了我想要的信息,如果想要实现实时语音识别、长时间段的语音、唤醒词功能、语义解析功能,需要使用Android、IOS SDK或者Lin...

2019-08-23 10:31:00 1077

转载 Python 语音识别

调用科大讯飞语音听写,使用Python实现语音识别,将实时语音转换为文字。参考这篇博客实现的录音,首先在官网下载了关于语音听写的SDK,然后在文件夹内新建了两个.py文件,分别是get_audio.py和iat_demo.py,并且新建了一个存放录音的文件夹audios,文件夹内存放录音文件input.wav,我的整个文件目录如下:asr_SDK(...

2019-08-07 14:15:00 202

转载 Python 无法安装PyAudio问题

一、错误与原因在Windows上没有用于Python 3.7的轮子(预构建包)(有一个用于Python 2.7和3.4到3.6),因此需要在PC上准备构建环境以使用此包。因为有些软件包很难在Windows上构建,所以找到3.7的轮子更容易一些。这是安装时报的错:> pip3 install pyaudioCollecting pyau...

2019-08-07 14:13:00 3920

转载 webRTC脱坑笔记(四)— windows下Nginx对Node服务的反向代理

Nginx反向代理1、什么是反向代理当我们有一个服务器集群,并且服务器集群中的每台服务器的内容一样的时候,同样我们要直接从个人电脑访问到服务器集群服务器的时候无法访问,必须通过第三方服务器才能访问集群这个时候,我们通过第三方服务器访问服务器集群的内容,但是我们并不知道是哪一台服务器提供的内容,此种代理方式称为**反向代理2、什么是负载均...

2019-08-07 14:12:00 267

转载 webRTC脱坑笔记(三)— webRTC API之RTCPeerConnection

RTCPeerConnection API是每个浏览器之间点对点连接的核心,RTCPeerConnection是WebRTC组件,用于处理对等体之间流数据的稳定和有效通信。RTCPeerConnection可以保护Web开发人员免受潜伏在其中的无数复杂性的影响。WebRTC使用的编解码器和协议可以进行大量工作,即使在不可靠的网络上也可以进行实时通信:丢包隐...

2019-08-07 14:10:00 780

转载 webRTC脱坑笔记(二)— webRTC API之MediaStream(getUserMedia)

webRTC APIWebRTC API包括媒体捕获、音频视频的编码和解码、传输层和会话管理。getUserMedia():捕获音频和视频。MediaRecorder:录制音频和视频。RTCPeerConnection:在用户之间传输音频和视频。RTCDataChannel:用户之间的流数据。1.媒体捕获MediaStr...

2019-08-07 14:07:00 921

转载 webRTC脱坑笔记(一)— 初识webRTC

webRTC概述WebRTC--- `Web browsers with Real-Time Communications (RTC)`WebRTC是一个开源项目,可以在`Web`和本机应用程序中实现音频,视频和数据的实时通信。在Firefox,Opera和Chrome桌面和Android上。WebRTC也可用于iOS和Android上的本机应用程序。有了WebRTC ,...

2019-08-07 14:03:00 156

转载 Electron-vue实战(二)— 请求Mock数据渲染页面

Electron-vue实战(二)— 请求Mock数据渲染页面作者:狐狸家的鱼本文链接GitHub:sueRimn一、环境搭建1、安装Mock.js如果仅仅用作脱离后台的模拟数据,就安装在开发环境中:npm install mockjs -D2、安装axios-mock-adapteraxio...

2019-07-04 09:33:00 606

转载 Electron-vue实战(一)—搭建项目与安装Element UI

Electron-vue实战—搭建项目与安装Element UI作者:狐狸家的鱼本文链接GitHub:sueRimn一、新建项目1、初始化项目打开cmd,新建一个项目,我使用的是electron-vue,输入以下命令:vue init simulatedgreg/electron-vue my-project1my-project就是自...

2019-06-28 11:20:00 336

转载 Electron-vue实战(三)— 如何在Vuex中管理Mock数据

Electron-vue实战(三)— 如何在Vuex中管理Mock数据作者:狐狸家的鱼本文链接:Vuex管理Mock数据GitHub:sueRimn在vuex中管理mock数据关于vuex的简单理解在这篇文章中已经提过了,如何在vuex中管理mock数据呢。这是效果界面,所用的数据是mock模拟所得,使用vuex的store存储管理模拟数据。...

2019-06-25 17:41:00 200

转载 vue学习笔记(六)— 关于Vuex可以这样简单理解

关于Vuex可以这样简单理解作者:狐狸家的鱼本文链接:关于VuexGitHub:sueRimn概念理解和大多数文章都一样,从概念解释到引出问题再举例解决问题。官网中,Vuex是状态管理模式,将所有组件的状态集中式存储管理,并在相应的规则中发生变化。在我的理解中,组件的状态就是数据,Vuex就是一个集中存储管理所有组件的数据的仓库,当组件需要数据时,...

2019-06-25 16:17:00 144

转载 vue学习笔记(五)— 组件通信

关于vue父子组件通信作者:狐狸家的鱼本文链接:vue组件通信GitHub:sueRimn如果组件是一个单页面,组件之间存在父子关系,数据传递就需要根据父子不同的地位使用不同的办法。借助新建的Electron-vue项目自带的两个组件来说明。目录结构如下:其中LandingPage.vue是父组件,SystemInf...

2019-05-28 16:03:00 116

转载 OpenLayers学习笔记(十二)— 飞机速度矢量线预测(二)

根据计算公式实现预测线作者:狐狸家的鱼GitHub:八至之前有一篇博客简单写了一个模拟demo,根据物体当前的速度和方向预测多少时间后所在的位置,具体计算是参考《(译)计算距离、方位以及更多经纬度之间的点》,现在重新用计算公式实现,代码如下: let from, to;let createVelLine = obj => { const D...

2019-05-22 10:44:00 244

转载 QML学习笔记(八)— QML实现列表侧滑覆盖按钮

QML实现列表右边滑动删除按钮,并覆盖原有的操作按钮,点击可实现删除当前项本文链接:QML实现列表侧滑覆盖按钮作者:狐狸家的鱼GitHub:八至列表实现在另一篇博客已经提及,列表可选中、拖拽、编辑,现在优化一下,实现滑动删除效果,并覆盖原有的操作按钮。主要就是对操作按钮与删除按钮之间做一个动态切换效果。管制按钮一开始就是默认显示的,代码如下:...

2019-05-15 15:11:00 296

转载 重学JavaScript - 映射与集合

作者:狐狸家的鱼GitHub:surRimn整理自MDN文档带键的集合映射Map对象一个Map对象在迭代时会根据对象中元素的插入顺序来进行 — 一个 for...of 循环在每次迭代后会返回一个形式为[key,value]的数组。1、语法new Map([iterable])iterable可以是一个数组或者其他iterable对象,其元素或为...

2019-05-14 13:24:00 144

转载 OpenLayers API整理

整理的Openlayers 的知识笔记,随着运用不断加深理解,也会不断更新。本文链接:Openlayers API整理作者:狐狸家的鱼GitHub:八至一、创建地图1、地图Map创建地图底图:需要用new ol.Map({})地图map是由图层layers、一个可视化视图view、用于修改地图内容的交互interaction以及使用UI...

2019-05-07 10:10:00 2508

转载 重学JavaScript - 数组

作者:狐狸家的鱼GitHub:surRimn整理自MDN文档数组数组是一种类列表对象,长度和元素类型不固定。描述访问数组JavaScript数组的索引是从0开始的,第一个元素的索引为0,最后一个为数组长度减一。如果指定的索引是一个无效值,不会报错,而是返回undefined。以数字开头的属性不能用点号引用,必须用方括号。正则匹配结果所返回的...

2019-04-29 10:21:00 86

转载 OpenLayers学习笔记(十一)— 飞机速度矢量线预测

在机场使用的空管系统中,飞机的速度矢量线差不多是这样的:模拟飞机飞行时的速度矢量线,这里就大概做个类似效果:什么叫速度矢量线呢,个人理解就是根据飞机当前速度和航向预测它在未来一段时间内的飞机轨迹,以此来监测飞机是否偏离。如何运行代码已经在上一篇博客《动态加载JSON数据模拟航迹线》讲过了。在这个模拟DEMO中,主要存在四个图层,分别为地图底图、航迹线图...

2019-04-03 16:40:00 520

转载 OpenLayers学习笔记(十)— 动态加载JSON数据模拟航迹线

在openlayers 3 上,加载本地json数据,动态绘制航迹线,以飞机当前位置为地图中心,此例子是模拟DEMO本文链接:动态加载JSON数据模拟航迹线作者:狐狸家的鱼GitHub:八至前提需求需要以JSON数据动态加载绘制飞机轨迹线,飞机图标以加载的坐标为当前实时位置,经过的坐标追加到轨迹线上,标牌始终跟随飞机移动...

2019-04-02 13:32:00 997

转载 JavaScript速记

JavaScript常见知识点积累,包括数据类型、数值转换、对象、原型与原型链、作用域与闭包等等,持续整理更新,如有错误请指正,甚是感激本文链接:JavaScript那些磨人的小妖精作者:狐狸家的鱼GitHub:八至数据类型一共有七种数据类型,主要为两大类:原始类型、对象类型1.基础类型(原始值)数值number:用于任何类型的数字,包括整数或浮点...

2019-04-01 13:18:00 114

转载 Vue针对性笔记

Github原文阅读MVVM(Model-View-ViewModel)模型MVVM分为Model、View、ViewModel三部分。Model代表数据模型,定义数据和业务逻辑,访问数据层View代表视图,展示页面结构、布局和外观(UI)ViewModel代表视图模型,负责监听Model数据变化并更新视图,处理用户交互 Model和View是通过View...

2019-03-20 13:40:00 84

转载 面向对象编程(OPP)

作者:狐狸家的鱼本文链接:面向对象编程GitHub:sueRimn面向对象编程(OPP)具有灵活、代码可复用、高度模块化等特点,易维护和开发实例对象与new命令1.对象对象是单个实物的抽象对象是一个容器,封装了属性(prototype)和方法(method)属性是对象的状态方法是对象的行为...

2019-03-19 19:24:00 254

转载 Flexbox(弹性盒模型)完全指南

Flexbox(弹性盒模型)布局完全指南Github:sueRimn来源:A guide to Flexbox这个指南讲诉了flexbox的所有内容,重点介绍了父元素(flex容器)和子元素(flex元素)的所有不同可能属性。它还包括历史记录、演示、模式和浏览器支持图表。背景Flexbox布局(弹性盒模型)模块的目的在于提供一种更有效的方法在容器中的项之间布局...

2019-03-19 09:28:00 147

转载 React学习笔记(一)- 入门笔记

React入门指南作者:狐狸家的鱼本文链接:React学习笔记GitHub:sueRimn1.组件内部状态state的修改修改组件的每个状态,组件的render()方法都会再次运行。这样就可以修改组件内部状态,确保组件重新改渲染并且展示从内部状态获取到的正确数据初始状态应该通过this绑定到类上class App extends Compo...

2019-03-19 09:12:00 161

转载 (译)计算距离、方位和更多经纬度之间的点

计算距离、方位和更多经纬度之间的点。最近在研究预测未来坐标和速度、时间之间的关系,希望这篇文章对地图应用有所帮助。作者:狐狸家的鱼本文链接:计算距离、方位和更多经纬度之间的点原文链接:Calculate distance, bearing and more between Latitude/Longitude pointsGitHub:sueRimn...

2019-03-12 15:16:00 810

转载 vscode笔记(一)- vscode自动生成文件头部注释和函数注释

VsCode 自动生成文件头部注释和函数注释作者:狐狸家的鱼本文链接:vscode自动生成文件头部注释和函数注释GitHub:sueRimn1、安装插件KoroFileHeader2、设置在vscode左下角点击设置按钮,选择“设置”,然后输入“fileheader”,文件头部注释:Filehe...

2019-02-28 14:50:00 14311

转载 vue学习笔记(四)- cmd无法识别vue命令解决方法

解决控制台无法识别vue命令问题作者:狐狸家的鱼本文链接:cmd无法识别vue命令解决方法GitHub:sueRimn在控制台输入vue会报以下错误:vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。所在位置 行:1 字符: 1+ vue+...

2019-02-26 13:38:00 4506

转载 vue学习笔记(三)- vue2.x引入Element-ui

webpack+vue2.x+element-ui作者:狐狸家的鱼本文链接:vue2.x引入Element-uiGitHub:sueRimn1、新建项目vue init webpack vue-elementUi //vue-elementUi是项目名cd vue-elementUi //进入项目文件...

2019-02-21 14:02:00 113

转载 OpenLayers学习笔记(九)— 限制地图显示范围

openlayers 3 地图上限制地图显示及拖动范围,坐标系是4326转3857,中心经纬度精确到小数点后六位,减少误差GitHub:八至作者:狐狸家的鱼本文链接:ol3-限制地图显示及拖动范围查看extent参数可以知道:所以可以这样进行设置范围:var view = new ol.View({ ... ex...

2019-02-14 13:05:00 1465

转载 OpenLayers学习笔记(八)— 类似比例尺的距离环(二)

openlayers 3 地图上创建一个距离环,始终以地图中心为中心,每个环之间的距离类似比例尺,随地图缩放而变化。添加具有覆盖整个范围的特征的虚拟层,其可以被设置为围绕地图中心的环。这篇是上一篇距离环文章的拓展和完善GitHub:八至作者:狐狸家的鱼在线预览这是模仿openlayers插件库ol-ext新出的canvas距离环功能,简直雪中送炭。...

2019-01-21 09:56:00 160

转载 vue学习笔记(二)- 数据绑定、列表渲染、条件判断

vue的数据绑定和列表渲染的造轮子GitHub:八至作者:狐狸家的鱼双向数据绑定Vue中数据的双向绑定-v-model数据->页面页面->数据适用:input、select、textarea<div id="app"> <!-- 数据输入 --> <i...

2019-01-16 13:46:00 311

转载 QML学习笔记(七)— 实现可拖拽、编辑、选中的ListView

鼠标单击可选中当前项,头部呈绿色显示;按压当前项可进行拖拽更换列表项位置;点击数据可以进行编辑;GitHub:八至作者:狐狸家的鱼这里是自己定义的model,有些字体和颜色都是使用的全局属性,ListView{ id:thelist property bool isClicked: false //初始化没有点击...

2019-01-10 10:43:00 404

转载 通过WebChannel/WebSockets与QML中的HTML交互

来源:通过WebChannel/WebSockets与QML中的HTML交互GitHub:八至作者:狐狸家的鱼本文链接:QML与HTML交互在查询QML与HTML之间通信交互时资料很少,这篇文章讲解的比较清楚一、前言Qt允许使用所谓的混合GUI创建应用程序——在这种GUI中,可以将本机部件与基于html的内容混合在一起。通过WebChann...

2019-01-08 15:18:00 393

转载 OpenLayers学习笔记(七)— 类似比例尺的距离环(一)

openlayers 3 地图上创建一个距离环,始终以地图中心为中心,每个环之间的距离类似比例尺,随地图缩放而变化。添加具有覆盖整个范围的特征的虚拟层,其可以被设置为围绕地图中心的环。注意,根据地图投影,当真实地图比例发生变化时,环尺寸(甚至形状)可能会根据位置而变化,例如,如果从格陵兰岛移动到非洲,这些距离将为50公里,200公里,500公里和1000公里。GitHub:八...

2019-01-07 10:12:00 219

转载 OpenLayers学习笔记(六)— 拖拽叠加层overlayer

是在官网例子基础上增加的拖拽功能GitHub:八至作者:狐狸家的鱼本文链接:拖拽叠加层overlayer全部代码<!DOCTYPE html><html> <head> <title>Icon Symbolizer</title> <link rel="...

2018-12-28 17:16:00 941

转载 OpenLayers学习笔记(五)— 拖拽Feature图层

参考文档的例子可以知道如何拖动矢量图层featureGitHub:八至作者:狐狸家的鱼本文链接:拖拽Feature图层全部代码<!DOCTYPE html><html> <head> <title>Icon Symbolizer</title> <li...

2018-12-28 17:04:00 466

转载 QML学习笔记(六)- 简单计时器和定时器

做一个简单的qml计时器和定时器,左键触发计时,右键触发定时GitHub:八至作者:狐狸家的鱼本文链接:QML学习笔记(六)- 简单计时器和定时器左键点击按钮,触发计时器,中键可以暂停计时,同时如果要清零,再次点击左键。右键打开时间输入与告警信息输入弹出窗口,时间输入有正则验证,只能输入数字,并且时间的:只能在英文半角下输入,如果时间和告警信息未输入,会弹出警...

2018-12-26 15:57:00 289

空空如也

空空如也

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

TA关注的人

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