~旧-CSDN博客

原创 H5语音合成SpeechSynthesis

SpeechSynthesis 介绍：文档传送门网页语音 API 的SpeechSynthesis 接口是语音服务的控制接口；它可以用于获取设备上关于可用的合成声音的信息，开始、暂停语音，或除此之外的其他命令。因此我们在某些业务中，我们可以不需要服务端提供第三方合成语音接口；如百度TTS等第三方语音合成服务；let utterance = new SpeechSynthesisUtterance("Hello world!");speechSynthesis.speak(utterance);注

2021-07-26 11:40:06 739

原创 vue+ts使用mqtt

前言一、安装 MQTT 客户端库npm install mqtt --save二、使用MQTT这边使用的是EMQX提供的免费公共 MQTT 服务器下载后打开cmd进入emqx>bin文件夹然后运行命令emqx start 启动服务启动后浏览器输入http://localhost:18083/#/进入emqx管理后台输入账号：admin 密码：public输入连接地址端口点击连接成功后下面我们测试下主题的发布及订阅三、封装MQTT类创建mqtt.ts文件impor

2021-07-01 15:57:13 1200 2

原创 VUE2.x项目使用Electron打包成可执行文件

步骤一下载demo**下载electron的demo electron-quick-start **步骤二1.原项目安装依赖npm install electron --save-devnpm install electron-packager --save-dev2.原项目根目录创建 preload.js，内容可以为空主要用来在创建桌面窗口前定义一些window全局变量。可根据项目自行定义3.将下载dome中的main.js拷贝到项目根目录下，并更名为electron.js更新el

2021-06-29 11:30:13 533

原创 JS 判断一个对象中是否有某个属性

JS 判断一个对象中是否有某个属性通常情况一般我们使用if(obj && obj.a){....}下面总结几个其他方法：方法1：Object.keys(obj).includes('a')方法2：使用对象的 hasOwnProperty 方法obj.hasOwnProperty('a')方法3：静态方法 Reflect.has()Reflect.has(obj, 'a')...

2021-06-17 09:48:13 420

原创 css3圆形加载中动画

css圆形加载中动画UI设计图效果步骤1：画出一个圆步骤2：画出外层的圆形步骤3：头部加上圆角步骤4：中间加上icon步骤5：去除中间背景色步骤6：旋转动画步骤7：暂停动画完事，收工！下面是全部代码UI设计图效果步骤1：画出一个圆<div class="box"></div>.box{ width: 240px; height: 240px; border-radius: 50%; background: black; margin: 100px;}

2021-04-23 14:53:44 347

原创 element Popover 隐藏不销毁问题

element Popover 隐藏不销毁问题前言问题：循环渲染时使用Popover组件，当鼠标移入组件内显示popover后，移出隐藏，但是popover并不会销毁，这样导致dom内的popover越来越多，最后出现跳转路由出现下面的BUG <div v-for="item in list" :key="item.id"> <el-popover placement="bottom" wid

2021-03-19 15:07:41 3784 3

原创 vue+高德地图2.0多边形编辑器吸附功能和标注图层

vue+高德地图2.0多边形编辑器吸附功能和标注图层 <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=你的key&plugin=AMap.PolygonEditor"></script>必须引入AMap.PolygonEditor多边形编辑器插件<template> <div class="box"> <div id=

2021-03-04 17:44:23 3157 1

原创 vue2.x+Element 实现大文件切片上传

vue2.x+Element 实现大文件切片上传功能要求效果功能要求支持切片上传；支持并发上传；支持显示上传进度；<template> <div> <el-row> <el-upload :http-request="upload" :action="uploadUrl" :data="uploadData" :before-remove="beforeRemove

2021-03-04 14:11:13 2937 3

weixin_45661272的博客