- 博客(8)
- 收藏
- 关注
RSS订阅原创 H5语音合成SpeechSynthesis
SpeechSynthesis 介绍：文档传送门 网页语音 API 的SpeechSynthesis 接口是语音服务的控制接口；它可以用于获取设备上关于可用的合成声音的信息，开始、暂停语音，或除此之外的其他命令。 因此我们在某些业务中，我们可以不需要服务端提供第三方合成语音接口；如百度TTS等第三方语音合成服务； let utterance = new SpeechSynthesisUtterance("Hello world!"); speechSynthesis.speak(utterance); 注
2021-07-26 11:40:06
954
原创 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
1440
2
原创 VUE2.x项目使用Electron打包成可执行文件
步骤一 下载demo **下载electron的demo electron-quick-start ** 步骤二 1.原项目安装依赖 npm install electron --save-dev npm install electron-packager --save-dev 2.原项目根目录创建 preload.js，内容可以为空 主要用来在创建桌面窗口前定义一些window全局变量。可根据项目自行定义 3.将下载dome中的main.js拷贝到项目根目录下，并更名为electron.js 更新el
2021-06-29 11:30:13
750
原创 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
521
原创 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
516
原创 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
4860
4
原创 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
3570
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
3265
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人