自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端语音识别功能实现

前端实现文字转语音功能最近项目上有把文字转化为语音播放的需求,现在把常用的方法整理出来供大家参考利用H5新增API SpeechSynthesisUtterance方法(经测试,此方法有兼容问题,在IOS上无法正常播放),代码如下: var utterance = new SpeechSynthesisUtterance('Hello baby'); window.speechSynthesis.speak(utterance);2.使用百度的语音转化API,通过点击按钮触发play

2020-06-28 17:04:22 3249

原创 防抖在vue项目中的应用

vue中使用防抖函数

2022-11-24 16:42:36 271 1

原创 JS标准时间时间格式化

JS将标准化时间转化成类似YYYY-MM-DD HH:mm:ss格式的时间 // 将标准化时间转化成类似YYYY-MM-DD HH:mm:ss格式的时间 const time = new Date() // 将标准时间转化成时分秒 function moment(time, format = 'YYYY-MM-DD HH:mm:ss') { // 获取年月日时分秒 let y = time.getFullYear() let m = (time.getMonth()

2022-01-04 16:53:24 898

原创 JS统计字符串中出现次数最多的字符

JS统计字符串串中出现次数最多的字符// 判断数组是否相等 let str = "abcdefgaaaffdcd"; function countStrTimes(str) { let maxStr = '' // 出现字符次数最多的字符 let maxNum = 0 // 出现的次数 let info = str.split('').reduce((p, k) => (p[k]++ || (p[k] = 1), p), {}) for (let key i

2022-01-04 15:03:37 567

原创 JS判断两个数组是否想等

JS判断两个数组是否想等// 判断数组是否相等isArrayEqual(array1, array2) { return array1.length === array2.length && array1.every(function(v, i) { return v === array2[i]})}// 相等打印true,不相等打印false

2021-12-23 17:46:56 383

原创 js给数组中对象添加新属性

js给数组中对象添加新属性往数组对象中添加一个新的属性 const arr = [ { id: '1', name: '张三', total: '10' }, { id: '2', name: '李四', total: '23' } ] const obj = {type: 'ss'} /** * * @param arr 目标数组 * @param obj 需要新增的属性,以对

2021-12-20 16:07:48 1182

原创 字符串回文判断

如何判断一个字符串是否是回文之前面试碰到一个笔试题,如何判断一个字符转是否是回文代码如下 // 判断一个字符串是否是回文 let str = 'abcdefgfedcba1' let str1 = 'abcdefgfedcba' // 定义一个判断是否是回文的函数 function plalindrome(str) { return str.split('').reverse().join('') === str } console.log(plalindrome(

2021-07-20 16:44:01 117

原创 JS中通过对象某一属性查找另一属性

JS中通过对象某一属性查找另一属性JavaScript中对象属性查找方法通过name属性查找到对应的orgCodeJavaScript中对象属性查找方法最近项目中,后台返回了一个组织机构列表,后台需要通过name属性查找到对应的orgCode, 具体返回值如下: const arr = [ {id: 1, name: '青山区', orgCode: '1-2-3456'}, {id: 2, name: '洪山区', orgCode: '1-2-7890'}, {id: 3,

2020-12-11 11:03:00 2391

原创 JS中的 && 和 ||

这里写自定义目录标题JS通俗易懂的&&和 | |&&| |JS通俗易懂的&&和 | |之前一直被&&和 | | 困扰着,今天简单总结 一下&&使用&&将返回第一个条件为假的值;如果每个操作数的计算值都为true;则返回最后一个计算过的表达式; // &&将返回第一个为假的值 let a = 10 let b = 0 console.log(a && b

2020-12-02 13:52:30 131 1

原创 echarts常用属性总结

echarts常用属性设置最近在项目中经常使用到echarts,先将echarts常用属性总结如下,有需要的可以看看1.全图默认背景backgroundColor: 'rgba(0,0,0,0)'2.默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff63

2020-07-23 14:35:18 1687 1

原创 前端跨域

前端如何优雅解决跨域最近用vue-cli3.0做了一个前端项目,但是调用后台接口时出现了跨域报错,那么前端应该如何优雅解决跨域呢?在项目根目录中新建vue.config.js文件在里面添加如下代码:module.exports = { outputDir: 'serve', // build输出目录 assetsDir: 'assets', // 静态资源目录(js, css, img) lintOnSave: false, // 是否开启eslint devServer: { o

2020-06-05 14:11:10 143

空空如也

空空如也

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

TA关注的人

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