- 博客(8)
- 收藏
- 关注
原创 H5语音合成SpeechSynthesis
SpeechSynthesis 介绍:文档传送门网页语音 API 的SpeechSynthesis 接口是语音服务的控制接口;它可以用于获取设备上关于可用的合成声音的信息,开始、暂停语音,或除此之外的其他命令。因此我们在某些业务中,我们可以不需要服务端提供第三方合成语音接口;如百度TTS等第三方语音合成服务;let utterance = new SpeechSynthesisUtterance("Hello world!");speechSynthesis.speak(utterance);注
2021-07-26 11:40:06 755
原创 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 1218 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 547
原创 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 423
原创 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 351
原创 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 3871 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 3192 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 2979 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人