- 博客(13)
- 收藏
- 关注
RSS订阅原创 关于根据webaudio绘制波形图遇到的一些坑
因业务需要，根据音频文件绘制音频的波形图。 网上有不少相关的demo，不过多是实时获取音频的频率进行绘制的，想要获取音频所有的波形图苦寻了很久，终于找到了。 let ac = new(window.AudioContext || window.webkitAudioContext)(); //兼容写法 定义变量ac为audiocontext对象 let url = '1.wav'; //音...
2018-12-10 15:42:50
894
1
原创 关于vue中禁止滑动
<div class="overlayer" @touchmove.prevent > </div> 在需要禁止的元素添加 @touchmove.prevent 就可以禁止该元素滑动了 @click.prevent 阻止元素的默认事件 @dblclick 双击事件 @input 事件 后续有其他小知识点会添加到这篇文章...
2018-12-05 10:17:04
3084
原创 JS中关于更改数组结构的一些操作
大牛请绕道，本文主要用于自己查看 这几天遇到一个需求，安卓返回一组数据，需要转化为JSON，格式如下 一看好多转译符，好家伙。JSON.parse不起效果但是数组的长度却可以获取到 尝试了一下 let successList= ["{\"blockId\":38,\"cancelUploadState\":0,\"fileLength\":386604,\"fileName\":\"30...
2018-11-29 14:41:35
619
原创 关于JS中一键替换
原生JS方法中没有replaceAll方法，想进行一键替换的话需要自己写一下 使用for循环太耗费性能，故可以采用正则表达式的方法来替换 具体如下 let newVariable = oldVariable.replace(new RegExp(oldStr,'g'),newStr);...
2018-11-19 09:52:35
529
原创 VUE中使用computed的一些小知识
今天在开发模板的时候，需要把一个vue中的一个computed属性传到全局变量中，遇到一些小问题，总结如下： 1、computed属性中的function里边return之前可以写其他逻辑代码 2、computed中的属性如果不使用，是不会触发该属性中的代码的 3、computed的初始化顺序在created之前 ...
2018-11-16 16:45:00
1102
原创 小经验：关于vue中computed的坑
今天第一次使用computed的时候遇到了一个报错 computed property ' ' was assigned to but it has no setter... 开始以为是因为自己没有写set，但是看官方文档中是可以不写set和get的，在网上搜了一下这个错误信息，发现是在其他地方给报错的属性进行过赋值，讲其他地方有关该属性的赋值删掉就可以了。...
2018-11-15 18:21:59
2269
原创 前端工程化小记录
在前端工程中可以判断运行环境 如果是开发环境可以用环境变量判断 if (process.env.NODE_ENV === "development"){ code }
2018-11-15 16:41:24
157
原创 关于前端模块化
在尝试重构前任前端的代码的时候遇到的问题，史前前端转变不久，对类、模块化、组件化概念很模糊，在看了一些资料之后初步梳理了一下 1、目前个人所理解的类就是一个对象，复杂的类包含多个方法属性、或者属性就是一个类。 2、在网上收集的其他资料，发现了之前自己的一个误区，之前以为比如vue中的组件就属于模块化，实则不然，模块化和组件化是两个概念，组件化是为了减少重复代码，增加代码的复用性；模块化属于功能...
2018-11-14 08:52:28
140
原创 Navigator userAgent 属性 声明浏览器用于 HTTP 请求的用户代理头的值
userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。 所有主要浏览器都支持 userAgent 属性 navigator.userAgent
2018-11-13 11:20:14
405
原创 vue.js右键点击事件+在光标停靠位置插入文本
直接在需要右键效果的添加 @contextmenu.prevent='function' function写自己的代码 另外，项目中用到在光标停靠位置插入文本的功能，一并描述一下 insertShort(index) { this.contextmenuShow = false; //选中textarea const myField = document.querySelec...
2018-11-13 10:54:37
3201
转载 JS性能优化
首先，由于JS是一种解释型语言，执行速度要比编译型语言慢得多。（注：，Chrome是第一款内置优化引擎，将JS编译成本地代码的浏览器，其它浏览器也陆续实现了JS的编译过程。但是，即使到了编译执行JS的新阶段，仍然会存在低效率的代码。）以下总结一些可以改进代码的整体性能的方法。 一.注意作用域 记住一点，随着作用域中的作用域数量的增加，访问当前作用域以...
2018-11-12 19:36:48
125
转载 JS动态计算rem
1、什么是rem rem是相对于根元素（html标签）的字体大小的单位。 2、rem实现适配的原理 核心思想：百分比布局可实现响应式布局，而rem相当于百分比布局。 实现手段：动态获取当前视口宽度width，除以一个固定的数n，得到rem的值。表达式为rem = width / n。 通过此方法，rem大小始终为width的n等分。 3、动态计算rem...
2018-11-12 19:23:55
3247
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人