web前端开发手记,始于2019/4/2

    此为本人在从事web开发过程中,遇到的一些问题,持续更新,留以后记

1,给一个对象里面自定义键值对 (对象的一个操作)

  var list.push({ [a] : b })     || 先构建一个对象  obj[a]= b  list.push(obj)            

前者需要es7语法的支持 

检查对象中是否有  var boo= { name :"小名"}   boo.hasOwnProperty(name)   或者 name  in boo

a.charCodeAt()  或者a的Allstate码

2, vue中使用一些组件的方法 

    在vue中 经常会使用别人封装好的组件,但是由于有很多方法并没有暴露接口名给我们使用 比如一些富文本

编辑器, 会有添加一东西的很多方法, 但是没法自定义触发方式 ,因为他并没有暴露接口 直接使用,  这是时候我们可以

使用ref 注册该组件的实例 然后获取实例上的方法 触发组件自带的时间 比如vue-html5-editor   可以注册实例 然后获取方法 实现

自定义的事件

3,ES6的一些循环 

在E6中出现了很多好用的循环方法 有 forEach()  map()  flter()  for index in Array 

Array.forEach((value,index,array)=>{ // 这里写操作的那个发})            //他有三个参数

Array.map(e=>{ //   })                    //map方法 e是数组 的每一个参数作为形参传入

Array.flter(e=>{  retunr  e  //  })             //和上面一样 但这样更加倾向于作为一个过滤器 他会返回一个新的数组  是条件为true的

for (key in  Array) { console.log(key) }     //可以操作他的key(下标)值.  可以这样Array[key] 获取内容

for (var key of Array){ }                            //其中key是属性值

4,对象的引用

在学习链表的时候,遇到了一个问题,所以憨憨的去问了老师,结果是发现是因为我没有理解对象的引用这个问题 , 我开始一直以为是a = 123  如果想改变a的值只能 a="***"  所以我在没有看到操作a的情况下 有了疑惑 ,于是去问了老师  老师说这是应该对象的操作是引用的 不是复制   a ={ s = 6}      b=a   b.s=7     此时的a.s  其实也等于7  这就是引用操作 对改变原对象的值

5,在H5页面上使用录音功能

在项目中 有时候需要使用在H5页面中使用录音,但是h5界面的录音已经无法直接使用,这时候我们用 https://github.com/2fps/recorder  这个可以实现 还有一个基于vue实现的 但是只有项目 ,没看到有什么解说什么的

你可能感兴趣的:(web前端开发手记,始于2019/4/2)