前端前进日记 2020-10-28

fetch API

JavaScript对象底层数据结构

vuex

fetch API

使用场景 业务中有处理流结构的东西  
希望结合使用streams API 和 service worker

流（数据结构）：
streams API Streams API允许JavaScript以编程的方式访问通过网络接收的数据流，
并根据开发人员的需要处理它们。

概念：
流将你希望通过网络接收的资源拆分成小块，然后按位处理它。这正是浏览器在
接收用于显示web页面的资源时做的事情——视频缓冲区和更多的内容可以逐渐播放，
有时候随着内容的加载，你可以看到图像逐渐地显示。
优点有不局限于 检测流何时开始或结束，将流链接在一起，根据需要处理错误和取消流，并对流的读取速度做出反应

补充：JavaScript中数组数据类型 数组结构为线性表，可以随机访问（同随机定位） 随机访问为存取第N个数据时，不用访问（N-1）数据，直接对N操作

Javascript 对象底层数据结构

 首先区分语言数据类型和数据结构。
 然后JavaScript使用的是堆和栈 
 基本数据类型放在栈里，内存可以及时回收，占用的内存空间大小确定
 引用数据类型，指针地址存放在栈里，通过指针找到堆里的数据
 其实我认为JavaScript的对象底层数据结构应该是特殊的树形结构
 V8实现后的JavaScript对象 数据结构是数组和hashmap
 据群里大佬讲 Js只是提案，具体实现靠引擎

Javascript底层数据结构
node中流处理

数组随机访问

vuex

 vuex集中状态管理仓库，中央帝王集权，严格模式下 ，谁tm也别想在组件里改老子状态。

this.$store.commit('user/login')
//模块化
this.$store.dispatch('user/login','admin')
//映射
this['user/login']("admin")
...mapActions(['user/login'],['user/logout'])

//关于派生
//user.js里写getter
getters:{
    openingremarks:state =>state.username+',你还是来了崽种'
  },
//组件使用的时候  
   <span v-if="isLogin">
      {{ openingremarks }}
      <button >注销</button>
    </span>
//computed里写
     ...mapGetters('user',['openingremarks'])

Ps：明天看下vue中computed